H5+app打包流程(安卓-ios)

“我正在参加「掘金·启航计划」”

这是从事前端以来的第一次打包,在此过程了,遇到了挺多问题,但是也是一步步摸摸索索的完成.此文的话大部分也都是一步步的指引操作,严格按照流程,应该不会有太大问题.也有不严谨的地方希望大家多多指出来

一、先进行本地打包

第一步先将本地的h5项目本地打包输入以下命令

npm run build_app     或者  npm run build 或者 yarn build 都可以

其实执行完上述命令执行完毕过后其实咱们的代码下dist_app下会生成static 和 index.html 文件

二、在hbuilder中创建一个新的项目模板

三、 将第一步打包好后生成的dist_app文件下的的staic文件放入到新创建的hbuider的项目中

如下图:

四、文件替换

将本地打包好代码文件中的static文件,和index.htnl.替换我们使用hbuilder创建项目文件相应的static文件,和index.htnl

五 、配置相应参数

在hbuilder创建的项目中,可以在manifest.json中配置相应的图标及参数的,最后等待咱们的打包完成,可以找到文件存放本地的位置,最后能看到apk文件,就是咱们的应用安装包

六 、云端打包

在第五步配置要相应参过后,咱们来到第六步的云端打包,下图二的参数都是需要填写的

七 、分享一下我在打包中遇到的问题

在打包过程中遇到以下问题,提示通讯录权限问题,这时候可以点击下图勾选的 模块配置中的通讯录取消勾选就可以了

实名入口：https://dev.dcloud.net.cn/user/profile

---

ios

ios打包的话其实和安卓打包并无太大差别

一、本地打包

也是先输入我们的命令进行本地打包,dist_app文件下也会生成相应的static 和 index.html 文件

二、在hbuilder中创建一个新的项目模板

创建好之后,就把第一步本地打包后vscode dist_app文件下生成的static 和 index.html 文件拉到咱们刚刚,创建hbuilder项目中

三、最终打包

一般我们公司的话,ios这一块我们是先用自己公司的证书去打包,然后测试,最终才替换成客户的证书,客户的证书是用与上架APP的,所以自己公司的证书很容易出现过期问题,所以这里用到自定义调试基座,最后打包

后面我们ios包打好之后,可以连接咱们的设备进行真机调试,按一下步骤进行操作啦,确实也是本人的第一次调试,有问题可以提出来,该文章也是做个记录分享,防止有项目需要打包,可以再翻出来看看

​