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

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、发送给手机安装

  • 0
    点赞
  • 14
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值