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/,扫码登录,扫码后为弹出相关账号,选择你所在的管理员账号
管理--版本管理,分为线上版本,审核版本,开发版本,开发版本按照开发者区分,
点击右侧可选为体验版本或者取消体验版本,这个包发布过程是需要在vscode执行npm run build:mp-weixin,然后微信开发者工具打开项目目录/dist/build/mp-weixin文件夹,点击右上方的上传,会有弹窗提示如下
image.png
点击确定即可上传最新build的包至小程序后台。后续选择设为体验版和设置初始化页面路径即可正式体验。
5.体验版成员
体验版不是所有人都能看见的,需要讲体验成员的微信拉入体验成员中
管理--成员管理
项目成员:项目的开发者
体验成员点击添加即可
6.开发 -- 开发管理
服务器域名配置
必须配置,不然系统无法正常使用一些跟第三方服务相关的技术
request合法域名配置各种接口用到的一些域名
uploadFile合法域名配置上传文件的一些域名
downloadFile合法域名配置一些下载附件或者图片用到的一些域名
7.发布线上
版本中选择你自己上传的版本为审核版本,然后扫码鉴权,这时候会把现在有的包上传到微信,审核版本中就会有个版本在审核,审核通过后会有微信提示审核通过或者不通过,不通过有原因,按照原因修改重新发版,通过的话就直接把这个审核通过的版本发布线上,需要扫码鉴权,发布成功!
网友评论