uniapp打包APK简易教程

612 阅读2分钟

准备工作

下载HbuilderX

国产编辑器,正常下载安装即可。 www.dcloud.io/hbuilderx.h…

Dcloud账号注册

账号涉及到你使用的HbuilderX中的项目信息,数据统计等重要的信息,包括离线打包也需要登陆平台。 dev.dcloud.net.cn/pages/commo…

证书制作

制作途径网上随便搜一下有很多,我这里就放一个我平时用的。 zaixian.yimenapp.com/developer/c…

image.png 这些参数后续要使用,不要乱填。

项目创建

模板自行决定,不需要启用uniCloud,云开发是类似node的后端,数据库以及后端语言都是遵从平台规则的,不用勾选就行。 image.png

简单描述

uniapp最开始的时候是为了迎合H5和微信小程序一套代码生成两种语言的平台,生命周期一开始按照的就是微信小程序来做的,包括开发逻辑等,例如onload onshow等生命周期,不过后来兼容了VUE的生命周期,所以不管是小程序的开发风格还是Vue的 都能直接上手写。

目录介绍

image.png

  • pages
  • APP.vue
  • index.html
  • main.js

这些和vue基本大同小异,就不描述了。

  • manifest.json

所有平台的一些通用规则的参数都在这里,包括APP打包的配置内容都需在这个文件下去配置。

image.png

image.png 更多配置的细节信息可以自己多研究。

即使这个文件什么都不改,你直接打包都可以生成APK。

项目打包

云打包

开发工具点击上面按钮 发行 就可以看到云打包。

image.png

配置之前生成的证书,选正式打包。广告联盟等自行决定,配置基本都比较简单。

image.png

image.png

进入排队之后就慢慢等待即可。

image.png

打包后APK生成的文件位置

离线打包

这种方式可以混合开发,但是难度比较大,我只是简单的说一下,你们有兴趣后续可以问一下我。

  1. 安装Android Studio并配置环境变量
  2. 安装Android SDK 10
  3. 安装java 8开发环境并配置环境变量
  4. gradle依赖更改java jer1.8
  5. uniapp项目离线key获取(dev.dcloud.net.cn/pages/app/d…)
  6. uniapp离线标准原生安卓环境代码包下载, HBuilder-Integrate-AS文件导入到Android Studio就可以按照攻略更改。 (nativesupport.dcloud.net.cn/AppDocs/dow…) 7.uniapp转移安卓所需的步骤自行百度或者参考官网(nativesupport.dcloud.net.cn/AppDocs/use…)

转移成功之后并成功通过Android Studio成功打包,测试和uniapp云打包是一样的,那就完成离线打包了,不过这只是混合开发的第一步。