欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

android studio+hbuilderx(5+app)+vue打包成手机app

程序员文章站 2024-01-24 18:22:04
...

1、准备一个vue项目(项目中的文件名称不能有中文)
2、下载hbuilderx(app版)创建一个5+app的项目
3、注册hbuilder账户 (发布是需要appid)需要hbuilderx账户
android studio+hbuilderx(5+app)+vue打包成手机app
4、把vue项目打包好的文件将原5+app中的内容替换调除了(manifest.json)
android studio+hbuilderx(5+app)+vue打包成手机app
5、配置manifest.json文件(建议去官方看文档 )

android studio+hbuilderx(5+app)+vue打包成手机app

android studio+hbuilderx(5+app)+vue打包成手机app

这是我修改后项目结构和发布的按钮
6、点击发布之后就会在下面出现一个生成后的文件地址
android studio+hbuilderx(5+app)+vue打包成手机app
7、打开android studio创建项目一个空的安卓项目
android studio+hbuilderx(5+app)+vue打包成手机app
android studio+hbuilderx(5+app)+vue打包成手机app

8、配置环境
android studio+hbuilderx(5+app)+vue打包成手机app
在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文件夹下,如下图

android studio+hbuilderx(5+app)+vue打包成手机app
官网的配置方法(有关于图标和名字的配置方法)
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与文件夹名一致,如下图所示:
android studio+hbuilderx(5+app)+vue打包成手机app
12、这个时候项目就可以在手机运行了(需要链接数据线)菜单栏里面有个run
13、把项目打包成apk
android studio+hbuilderx(5+app)+vue打包成手机app
14、android studio+hbuilderx(5+app)+vue打包成手机app

android studio+hbuilderx(5+app)+vue打包成手机app
android studio+hbuilderx(5+app)+vue打包成手机app
android studio+hbuilderx(5+app)+vue打包成手机app
这些图片说的很详细 我就直接拿过来了
然后点到最后就会开始打包、如果保存的话十有八九 是确实环境去
菜单里面找tools-》sdk manger安装环境,有时报错就会点击一下就会开始安装环境
15、打包完成
android studio+hbuilderx(5+app)+vue打包成手机app

如果没有apk的点这个
android studio+hbuilderx(5+app)+vue打包成手机app
16、发送给手机安装

相关标签: vue