uni-app开发android应用流程

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

        uni-app开发android应用流程_第1张图片

 

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

uni-app开发android应用流程_第2张图片

 

uni-app开发android应用流程_第3张图片

 

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

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

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

uni-app开发android应用流程_第4张图片

 

uni-app开发android应用流程_第5张图片

 

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

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

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

uni-app开发android应用流程_第8张图片     3、修改配置,修改应用图标、名称uni-app开发android应用流程_第9张图片

uni-app开发android应用流程_第10张图片

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

 uni-app开发android应用流程_第11张图片

 

uni-app开发android应用流程_第12张图片

 

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

uni-app开发android应用流程_第13张图片

uni-app开发android应用流程_第14张图片

 

uni-app开发android应用流程_第15张图片  

     6、修改appid对应配置,设置debug调试    debug="true" syncDebug="true"

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

uni-app开发android应用流程_第16张图片

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

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

uni-app开发android应用流程_第17张图片

 

 uni-app开发android应用流程_第18张图片

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

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

        uni-app开发android应用流程_第19张图片

uni-app开发android应用流程_第20张图片

  

uni-app开发android应用流程_第21张图片

六、运行app

        1、点击设备管理

uni-app开发android应用流程_第22张图片

 

        2、创建设备

uni-app开发android应用流程_第23张图片

 

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

uni-app开发android应用流程_第24张图片

4、最后一步:运行 

uni-app开发android应用流程_第25张图片

 

你可能感兴趣的:(web前端学习,android,uni-app,android,studio)