npm&tnpm安装

$ [sudo] npm install --registry=https://registry.npm.alibaba-inc.com -g tnpm

tnpm -v 没有版本

需要增加环境变量

 vim ./.bash_profile

PATH=$PATH:/Users/yanglei/.npm-global/bin

PATH=$PATH:/Users/yanglei/.tnpm-global/bin

 

:wq!

source ./.bash_profile

 

参考

https://yuque.antfin-inc.com/yod8zw/omp4zl/hs4pkx

如下

支付宝小程序打包(可参考文档:https://yuque.antfin-inc.com/docs/share/7605ca2f-04d7-424e-bf5f-b95ab3c734df?#)或按照下边步骤操作

   1、申请手淘支付宝开发者账号权限

      开发者权限申请: @云列(mx180772)

      支付宝:https://open.alipay.com/platform/mini.htm#/app/2018090761255717/member

    2、IDE下载:

支付宝:https://docs.alipay.com/mini/ide/download (手淘新容器使用支付宝IDE打包)

   3、下载饿了么小程序dev/xxx分支代码

      如:git clone -b dev/xxx git@gitlab.alibaba-inc.com:eleme/eleme-miniapp-third-party-mas.git

     落地页代码在feature/alipay_eleme_channel分支上,直接这样下载代码: git clone -b feature/alipay_eleme_channel git@gitlab.alibaba-inc.com:eleme/eleme-miniapp-third-party-mas.git

   4、安装打包工具

      1、安装def工具https://def.alibaba-inc.com/doc/start/install_sdk

  1. 装 tnpm:npm i -g tnpm --registry=http://registry.npm.alibaba-inc.com
  2. 安装 DEF SDK:tnpm i -g @ali/def
  1. 执行 def --version,正常返回版本信息,表示安装成功
  2. 执行 def login 完成用户登录注册

     2、在项目跟目录执行

  •   执行打包命令: npm run build (执行命令前请把手淘IDE或支付宝IDE杀掉)
  •   根据提示选择渠道:
  •   npm&tnpm安装
  •  
  •   选择环境:
  •   npm&tnpm安装

页面

 1、打开小程序开发者工具,点击添加编译模式,添加要      

npm&tnpm安装

  2、选择落地页的启动页面如红框所示

 

npm&tnpm安装

页面参数是卡片首页传给落地页的参数:有经纬度(支付宝首页切换地址),topRestaurantId置顶的商户ID(用户在支付宝首页点击的那个商户),topSkuId置顶的菜品(用户在支付宝首页点击的那个菜品),exposureShopIds(支付宝首页卡片中用户没有点击的另外两个商户),exposureSkuIds(支付宝首页卡片中用户没有点击的另外两个菜品)

 longitude=120.126884&latitude=30.274313&topRestaurantId=166657&topSkuId=200000377733666055&exposureShopIds=202787,170983482&exposureSkuIds=200000507206848322,200000474994569220

 

   加入这些参数的意思:正常测试通过支付宝debug包中的首页卡片点击进入落地页进行测试(这些参数是首页卡片接口返回的参数,要给到落地页前端,前端需要投传这些字段,给到落地页中的一些接口传参使用)

  比如推荐专区中有展示逻辑:需要第一个展示置顶的菜品和商户,第二个和第三个展示的菜品商户是首页中用户未点击的。

  而经纬度每个接口都需要

  3、更改相应文件如下,?后要带的参数。(目的:点击支付宝小程序切换环境时,页面能带入这些参数)

 

npm&tnpm安装

三、点击预览生成二维码,扫码进行测试

 

npm&tnpm安装

 

 

上一篇:程序员的算法趣题Q65: 图形的一笔画


下一篇:【语音合成】基于matlab重叠存储法的信号分帧与还原【含Matlab源码 567期】