开发者社区> 万里淘> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

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

简介: APP页面的开发过程跟我们平时开发一样,利用 vue 把页面全部完成,最后进行 npm run build 将项目打包。接下来就是 apicloud 打包的过程,首先我们要去 apicloud 官网下载开发者工具-APICloud Studio 3。
+关注继续查看

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

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

image


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

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

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

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


image


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

然后我们右键 dist 文件:


image


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

选完后是这个界面:

image


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

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

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

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

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

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


image


就是这个玩意!

我们双击打开后:


image


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


image


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

image

编辑

添加图片注释,不超过 140 字(可选)

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

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

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
Spring Cloud与Dubbo的完美融合之手「Spring Cloud Alibaba」
很早以前,在刚开始搞Spring Cloud基础教程的时候,写过这样一篇文章:《微服务架构的基础框架选择:Spring Cloud还是Dubbo?》,可能不少读者也都看过。之后也就一直有关于这两个框架怎么选的问题出来,其实文中我有明确的提过,Spring Cloud与Dubbo的比较本身是不公平的,主要前者是一套较为完整的架构方案,而Dubbo只是服务治理与RPC实现方案。
3174 0
APK/ABB 包加固
APK/ABB 包加固
67 0
Spark基本的RDD算子之groupBy,groupByKey,mapValues
1. groupby def groupBy[K: ClassTag](f: T => K): RDD[(K, Iterable[T])] def groupBy[K: ClassTag](f: T => K, numPartitions: Int): RDD[(K, Iterable[T])] def groupBy[K: ClassTag](f: T => K, p: Partitioner): RDD[(K, Iterable[T])] groupBy算子接收一个函数,这个函数返回的值作为key,然后通过这个key来对里面的元素进行分组。
10719 0
12 月 5 日 Spring Cloud Aliababa Meetup 杭州站 双11特别活动
我们看到 2019-2020 年云计算的基础设施已经云原生化,K8s 已经成为新的操作系统,依托阿里经济体 双11 这样业务场景成长起来的中间件将如何重构升级?如何实现自研、开源、商业三位一体?容器和微服务如何分层协作?Spring Cloud Alibaba Meetup 杭州站 双11 专场为你解密。
6587 0
Spring Cloud Alibaba Meetup 杭州站 邀您参与!
Spring Cloud Alibaba 首场城市站即将亮相杭州!
11585 0
Spring Cloud 2021.0.1 实践 Resilience4J
Spring Cloud CircuitBreaker 提供了跨不同断路器实现的抽象。它提供了在您的应用程序中使用的一致 API,让您(开发人员)选择最适合您的应用程序需求的断路器实现。
71 0
SpringCloud升级之路2020.0.x版-5.所有项目的parent与spring-framework-common说明
SpringCloud升级之路2020.0.x版-5.所有项目的parent与spring-framework-common说明
16 0
+关注
33
文章
1
问答
文章排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载