制作过程

Hbuilder部分

  1. 首先第一步在Hbuilder中创建uni-app项目,由于我是第一次尝试,因此直接借用了原来的login代码模板。如图所示:
  2. android ico 生成 生成安卓app_前端开发

  3. 创建好了之后,想了解的可以看代码,不想了解的直接本地打包。当然,本地打包直接我也遇到了一些问题,这些问题无非就是因为缺少插件而无法编译下去,此时,只需要点击工具——>插件安装,在里面寻找需要的插件安装即可。除此之外,还需要点击manifest.json文件获取AppID。获取完成之后,点击:发行——>本地打包——>生成本地打包App资源。静等打包完成后,控制台输出一个路径,如下图:
  4. android ico 生成 生成安卓app_xml_02

  5. 打开上述路径,并返回她得父路径。即同名于AppID的文件夹(这里敲小黑板!!!千万不要以为后面没用就关掉)。至此,Hbuilder的part已经完成。接下来是Android Studio部分。
  6. 因为我是第一次做这个,之前没有用过Android studio,因此,先安装一个再说!下载链接如下:
    Android Studio安装链接 下载后直接安装。安装教程网上都有。
  7. 我下载的是离线SDK,离线文件下载路径:https://ask.dcloud.net.cn/article/103
  8. 用已安装好的Android Studio打开。
  9. android ico 生成 生成安卓app_xml_03

  10. 右击文件里面的app——src——main——asset——app.HelloH5.www。选择Show in Explorer
  11. android ico 生成 生成安卓app_前端开发_04

  12. 此时,有两个文件夹显示。第一个是第3步打开的文件夹(APPID的文件夹),第二个是此时打开的(HelloH5)。这里将HelloH5删除。拷贝Hbuilder打包的文件夹到该目录下。
  13. android ico 生成 生成安卓app_前端开发_05

  14. 在Android Studio修改文件dcloud_control.xml,修改appid位置,为打包资源的manifest.json的id值。两个保持一致。
  15. android ico 生成 生成安卓app_前端开发_06

  16. 分别修改两个文件的appId(AndroidManifest.xml、),任意唯一,固定格式为XXX.XXXX.XXXXX
  17. android ico 生成 生成安卓app_android ico 生成_07


  18. android ico 生成 生成安卓app_android ico 生成_08

  19. 最后一步,打包!点击Build——>Generate Signed Bundle or APK,又因为我是第一次,所以使用第一个选项打包出来的文件是.aab格式,看了解释后,选择了第二个选项,才打包出apk格式。
  20. android ico 生成 生成安卓app_android ico 生成_09

  21. 点击next,若没有jks文件则可以创建一个,点击Created new… 响应配置如下。
  22. android ico 生成 生成安卓app_前端开发_10

  23. 完成之后点击Next,如果想记住密码,点击记住密码框。debug是测试版本。release正式版本。点击finish。
  24. android ico 生成 生成安卓app_前端开发_11

  25. 完成之后,右下角会弹出提示消息,点击locate,定位到文件的位置。该文件可以发送到手机上安装。此时,一个完整的APP开发已完成。相应的也可以修改该APP的图像、名称、启动页图片等等。