微信开发者工具打包小程序

微信开发者工具打包小程序

1.拉代码到本地

找运维开通阿里云账户，找前端开通小程序代码权限，再把代码拉取到本地
地址：https://codeup.aliyun.com/647e8173a708906d745a202b/shini-web

2.安装vscode

再用vscode（自己网上下载）把小程序代码导入进来

3.切换分支

找前端开发确认本次迭代分支，再切换到本次迭代分支

4.下载依赖，拉取最新代码，编辑打包

安装node.js，nodejs里面有npm

下载依赖：终端执行 npm -i
下载所有依赖npm install

拉取最新代码：git pull

拉取新分支：git fetch origin feature/optimize

编译：
dev环境:npm run dev:mp-weixin
stage环境:npm run build:mp-weixin:stage
test环境:npm run build:mp-weixin:test
生产环境:npm run build:mp-weixin
这样就代表打包编译成功，如果报错就去找前端开发帮忙看看(这里可能会出现npm问题，把对应依赖下完会解决一部分问题)

5.安装微信开发者工具（网上下载）

点击+号，填写相关资料后，点击保存（dev和stage、生产环境是不同的），然后再根据是dev环境还是stage、生产环境选择打开哪个

可以操作小程序，再network看到对应接口请求

6.点击预览，可以生成二维码，用手机微信扫码进入小程序

7.点击真机调试，可以调试和微信开发者工具一个手机微信号的小程序，可以用network抓包看对应接口请求

8.浏览器打开测试小程序

先找到fishIndex文件修改对应自己的userNo
再vscode终端执行：npm run dev:h5
执行成功后，根据执行成功后提供的url地址再浏览器打开，就可以再浏览器上测试小程序