uniApp真机调试和打包

1、uniApp真机调试
我用得是红米手机,
红米手机设置:https://blog.csdn.net/weixin_51092099/article/details/120922756
注意:手机不需要安装hbuilder,只需用数据线将电脑和手机连接即可(我的手机和电脑是在同一网络下的)
在hbuilder中:
uniApp真机调试和打包_第1张图片
完成!!
2、uniApp打包到微信小程序
在hbuilder中
uniApp真机调试和打包_第2张图片
在微信开发者工具中
uniApp真机调试和打包_第3张图片
uniApp真机调试和打包_第4张图片
上传成功后,可在微信公众平台上看到上传的版本,然后一步步提交就行了
uniApp真机调试和打包_第5张图片
uniApp真机调试和打包_第6张图片
3、uniApp完成h5打包
在hbuilder中根据需求配置
uniApp真机调试和打包_第7张图片
如果点击发行后,发现很多灰色的无法点击,则选中项目中的任意文件后再尝试
uniApp真机调试和打包_第8张图片

uniApp真机调试和打包_第9张图片
报错如下:
uniApp真机调试和打包_第10张图片

解决办法:
uniApp真机调试和打包_第11张图片
再次发行,成功!在这里插入图片描述
uniApp真机调试和打包_第12张图片
uniApp真机调试和打包_第13张图片
uniApp真机调试和打包_第14张图片
成功运行!
uniApp真机调试和打包_第15张图片
4、uniApp安卓打包
在hbuilder中
uniApp真机调试和打包_第16张图片
uniApp真机调试和打包_第17张图片
uniApp真机调试和打包_第18张图片
uniApp真机调试和打包_第19张图片
开始发行
uniApp真机调试和打包_第20张图片
公司开发要选:使用自有证书
uniApp真机调试和打包_第21张图片
会生成对应的安装包,发送到手机安装即可!

你可能感兴趣的:(微信小程序,小程序,前端)