小程序的开发到发布

“我报名参加金石计划1期挑战——瓜分10万奖池，这是我的第1篇文章，点击查看活动详情”

微信小程序的开发（开发版 => 体验版 => 提交审核 => 审核通过待发布 => 发布）

一、微信公众平台

1. 进入微信公众平台（ mp.weixin.qq.com/ ）扫码选中相应小程序登录 即可进行各种相关设置
2. 开发管理：微信开发者工具打开项目需要的appId、需要配置的合法的域名都是在这个页面

二、微信开发者工具

1. 微信开放文档（ developers.weixin.qq.com/miniprogram… ）下载开发者工具

2. 启动开发者工具

3. 点击添加

三、创建小程序项目（推荐Taro docs.taro.zone/docs/ )

1. 按Taro文档 先安装CLI工具

   # 使用 npm 安装 CLI
   $ npm install -g @tarojs/cli
   # or 使用 yarn 安装
   $ yarn global add @tarojs/cli
   

2. 项目初始化

   # myApp 可以换成自己的项目名
   $ taro init myApp
   

   

3. 安装结束后 打开package.json 可以发现相关的依赖的列表已经出现了

4. 此时将生成的文件夹导入到创建小程序目录中 生成即可

5. 在IDE中通过 yarn命令 将自动更新开发者工具中的内容

   # yarn
   # 对应development的process.env.NODE_ENV 更新代码后 开发者工具自动更新
   $ yarn dev:weapp
   # 对应production的process.env.NODE_ENV 使用此命令 每次代码更新后需手动build
   $ yarn build:weapp
   

四、开发者工具配置

1. 当你还没有在微信公众平台配置 " 合法域名 " 时 可以通过在 " 本地设置 " 中勾选 " 不校验合法域名 "来跳过开发者工具的域名校验 注意此时使用手机预览时 需要打开调试模式 否则将会默认拦截不合法域名 建议：将上传时默认压缩都勾上

五、上传至体验版

1. 当代码开发的差不多的时候 可以通过点击上传 自动生成体验版

2. 上传后在微信公众平台 => 版本管理中 可以发现体验版

六、提交审核及发布

1. 点击提交审核

2. 审核通过后 将有待发布的版本

3. 点击发布 完成发布