uni-app开发经验分享十六:发布android版App的详细过程

发布时间:2020-12-26 发布网站:前端之家 F2er.com
前端之家收集整理的这篇文章主要介绍了uni-app开发经验分享十六:发布android版App的详细过程前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

开发环境

1. Android Studio下载地址:Android Studio官网 OR Android Studio中文社区

2. HBuilderX(开发工具)

3. App离线SDK下载:最新android平台SDK下载

注意:HBuilderX版本要跟SDK版本一致。

SDK目录说明

    |-- HBuilder-Hello                App离线打包演示应用
    |-- HBuilder-Integrate-AS         集成uni-app或5+ app的最简示例
    |-- SDK                           SDK库文件目录
    |-- Feature-Android.xls           Android平台各扩展Feature API对应的详细配置
    |-- readme                        版本说明文件及注意事项
    |-- UniPlugin-Hello-AS            uni原生插件开发示例

准备工程

1. 安装android Studio并解压SDK下载包;

2. 运行android studio,选择导入项目HBuilder-Hello;

uni-app开发经验分享十六:发布android版App的详细过程

 

 3. 导入项目后,按提示安装所需即可;安装完成后,项目会重新rebuild,等待结束,运行项目到测试机,可以看到传感器,音频,二维码等应用示例;

uni-app开发经验分享十六:发布android版App的详细过程

 

 

uni-app开发经验分享十六:发布android版App的详细过程

 

 4. 打开 HBuilderX 写好的项目,点击 发行 > 原生app-本地打包 > 生成本地打包资源,打包完成后,HBuilderX 控制台会输出打包信息和打包路径;

uni-app开发经验分享十六:发布android版App的详细过程

 

 5. 打开 android studio 切换项目到project目录,依次打开 HBuilder-Hello > app > src > main > assets,能看到 apps.HelloH5.www 和 data 两个文件夹;

uni-app开发经验分享十六:发布android版App的详细过程

 

 6. 删除 android studio 的 apps 文件夹内容后,将 HBuilderX 刚才打包路径下的 resources 文件夹内容替换; 

uni-app开发经验分享十六:发布android版App的详细过程

 

 7. 复制 www > manifest.json 中的id,替换 data > dcloud_control.xml 中的 appid;

uni-app开发经验分享十六:发布android版App的详细过程

 

 

uni-app开发经验分享十六:发布android版App的详细过程

 

 

8. 点击运行项目,如果运行后测试机所显示的内容和HBuilderX项目中所展示一致,则表示替换成功;

补充一些打包过程遇到问题的解决方法:

1)运行APP提示“当前运行环境无法运行启用“自定义组件模式”的uni-app引用”,只需要在“app-libs”引入文件“ uniapp-release.aar”(该文件在SDK下载包的路径“SDK\libs”下)即可解决);

2)报错“Entry name 'assets/SDK_Default_Route_Texture_Gray_Arrow.png' collided”,删除文件“HBuilder-Hello\app\build”下的所有数据,重新生成就没问题;

3)uniApp引入“vconsole.min.js”会导致打包运行后,只显示底部菜单,内容区域显示空白;

4)工程增加package.json,并执行“npm install”后,打包App运行后会导致引用组件的页面无法跳转;

5)uniapp调用接口使用了Promise,打包App运行后会导致打开调用接口的页面一直加载中。

发布版本

1. android studio > build > Generate Signed Bundle / APK,创建新的 jks文件或选择原有jks,一路下一步,直至完成; 

uni-app开发经验分享十六:发布android版App的详细过程

 

 

uni-app开发经验分享十六:发布android版App的详细过程

 

 

uni-app开发经验分享十六:发布android版App的详细过程

 

 

uni-app开发经验分享十六:发布android版App的详细过程

 

 

uni-app开发经验分享十六:发布android版App的详细过程

 

 

2. 把文件app-debug.apk发送到手机,安装并使用。

 

转载于:https://blog.csdn.net/king0964/article/details/108635541

总结


以上是前端之家为你收集整理的uni-app开发经验分享十六:发布android版App的详细过程全部内容,希望文章能够帮你解决uni-app开发经验分享十六:发布android版App的详细过程所遇到的程序开发问题。

如果觉得前端之家网站内容还不错,欢迎将前端之家网站推荐给前端开发程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。