vue项目打包成apk全过程,以使用APICloud为例

2022-07-19 11:27:05 浏览数 (2)

APP页面的开发过程跟我们平时开发一样,利用 vue 把页面全部完成,最后进行 npm run build 将项目打包。

接下来就是 apicloud 打包的过程,首先我们要去 apicloud 官网下载开发者工具,我下载是下面这款:

大家选择对应系统进行下载~

接下来需要开发者注册 apicloud 账号~

打开 APICloud Studio 2 软件,在顶部文件按钮中选择打开我们刚刚打包好的 dist 文件。

然后我们继续点击顶部的文件按钮找到新建,选择 APICloud 移动应用:

我们填好应用名称,应用说明选填~然后直接按完成即可,这时候我们的左边文件栏里多了一个文件,这个时候我们需要将这个文件里面的 config.xml 文件复制到我们的 dist 文件里(我们编译打包需要这个 config 文件)。

然后我们右键 dist 文件:

我们可以选择云编译或者本地编译,我选的是云编译~

选完后是这个界面:

如果生成 ios 平台需要证书,所以我们选择安卓平台进行编译~编译完成后会生成一个 apk 文件,我们需要下载下来~

这个 apk 就是我们要装在手机上的应用包啦,到这里我们就完成了我们的 app 打包啦!

我们在电脑怎么打开呢?我用的是夜神模拟器~

我们下载好这个模拟器之后,我们直接可以把 apk 这个包丢进模拟器的桌面即可自动安装啦~


如果我们不想打包成 apk 应该怎么进行调试呢?

这个时候我们需要用到 AppLoader 这个真机快速调试辅助,下载完成后我们将文件解压后把里面的 apk 直接扔到模拟器里面去:

就是这个玩意!

我们双击打开后:

我们只要将我们 dist 文件的 ip 地址跟端口号输进去即可,继续右键:

查看 WiFi 真机同步 IP 和端口就可以在右上角看到 ip 跟端口号啦:

我们把 ip 跟端口输进去就可以打开我们的项目啦!

以上就是 app打包的一些基本流程啦!

0 人点赞