uni-app项目的开发和发布流程(包括开发版、体验版、正式版)

uni-app的开发和发布流程(包括开发版、体验版、正式版)
开发工具:HbuilderX编辑器、微信小程序开发工具
1、新建uni-app项目
uni-app项目的开发和发布流程(包括开发版、体验版、正式版)_第1张图片
uni-app项目的开发和发布流程(包括开发版、体验版、正式版)_第2张图片
2、运行到微信小程序(第一次可以从HbuilderX点进去,后面等发行包出来,可以导入里面dev文件夹里的mp-weixin)
uni-app项目的开发和发布流程(包括开发版、体验版、正式版)_第3张图片
uni-app项目的开发和发布流程(包括开发版、体验版、正式版)_第4张图片
3、发行版本(开发版->体验版->正式版):这种方式不用运行打包命令npm run build,直接使用工具打包发行
uni-app项目的开发和发布流程(包括开发版、体验版、正式版)_第5张图片
uni-app项目的开发和发布流程(包括开发版、体验版、正式版)_第6张图片
微信小程序AppId可以在自己账号(如果没有的话注册一个微信公众平台账号)微信公众平台找到(点击设置后,页面滑到最低)
uni-app项目的开发和发布流程(包括开发版、体验版、正式版)_第7张图片
uni-app项目的开发和发布流程(包括开发版、体验版、正式版)_第8张图片
执行以上步骤后,你会发现项目目录多了一个文件夹
uni-app项目的开发和发布流程(包括开发版、体验版、正式版)_第9张图片
接下来,我们要进行预览,那就有开发版和体验版
①开发版:在微信小程序开发者工具导入dist/build/mp-weixin,然后点击“预览”
uni-app项目的开发和发布流程(包括开发版、体验版、正式版)_第10张图片
②体验版:点击微信小程序开发工具的上传,然后去微信公众平台登录自己账号,点击版本管理,将自己上传的设为体验版
uni-app项目的开发和发布流程(包括开发版、体验版、正式版)_第11张图片
uni-app项目的开发和发布流程(包括开发版、体验版、正式版)_第12张图片
uni-app项目的开发和发布流程(包括开发版、体验版、正式版)_第13张图片
然后在小程序助手里面就可以看到
uni-app项目的开发和发布流程(包括开发版、体验版、正式版)_第14张图片
uni-app项目的开发和发布流程(包括开发版、体验版、正式版)_第15张图片
③发布
uni-app项目的开发和发布流程(包括开发版、体验版、正式版)_第16张图片
审核通过后,需要自己再点击发布就是正式发布啦
uni-app项目的开发和发布流程(包括开发版、体验版、正式版)_第17张图片

你可能感兴趣的:(vue.js,前端,微信小程序,uni-app)