Blogger Information
Blog 17
fans 0
comment 0
visits 7615
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
vue项目打包成apk全过程,以使用APICloud为例
P粉132815477
Original
614 people have browsed it

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打包的一些基本流程啦!


Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post