项目打包App

项目打包App

---

目标

• 为何要打包APP

• APP分为哪几种类型

分类

App有三大类型

• 原生的App。手机有两大操作系统：苹果，安卓

还有 windows Phone, 鸿蒙

ios,安卓程序员 用各自的编程语言写的代码，只能在某一个平台上运行。分安卓版本和ios版本。

• 优点：用户体验好 ；可以调用系统API（拍照，读内存...）。

• 缺点：费钱。(大公司一般会雇佣4端程序员)

• 纯h5网站。就是一个移动站（https://m.jd.com/）

• 优点：省钱。就是网页。

• 缺点：不能调用系统API；没有统一的入口，用户不知道从哪里进来，都要通过浏览器才能访问；

• 混合开发。

• 先做一个网站，在网站之外套个原生的壳！能同时具备原生的优点和纯h5网站的优点。

• 在原生的App嵌入h5 页

HBuilder开发版

我们需要借助他, 帮助我们打包一个App

下载安装, 注册激活， 如果不注册激活，就不能使用它的打包功能

下载地址: https://www.dcloud.io/hbuilderx.html (下载App开发版)

先走流程, 提示你注册再注册和激活就行了

==必须注册==

==必须激活邮箱==

==必须绑定手机号==

创建5+App项目

我们要选择5+App 项目,mui也是一套前端框架，可以选择一个mui项目。

• 普通项目。 普通H5项目, Hbuilder内置了几套模板,作用不大,同学们基本都会自己创建

• uni-app。多端应用,一套代码,复用八端,时下最火的一个跨端框架

• wap2App。wap项目转 App , 原来只运在手机上的wap(无线网络协议,诺基亚,爱立信时代)项目 可转app项目

• 5+ App。利用DCloud 的 5+ Runtime来做原生能力提供者的 项目

• 小程序。微信原生小程序的另外一个编辑器,比微信提供的开发者工具好用,但是现在谁还在用原生写小程序呢?

• 快应用 。原生快应用编辑器 , 较为冷门的生态, 目前不太热闹

准备打包

1. 把我们vue项目打包好的dist下的一切复制到你刚才的项目-覆盖过来即可 (一定要保留manifest.json文件)

mainfest.json是打包配置文件

2. 生成APPID

3. 去掉通信录权限 (因为我的HBuilder没有身份证认证, 打包不让获取用户通讯录)

4. (可选), 如果上面不小心选择No了, 可以去源码处选择 - 删除

云打包

如果一切正常，你将会在控制台中看到类似如下的结果：

这就是云打包成功了, 下面会出现apk下载的所在文件夹

运行

把打包好的apk包, 发到安卓手机上 / 电脑模拟器(推荐<夜神模拟器>) 运行即可

iOS问题

打包ios - 需要申请开发者账号(一年600元人民币): 以后打包的过程参考这个: https://blog.csdn.net/qq_34440345/article/details/99711586

也可以手机给电脑开热点 / 只要连接在同一个wifi下, 手机浏览器访问webpack开发服务器局域网ip地址即可

小结

1. 借助Hbuilder软件, 打包apk包使用