【Android】5+APP 打包安卓

使用HTML5 PLUS 结合安卓进行安卓APP的开发

使用工具：
- HBuilderX
- Android Studio
- App离线SDK
使用技术
- Android 开发知识（java基础知识等）
- 网页开发知识（html、css、js、jquery等）

文章目录

使用HTML5 PLUS 结合安卓进行安卓APP的开发
基本步骤：
1. 创建本地安卓项目
2. 在HBuilder中创建H5+ 项目
3. 将创建的5+APP项目打包配置到Android项目中
4. 使用Android studio打包程序

基本步骤：

创建本地安卓项目
在Hbuilder中创建H5+项目，两个项目名可以不一致
将创建的H5+项目打包配置到Android项目中
使用Android studio 打包成APP

1. 创建本地安卓项目

使用Android Studio 创建本地空项目即可
包名自定义

具体方法参考网上其他教程

2. 在HBuilder中创建H5+ 项目

登录账号，没有的自己注册一个

新建项目

选择图中所选，点击创建

创建完成后会生成如图所示文件

点击下方内容后，点击生成本地打包APP资源

此时控制台输出如下

点击路径打开文件资源管理器，返回到如图所示目录，点击复制

3. 将创建的5+APP项目打包配置到Android项目中

在app/main目录下创建assets包，再在assets包下创建apps包，将刚才复制的文件夹粘贴进去

在assets包下创建data目录，将下载的离线sdk data目录下的这三个文件复制进去

将dcloud_control.xml文件中的<app appid=" " appver=""/>，appid替换为你的appid，即

将离线sdk目录下的\HBuilder-Integrate-AS\simpleDemo\libs中的四个文件复制的安卓项目的libs中

4. 使用Android studio打包程序

配置主清单文件AndroidManifest.xml

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"package="priv.happy.markdowne"><applicationandroid:allowBackup="true"android:icon="@mipmap/ic_launcher"android:label="@string/app_name"android:roundIcon="@mipmap/ic_launcher_round"android:supportsRtl="true"android:theme="@style/Theme.MarkdownE"><meta-dataandroid:name="dcloud_appkey"android:value="你的appkey" /><!--默认的启动活动可以删除或者注释掉，使用本地的网页作为启动页面<activityandroid:name=".MainActivity"android:exported="true"><intent-filter><action android:name="android.intent.action.MAIN" /><category android:name="android.intent.category.LAUNCHER" /></intent-filter></activity>--><activityandroid: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"android:exported="true"><intent-filter><action android:name="android.intent.action.MAIN" /><category android:name="android.intent.category.LAUNCHER" /></intent-filter></activity><activityandroid:name="io.dcloud.PandoraEntryActivity"android:launchMode="singleTask"android:configChanges="orientation|keyboardHidden|screenSize|mcc|mnc|fontScale|keyboard"android:hardwareAccelerated="true"android:permission="com.miui.securitycenter.permission.AppPermissionsEditor"android:screenOrientation="user"android:theme="@style/DCloudTheme"android:windowSoftInputMode="adjustResize"android:exported="false"><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="h56131bcf" /></intent-filter></activity></application></manifest>

APP Key获取方法

此处根据需要进行选择使用到Android还是ios

此处创建证书并下载，可以查看基本信息

配置

模块的build.gradle

plugins {id 'com.android.application'
}android {compileSdk 32defaultConfig {applicationId "priv.happy.markdowne"minSdk 23targetSdk 32versionCode 1versionName "1.0"testInstrumentationRunner "androidx.test.runner.AndroidJUnitRunner"}signingConfigs {config {keyAlias '别名'keyPassword '密码'storeFile file('证书路径')storePassword 'H1DP0U7d'v1SigningEnabled true //兼容v1v2SigningEnabled true //兼容v2}}buildTypes {debug {signingConfig signingConfigs.config}release {signingConfig signingConfigs.config}}compileOptions {sourceCompatibility JavaVersion.VERSION_1_8targetCompatibility JavaVersion.VERSION_1_8}aaptOptions {additionalParameters '--auto-add-overlay'ignoreAssetsPattern "!.svn:!.git:.*:!CVS:!thumbs.db:!picasa.ini:!*.scc:*~"}}dependencies {implementation 'androidx.appcompat:appcompat:1.3.0'implementation 'com.google.android.material:material:1.4.0'implementation 'androidx.constraintlayout:constraintlayout:2.0.4'testImplementation 'junit:junit:4.13.2'androidTestImplementation 'androidx.test.ext:junit:1.1.3'androidTestImplementation 'androidx.test.espresso:espresso-core:3.4.0'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.1.46.android'}

此时可以直接运行该安卓项目

参考：创建H5+项目