uni app 本地打包apk 教程

前言:

各位同学大家好,最近帮别人打包了一个 uni 的项目编译成apk 所以觉得必要分享下。

上效果图

image.png

image.png

原始工程

image.png

这种uni 原始的工程我们直接

image.png

image.png

这样我们就可以运行到我们的模拟器或者真机上面去

手动打包

开发环境

  1. Android Studio 下载地址:Android Studio官网 OR Android Studio中文社区
  2. HBuilderX
  3. App离线SDK下载:最新android平台SDK下载
    3.1.10版本起需要申请Appkey,具体请点击链接

SDK目录说明

    |-- HBuilder-Hello              App离线打包演示应用
    |-- HBuilder-Integrate-AS       集成uni-app的最简示例
    |-- SDK                         SDK库文件目录
    |-- Feature-Android.xls         Android平台各扩展Feature API对应的详细配置
    |-- Readme.txt                  版本说明文件及注意事项
    |-- UniPlugin-Hello-AS          uni原生插件开发示例

android 离线sdk

百度网盘 提取码: 7rfu

image.png

我们找到这个 HBuilder-Integrate-AS 导入进去

配置工程

  1. 基础库配置
    将lib.5plus.base-release.aar、android-gif-drawable-release@1.2.23.aar、uniapp-v8-release.aar、oaid_sdk_1.0.25.aar和breakpad-build-release.aar拷贝到libs目录下
    注意:HBuilder X 3.5.0及以上版本新增库breakpad-build-release.aar

    image.png

    在build.gradle中添加资源引用
    注意:HBuilderX3.2.5版本之后适配了AndroidX。
    AndroidX版本需添加如下资源

    implementation fileTree(include: ['*.jar'], dir: 'libs')
    implementation fileTree(include: ['*.aar'], dir: 'libs')
    implementation 'androidx.appcompat:appcompat:1.0.0'
    implementation 'androidx.legacy:legacy-support-v4:1.0.0'
    implementation 'androidx.recyclerview:recyclerview:1.0.0'
    implementation 'com.facebook.fresco:fresco:2.5.0'
    implementation "com.facebook.fresco:animated-gif:2.5.0"
    implementation 'com.github.bumptech.glide:glide:4.9.0'
    implementation 'com.alibaba:fastjson:1.2.83'
    implementation 'androidx.webkit:webkit:1.3.0'
    

    复制代码
    uni-app配置时需要在build.gradle中添加aaptOptions配置

    aaptOptions {  
        additionalParameters '--auto-add-overlay'  
        ignoreAssetsPattern "!.svn:!.git:.*:!CVS:!thumbs.db:!picasa.ini:!*.scc:*~"  
    }  
    

    复制代码
    注意:更新SDK时需要同时更新aar/jar文件和build.gradle配置

  2. 应用配置

    • 配置Appkey
      3.1.10版本起需要申请 Appkey,申请请参考
      打开Androidmanifest.xml, 导航到Application节点,创建meta-data节点,name为dcloud_appkey,value为申请的AppKey如下:
    <application
        ...>
        <meta-data
            android:name="dcloud_appkey"
            android:value="替换为自己申请的Appkey" />
    

    复制代码

    • 配置应用版本号


      image.png

      versionCode为应用的版本号(整数值),用于各应用市场的升级判断,建议与manifest.json中version -> code值一致
      versionName为应用的版本名称(字符串),在系统应用管理程序中显示的版本号,建议与manifest.json中version -> name值一致。
      applicationId为应用的包名,一般设置为反向域名,不建议修改。
      建议将targetSdkVersion设置为25或以上。
      App离线SDK minSdkVersion最低支持21,小于21在部分5.0以下机型上将无法正常使用。
      完整版build.gradle可参考如下内容。

    apply plugin: 'com.android.application'
    
    android {
        compileSdkVersion 29
        defaultConfig {
            applicationId "com.example.myapplication"
            minSdkVersion 21
            targetSdkVersion 28
            versionCode 1
            versionName "1.0"
            multiDexEnabled true
            ndk {
                abiFilters 'x86', 'armeabi-v7a', 'arm64-v8a'
            }
        }
        compileOptions {
            sourceCompatibility JavaVersion.VERSION_1_8
            targetCompatibility JavaVersion.VERSION_1_8
        }
        buildTypes {
            release {
                minifyEnabled false
                proguardFiles getDefaultProguardFile('proguard-android-optimize.txt'), 'proguard-rules.pro'
            }
        }
    }
    
    dependencies {
        implementation fileTree(dir: 'libs', include: ['*.aar', '*.jar'], exclude: [])
        implementation 'androidx.appcompat:appcompat:1.0.0'
        implementation 'androidx.legacy:legacy-support-v4:1.0.0'
        implementation 'com.alibaba:fastjson:1.2.83'
        implementation 'androidx.webkit:webkit:1.3.0'
    }
    

    复制代码
    注意:如果需要集成的第三方sdk存在so库文件,只需添加armeabi-v7a、arm64-v8a、x86三个文件夹即可,否则会导致在部分手机上无法运行。

    • 配置应用名称
      打开app-> src -> main -> res -> values -> strings.xml文件,修改“app_name”字段值,该值为安装到手机上桌面显示的应用名称,建议与manifest.json中name(基础配置中的应用名称)对应。

    • 配置应用启动页及provider节点

    将下述activity信息添加到Androidmanifest.xml的application节点中

    注意:新建的项目默认会有一个MainActivity的节点,必须删掉!

    注意:为适配折叠屏,需要在PandoraEntryActivity的android:configChanges属性中追加“smallestScreenSize|screenLayout|screenSize”,参考如下配置。

    注意:为适配暗黑模式,需要在PandoraEntryActivity的android:configChanges属性中追加“uiMode”,参考如下配置。

        <activity
            android:name="io.dcloud.PandoraEntry"
            android:configChanges="orientation|keyboardHidden|keyboard|navigation"
            android:label="@string/app_name"
            android:launchMode="singleTask"
            android:hardwareAccelerated="true"
            android:theme="@style/TranslucentTheme"
            android:screenOrientation="user"
            android:windowSoftInputMode="adjustResize" >
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />
                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
            <intent-filter>
                <category android:name="android.intent.category.DEFAULT" />
                <category android:name="android.intent.category.BROWSABLE" />
                <action android:name="android.intent.action.VIEW" />
                <data android:scheme=" " />
            </intent-filter>
        </activity>
        <activity
            android:name="io.dcloud.PandoraEntryActivity"
            android:launchMode="singleTask"
            android:configChanges="orientation|keyboardHidden|screenSize|mcc|mnc|fontScale|keyboard|smallestScreenSize|screenLayout|screenSize|uiMode"
            android:hardwareAccelerated="true"
            android:permission="com.miui.securitycenter.permission.AppPermissionsEditor"
            android:screenOrientation="user"
            android:theme="@style/DCloudTheme"
            android:windowSoftInputMode="adjustResize">
        </activity>
    

    复制代码
    添加provider信息到Androidmanifest.xml的application节点中
    注意:3.3.7及以上版本,可以不添加

    <!--provider节点必须添加-->
    <provider
        android:name="io.dcloud.common.util.DCloud_FileProvider"
        android:authorities="${apk.applicationId}.dc.fileprovider"
        android:exported="false"
        android:grantUriPermissions="true">
        <meta-data
            android:name="android.support.FILE_PROVIDER_PATHS"
            android:resource="@xml/dcloud_file_provider" />
    </provider>
    

    复制代码
    注意:${apk.applicationId} 必须替换成当前应用的包名
    如果集成离线SDK时需要重写application,必须继承自DCloudApplication,否则会导致SDK中业务逻辑无法正常运行。
    将对应的application配置到Androidmanifest.xml中(如下),并添加tools:replace="android:name"以防出现冲突。

        <application  
            android:name="io.dcloud.test.TestApplication"  
            android:icon="@drawable/icon"  
            android:label="@string/app_name"  
            tools:replace="android:name">
        </application>
    

    复制代码

    • 配置应用图标和启动界面
      • 图标名称
        icon.png为应用的图标。
        push.png为推送消息的图标。
        splash.png为应用启动页的图标。

    将icon.png、push.png、splash.png放置到drawable,drawable-ldpi,drawable-mdpi,drawable-hdpi,drawable-xhdpi,drawable-xxhdpi文件夹下,不同文件夹下对应不同图片尺寸,可参考文档

image.png

修改Androidmanifest.xml中application节点的icon属性为@drawable/icon。如下图:
image.png

注意:splash.png在不同设备上显示效果不一样,为防止出现拉伸的状况,建议使用Android studio生成.9.png类型图片,可参考文档

  1. 资源配置
    Android studio默认项目没有assets文件夹,需手动创建,创建位置与java目录同级。

    • 创建data文件夹并拷贝资源
      将SDK->assets->data文件夹拷贝到刚刚创建的assets文件夹下,如下图:


      image.png

      注意:SDK升级时,data下资源需要同时更新。

    • 创建apps文件夹并拷贝资源
      将HBuilderX中的项目导出,将导出的资源复制到assets->apps下,如下图所示:
      image.png

      导出app资源
    • 修改dcloud_control.xml文件
      修改dcloud_control.xml中的appid为拷贝过来的uni-app的id,确保dcloud_control.xml中的appid与manifest.json中的id与文件夹名一致,如下图所示:


      image.png

      生成自定义基座,需要在根节点下添加debug="true"和syncDebug="true",如下图:


      image.png

    自定义基座支持热更新需要将debug-server-release.aar打入apk中,生成正式包时可以删除。
    详细步骤可参考链接

  2. 如何配置暗黑模式 在AndroidManifest.xml中添加:

    <meta-data
                android:name="DCLOUD_DARK_MODE"
                android:value= "替换为应用的主题模式" />
    
    

    复制代码
    其中可用的模式分别为 lightdarkauto, 此设置会影响启动时的默认模式,另外在运行时可使用plus.nativeUI.setUIStyle动态修改主题模式。
    注意PandoraEntryActivityandroid:configChanges配置必须包含uiMode。

  3. 其他配置
    AndroidX 配置
    需要在项目根目录下的gradle.properties文件中添加如下内容

    android.useAndroidX=true
    android.enableJetifier=true
    

    复制代码

运行

连接手机,点击按钮,运行即可。


image.png

完整工程截图

dcloud_appkey 换成自己的

image.png

appid 换成自己的
image.png

如何获取我们 appkey

我们在uni 官方开发者后台 上传我们jks 前面里面的 md5 sha1 sha256 信息

image.png

执行这个 命令就可以获取了

keytool -list -v -keystore  xxx.jks 

image.png

然后在 开发者后台找到这一栏
image.png

把这里拿到的key 配置上面博客说的地方 然后包名修改跟开发者后台一致
image.png

签名也要用我们上传的md5 信息的那个jks
image.png

最后打包就可以了
image.png

image.png

image.png

image.png

image.png

最后总结:

最后我们发现uni 打包成apk能运行是利用webview js做桥接 和recat native 有异曲同工之妙 这种跨平台的项目打包最后都不能绕开远程 虽然生跨平台实则是借鸡生蛋 安卓最后是通过android studio 变成apk iOS 端则是通过xcode编译成ipa 最后呢 希望我都文章能帮助到各位同学工作和学习 如果你觉得文章还不错麻烦给我三连 关注点赞和转发 谢谢

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 160,165评论 4 364
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 67,720评论 1 298
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 109,849评论 0 244
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 44,245评论 0 213
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 52,596评论 3 288
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,747评论 1 222
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,977评论 2 315
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,708评论 0 204
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,448评论 1 246
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,657评论 2 249
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 32,141评论 1 261
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,493评论 3 258
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 33,153评论 3 238
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,108评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,890评论 0 198
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 35,799评论 2 277
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,685评论 2 272

推荐阅读更多精彩内容