1、准备一个vue项目(项目中的文件名称不能有中文)
2、下载hbuilderx(app版)创建一个5+app的项目
3、注册hbuilder账户 (发布是需要appid)需要hbuilderx账户
4、把vue项目打包好的文件将原5+app中的内容替换调除了(manifest.json)
5、配置manifest.json文件(建议去官方看文档 )
这是我修改后项目结构和发布的按钮
6、点击发布之后就会在下面出现一个生成后的文件地址
7、打开android studio创建项目一个空的安卓项目
8、配置环境
在build.gradle中添加资源引用
implementation fileTree(dir: 'libs', include: ['*.aar', '*.jar'], exclude: [])
implementation 'com.github.bumptech.glide:glide:4.9.0' // 基座依赖
implementation 'com.android.support:support-v4:28.0.0'
implementation 'com.alibaba:fastjson:1.1.46.android'
可能会报出一个错误 有自动完事点一下就好了
上述配置文件在下载下来找sdk
https://nativesupport.dcloud.net.cn/AppDocs/download/android
9、配置应用启动页
将下述内容添加到Androidmanifest.xml的application节点中
<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>
</activity>
<activity
android: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">
<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>
10、资源配置
Android studio默认项目没有assets文件夹,需手动创建,创建位置与java目录同级。
创建data文件夹并拷贝资源
将SDK->assets->data文件夹拷贝到刚刚创建的assets文件夹下,如下图
官网的配置方法(有关于图标和名字的配置方法)
https://nativesupport.dcloud.net.cn/AppDocs/usesdk/android
11、修改dcloud_control.xml文件
修改dcloud_control.xml中的appid为拷贝过来的5+APP的id,确保dcloud_control.xml中的appid与manifest.json中的id与文件夹名一致,如下图所示:
12、这个时候项目就可以在手机运行了(需要链接数据线)菜单栏里面有个run
13、把项目打包成apk
14、
这些图片说的很详细 我就直接拿过来了
然后点到最后就会开始打包、如果保存的话十有八九 是确实环境去
菜单里面找tools-》sdk manger安装环境,有时报错就会点击一下就会开始安装环境
15、打包完成
如果没有apk的点这个
16、发送给手机安装