Cordova打包IOS & Android

1.Vux项目

1.1 安装npm

Node.js官网下载地址：https://nodejs.org/en/download/
下载安装成功后，在控制台下查看npm版本

npm -v

设置淘宝镜像

npm install -g cnpm --registry=https://registry.npm.taobao.org

1.2 安装vue-cli

cnpm install -g vue-cli

1.3 下载vux组件

md vuxPath //新建vux目录
cd vuxPath //进入vux目录
vue init airyland/vux2 //初始化组件包
cnpm install //下载vux组件

1.4 运行dev环境

npm run dev

1.5 vux组件的使用

vux官方文档：https://vux.li/

---

2.Vue项目生成静态文件

2.1 修改配置文件

module.exports = {
  dev: {
    //...
  },
  build:{
    //...
    assetsPublicPath: './',
    //...
  }

2.2 生成静态文件

cd vuePath
npm run build

生成的静态文件默认在/static下，可修改/config/index.js改变生成路径

---

3.Cordova打包项目

3.1 安装

cnpm install -g cordova

ps.如后续新建项目文件失败，请指定版本号[email protected]

3.2 新建cordova项目

//code:cordova create [cordovaAppName] [cordovaNameSpace]
cordova create hnfss-app org.atmb.hnfss

3.3 添加平台

//进入项目根目录
cd hnfss-app
//添加android平台
//需安装jdk & android sdk
cordova platform add android --save
//添加ios平台
//需在苹果环境下，且已安装xcode
cordova platform add ios --save

添加对应平台需要相应的平台环境

3.4 生成apk/ipa文件

将vue的静态文件添加至/www文件夹中

cordova build android
cordova build ios

3.5 配置文件

修改命名空间：
在/config.xml文件widget节点中修改id=[nameSpace]
修改项目名称：
在/config.xml文件widget节点下修改[projectName]
修改项目简介：
在/config.xml文件widget节点下修改[descriptionMsg]
修改作者信息：
在/config.xml文件widget节点下修改[authorName]
修改图标：
使用https://icon.wuruihong.com/生成图标
Android：替换\platforms\android\res中的图标
IOS：替换\platforms\ios\resouces中的图标

---

4.Android App填坑

1.需安装jdk，并配置jdk环境变量
jdk下载地址：https://www.oracle.com/technetwork/java/javase/downloads/index.html
ps. 别装11.0，jdk11.0会被Android Tools检测为1.0，提示版本过低
2.需安装android sdk，并配置sdk环境变量
android tools下载地址：https://www.androiddevtools.cn/
ps1. android没有提供独立的sdk安装包，需要使用tools进行下载
ps2. sdk tools选择对应的android版本在线安装，可能需要翻墙
3.android tools在线安装
安装Android SDK Plateform-tools Latest Version.
安装Android SDK Build-tools Latest Version.
4.路径不能有中文字符
使用cordova build android时候路径不能含有中文字符

---

5.IOS App填坑

1.apple developers account的区别

苹果开发者账号区别

2.关于appStore发布的版本
需苹果审核app及代码，上线的app必须是一个完善的、没bug，不闪退的正式版本，有正常数据，不能出现测试beta之类的字眼
3.使用企业签名
apple设备会采集用户数据，如下载数量（按设备数量算，包括测试机）过分超出企业账号在申请时填报的公司人数，账号会被封掉。
4.xcode添加账号
Xcode->Preferences->Accounts点击添加Apple ID，输入账号/密码，添加成功后点击Download Manual Profiles
5.xcode生成ipa文件
点击项目根目录，Targets->General->Signing->Identity配置ipa信息
点击项目根目录，Targets->General->Signing->Team选择已添加的账号
点击项目根目录，Targets->General->Deployment Info->Deloyment Target选择最低版本号
选择Generic iOS Device模式
点击Product->Archive打包生成ipa
生成成功后，在弹出框中点击Distribute App，选择对应的账号类型（个人/公司/企业）进行签名