项目打包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来做原生能力提供者的 项目
  • 小程序。微信原生小程序的另外一个编辑器,比微信提供的开发者工具好用,但是现在谁还在用原生写小程序呢?
  • 快应用 。原生快应用编辑器 , 较为冷门的生态, 目前不太热闹



app打包证书安卓私钥密码是什么_app打包证书安卓私钥密码是什么


准备打包

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

mainfest.json是打包配置文件


app打包证书安卓私钥密码是什么_前端_02


  1. 生成APPID


app打包证书安卓私钥密码是什么_前端_03


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


app打包证书安卓私钥密码是什么_javascript_04


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


app打包证书安卓私钥密码是什么_app打包证书安卓私钥密码是什么_05


云打包


app打包证书安卓私钥密码是什么_vue.js_06


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


app打包证书安卓私钥密码是什么_前端_07


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

运行

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


app打包证书安卓私钥密码是什么_vue.js_08


iOS问题

打包ios - 需要申请开发者账号(一年600元人民币): 以后打包的过程参考这个:

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

小结

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