uni-app离线打包APK教程

uni-app离线打包APK教程_第1张图片

一、 资源准备

  1. 下载SDK

​ 网址:https://nativesupport.dcloud.net.cn/AppDocs/download/android

  1. 下载Android Studio

    网址:https://nativesupport.dcloud.net.cn/UniMPDocs/SDKDownload/android

  2. Appkey申请

  • 3.1.10版本起需要申请Appkey

    教程:https://nativesupport.dcloud.net.cn/AppDocs/usesdk/appkey

    网址:https://dev.dcloud.net.cn/app/index

  • cmd命令

    生成证书:
    keytool -genkey -alias citysmart -keyalg RSA -keysize 2048 -validity 36500 -keystore citysmart.keystore
    或者
    keytool -genkey -alias citysmart -keystore citysmart.keystore
    
  • 查询证书,见下图

    keytool -list -v -keystore citysmart.keystore
    

uni-app离线打包APK教程_第2张图片

二、打包本地资源

打包uni-app项目本地资源,发行----原生App-本地打包----生成本地打包App资源,在项目目录下会生成“unpackage”目录见下图
uni-app离线打包APK教程_第3张图片

三、导入SDK项目

  1. 解压下载好对应版本的SDK,里面有一个原生App项目,见下图

uni-app离线打包APK教程_第4张图片
2. 将SDK中HBuilder-Integrate-AS\simpleDemo\src\main\assets\apps__UNI__A的该文件夹用uni-app打包好unpackage----resources---- -UNI-***文件夹替换掉
3. 使用Android Studio打开HBuilder-Integrate-AS项目

四、修改AS项目配置文件

  1. 修改app下的build.gradle文件

    signingConfigs {
        config {
            keyAlias 'citysmart'
            keyPassword '111111'
            storeFile file('citysmart.keystore')
            storePassword '111111'
            v1SigningEnabled true
            v2SigningEnabled true
        }
    }
    //keyAlias:生成证书时的别名;storeFile file:证书名全程,建议放在app项目下
    applicationId "com.zhlj.citysmart"
    //applicationId:个人中心填写的包名
    
  2. 修改AndroidManifest.xml文件

    
    //value:个人中心生成的Appkey值
    
    //package:包名为个人中心填写的包名称    
    
  3. 修改control.xml文件

    //main\assets\data\dcloud_control.xml文件中
    
    
        
    
    
    //appid:HBuilder中的appid
    
  4. App名称和图标自己设定

五、AS打包

1.在Android Studio中菜单栏点击Build----Generate Signed Bundle/APK,见下图,打开后选择APK,next
uni-app离线打包APK教程_第5张图片

  1. 填入生成的.keystore证书,密码及别名,Next,见下图
    uni-app离线打包APK教程_第6张图片

  2. 选择debug或者release版本,finish即可打包完成,见下图
    uni-app离线打包APK教程_第7张图片

  3. release安装包存放路径

  • 打包好的APK存放在APP下的release文件夹内,见下图
    uni-app离线打包APK教程_第8张图片

你可能感兴趣的:(android,android,studio,ide,前端,html5)