【Taro开发】-小程序自动打包上传并生成预览二维码（十三）

Taro小程序开发

系列文章的所有文章的目录

【Taro开发】-初始化项目（一）

【Taro开发】-路由传参及页面事件调用（二）

【Taro开发】-taro-ui（三）

【Taro开发】-带token网络请求封装（四）

【Taro开发】-自定义导航栏NavBar（五）

【Taro开发】-formData图片上传组件（六）

【Taro开发】-封装Form表单组件和表单检验（七）

【Taro开发】-tabs标签页及子组件的下拉刷新（八）

【Taro开发】-简易的checkBoxGroup组件（九）

【Taro开发】-页面生成二维码及保存到本地（十）

【Taro开发】-宣传海报，实现canvas实现圆角画布/图片拼接二维码并保存（十一）

【Taro开发】-分享给好友/朋友圈（十二）

【Taro开发】-小程序自动打包上传并生成预览二维码（十三）

【Taro开发】-全局自定义导航栏适配消息通知框位置及其他问题（十四）

---

---

前言

基于Taro的微信小程序开发，主要组件库为Taro-ui
实现代码编译打包上传，并生成预览二维码

---

提示：以下是本篇文章正文内容，下面案例可供参考

1.小程序代码上传密钥

生成小程序代码上传密钥并下载保存在项目根目录下

2.安装Taro自带小程序CI插件

npm i @tarojs/plugin-mini-ci -D
/yarn add @tarojs/plugin-mini-ci

3.配置

//config/index.js
const CIPluginOpt = {
  weapp: {
    appid: "*******************",
    privateKeyPath: "private.appid.key" // 配置密钥的路径
  },

  // 版本号
  version: "1.0.0",
  //版本描述
  desc: '1.0版本'
};

const config={
	...config,
  plugins: [["@tarojs/plugin-mini-ci", CIPluginOpt]]
}

// package.json
{
    "scripts": {
            //  构建完后自动 “打开开发者工具”
           "build:weapp": "taro build --type weapp --open",
            //  构建完后自动“上传代码作为体验版”
           "build:weapp:upload": "taro build --type weapp --upload",
            //  构建完后自动 “上传代码作为开发版并生成预览二维码”     
           "build:weapp:preview": "taro build --type weapp --preview"
    },
    "taroConfig": {
        "version": "1.0.0",
        "desc": "上传描述"
    }
}

4.使用及注意项

执行完 npm run build:weapp:upload 可以看到会出现Taro的打包编译过程和结果，微信公众号的后台也出现了本次打包上传的记录

如果出现编译错误：errCode:-10008,errMsg:invalid ip:…

关闭ip白名单或者将此ip(可能包含本机ip、后端ip)加入白名单.
由于公网ip没有固定，而且偏离较大，造成每次上传代码时ip无效，目前的解决方案：
1.固定公网ip-运营商
2.ip掩码

关于ip以及子网掩码

斜杠后面的数字为掩码的位数（即从左到右不匹配的位数）
A类IP地址的默认子网掩码为255.0.0.0（由于255相当于二进制的8位1，所以也缩写成“/8”，表示网络号占了8位）; 即

11111111.00000000.00000000.00000000

B类的为255.255.0.0（/16）; 即11111111.11111111.00000000.00000000

C类的为255.255.255.0(/24)；即11111111.11111111.11111111.00000000

/30就是255.255.255.252；即11111111.11111111.11111111.11111100

/32就是255.255.255.255；即11111111.11111111.11111111.11111111