微信小程序进阶版本

1.uni-app搭建底层框架

开发者api https://uniapp.dcloud.net.cn/api/router.html#navigateto
各种组件使用和方法使用api

2.框架详解

（1）pages.json pages配置的是页面上所有的页面路由（可视化）

  {
      "path": "pages/login/index", // 页面路由path
      "style": {
        "navigationBarTitleText": "欢迎登录" // 顶部的name显示
      }
    }

（2）subPackages是配置小程序系统的所有隐藏页面（二级或者三级页面）
（3）tabBar配置小程序最底部的tab切换，包括一些颜色，选中icon，未选中icon都可做配置
（4）mainfest.json文件中的appid要做配置，以防在开发者工具开发的时候一直提示你appid不存在或者不可用之类的异常
（5）package.json中的script脚本可供查看，看你是想运行该项目为何种小程序或者H5，基本上就是 mp-aa,mp-weixin,mp-alipay,mp-baidu,mp-kuaishou,mp-toutiao，dev是运行开发，build是运行打包
（6）微信开发者工具打开项目目录/dist/dev/mp-weixin文件夹做开发预览，开发依然在自己的编辑器中开发，我的是vscode
（7）接下来的就是一些业务层面的代码和开发

3.开发运行

下载微信开发者工具，点击导入或者新增，浏览目录选择项目目录/dist/dev/mp-weixin文件夹，选择apppid自己注册或者申请的，如果没有用测试号也可暂时使用，后端服务选择不使用云服务，点击确定
vscode中打开项目目录，npm install, npm run dev:mp-weixin运行命令即可跑起项目

4.体验版发布

登录网站https://mp.weixin.qq.com/，扫码登录，扫码后为弹出相关账号，选择你所在的管理员账号
管理--版本管理，分为线上版本，审核版本，开发版本，开发版本按照开发者区分，

图.jpg

点击右侧可选为体验版本或者取消体验版本，这个包发布过程是需要在vscode执行npm run build:mp-weixin，然后微信开发者工具打开项目目录/dist/build/mp-weixin文件夹，点击右上方的上传，会有弹窗提示如下

image.png

点击确定即可上传最新build的包至小程序后台。后续选择设为体验版和设置初始化页面路径即可正式体验。

5.体验版成员

体验版不是所有人都能看见的，需要讲体验成员的微信拉入体验成员中
管理--成员管理
项目成员：项目的开发者
体验成员点击添加即可

6.开发 -- 开发管理

服务器域名配置
必须配置，不然系统无法正常使用一些跟第三方服务相关的技术
request合法域名配置各种接口用到的一些域名
uploadFile合法域名配置上传文件的一些域名
downloadFile合法域名配置一些下载附件或者图片用到的一些域名

7.发布线上

版本中选择你自己上传的版本为审核版本，然后扫码鉴权，这时候会把现在有的包上传到微信，审核版本中就会有个版本在审核，审核通过后会有微信提示审核通过或者不通过，不通过有原因，按照原因修改重新发版，通过的话就直接把这个审核通过的版本发布线上，需要扫码鉴权，发布成功！