记录一下我第一次开发uniapp项目打包并发布app!!

首先说说遇到的问题

1.云打包app后 打开app页面空白问题

解决方法: 这时候我们就需要真机调试一手,这里我选择的是夜神模拟器。

夜神模拟器下载地址: http:// https://www.yeshen.com/

接着在我们的HBuilder X中顶部操作栏中选中 工具->设置->运行配置

 和我一样配置一下 夜神模拟器默认端口是62001 

接着在目录下直接 cmd进入终端 执行下面两行代码

nox_adb connect 127.0.0.1:62001

nox_adb devices

执行前记得先把夜神启动起来哟

 

紧接着回到我们的Hbuilder 在操作栏找到 运行->运行到手机或者模拟器->运行到安卓基座

 

选中我们就可以开始调试啦 如果这里没有出现的话请关闭Hbuilder重新打开就好啦

在运行的时候 我这里报了个错 这个错是导致我页面空白的错误xception function:createInstanceContext, exception:white screen cause create instanceContext failed,check js stack ->Uncaught TypeError: Cannot set property 'onpopstate' of undefined 我就搜索了一下 onpopstate 

解释一下 这段代码在h5上是可以正常运行的 但是这段代码在uni-app真机调试时报错的原因是window对象在移动端的uni-app中不存在,因为uni-app是基于WebView来运行的所以会报错 我们把它注释掉 因为在app中咱们也不用担心用户没有登录 通过地址栏跳转页面的这种情况。

上面是我遇到的问题 每个人遇到的问题不一样 看工作台报错处理好就行

2.接下来我们来分享打包成app的详细流程

首先 如果你们在真机调试上面 已经可以正常运行没有问题的话 我们就可以执行接下来的打包操作啦

我们在Hbuilder操作栏中 找到发行 选择原生App-云打包

 

 直接打包 

这样就打包完成了 是不是很简单

 

打包完成后你的目录会生成一个unpackage文件夹 下面会有一个apk文件夹 里面就是apk的包,我们把他安装到手机上就可以啦。

 

 还有待完善功能 做的简单勿喷 这只是测试!!! 希望这点小记录可以帮助到大家

Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐