uni-app开发android详情

一、下载并安装hbuilder和android studio

  1. uni-app官网:uni-app官网
  2. hbuilder下载地址:HBuilderX 文档
  3. android studio下载地址:Download Android Studio & App Tools - Android Developers

说明:hbuilder主要用来生成本地打包文件,android studio主要用来安装app和生成软件安装包。

二、注册uni-app帐号,登录开发者中心

  1. 帐号注册登录地址:开发者中心

说明:该帐号主要是用来生成appID和android的appkey,还用来生成打包证书。需要在hbuilder开发工具中登录申请的帐号。

三、配置项目appid和appkey

  1. 登录uni-app开发者中心,填写相关信息,生成appid和appkey

        

uniapp开发安卓ios uniapp开发安卓流程_uni-app

 

       2、打开hbuilder,登录申请的开发者帐号。在项目中找到mainfest.json文件并打开,填写上对应的appid,可以连网直接获取。

uniapp开发安卓ios uniapp开发安卓流程_android studio_02

 

uniapp开发安卓ios uniapp开发安卓流程_uniapp开发安卓ios_03

 

四、hbuilder生成本地离线文件流程

  1. 选中项目,点击:发行 -> 原生APP本地打包 -> 生成本地打包APP资源。

等待项目编辑完成(如果是刚从gitlab上clone下的项目,需要先运行npm install,如果运行npm run dev:h5可以在浏览器打开,说明项目可正常运行,可以生成本地打包资源)

uniapp开发安卓ios uniapp开发安卓流程_开发者_04

 

uniapp开发安卓ios uniapp开发安卓流程_开发者_05

 

         2、到此使用hubilder生成本地APP资源完成

五、android studio配置uni-app生成的本地APP资源

  1. 从uni-app官网下载最新的APP离线SDK,地址:https://nativesupport.dcloud.net.cn/AppDocs/usesdk/androidhttps://nativesupport.dcloud.net.cn/AppDocs/usesdk/android
  2.  解压下载好的SDK,并用android studio打开目录中的HBuilder-Integrate-AS工程,下载的SDK主要用到的就是这个目录,可以把该目录复制一份到工作空间,其它的都可以删了不要。(在用android studio打开该工程前,最好先用android studio创建一个helloworld的Demo,以保证android studio可以正常使用)

uniapp开发安卓ios uniapp开发安卓流程_开发者_06

     3、修改配置,修改应用图标、名称

uniapp开发安卓ios uniapp开发安卓流程_uni-app_07

uniapp开发安卓ios uniapp开发安卓流程_android_08

      4、修改appkey,找到工程里的AndroidMainfest.xml,在最下面修改appkey,这里的appkey就是在uni-app开发者中心上面生成的appkey

 

uniapp开发安卓ios uniapp开发安卓流程_android_09

 

uniapp开发安卓ios uniapp开发安卓流程_开发者_10

 

    5、替换本地打包app资源,将hbuilder生成的本地APP打包资源,复制到工程的apps目录下。simpleDemo -> src -> main -> assets -> apps

uniapp开发安卓ios uniapp开发安卓流程_android_11

uniapp开发安卓ios uniapp开发安卓流程_android studio_12

 

uniapp开发安卓ios uniapp开发安卓流程_uniapp开发安卓ios_13

  

debug="true" syncDebug="true"

加上这一句就可以在android studio控制台看见html页面的console.log日志,主要用来调试用

uniapp开发安卓ios uniapp开发安卓流程_uniapp开发安卓ios_14

     7、生成android证书签名:可登录uni-app开发者平台查看相关文档,

Android平台签名证书(.keystore)生成指南 - DCloud问答

uniapp开发安卓ios uniapp开发安卓流程_android_15

 

 

uniapp开发安卓ios uniapp开发安卓流程_uni-app_16

     8、生成.jks文件,可参考文章:Android Studio生成.jks文件_m1m-FG的博客-CSDN博客_android jks

     9、替换.jks文件,将工程里面的test.jks,替换成自己生成的.jks文件

        

uniapp开发安卓ios uniapp开发安卓流程_android_17

uniapp开发安卓ios uniapp开发安卓流程_android studio_18

  

uniapp开发安卓ios uniapp开发安卓流程_uni-app_19

六、运行app

        1、点击设备管理

uniapp开发安卓ios uniapp开发安卓流程_android studio_20

 

        2、创建设备

uniapp开发安卓ios uniapp开发安卓流程_开发者_21

 

 3、选择一个设备,点击next,生成一个模拟器 

uniapp开发安卓ios uniapp开发安卓流程_android_22

4、最后一步:运行 

uniapp开发安卓ios uniapp开发安卓流程_android_23