Cordova + Vue打包iOS，Xcode提交至TestFlight_JavaScript

Cordova + Vue打包iOS，Xcode提交至TestFlight

确保已经安装过node.js和npm

1. 安装Cordova

sudo npm install -g cordova

2. 新建Cordova项目

# cordovaApp：项目的目录名称(path)
# com.cordova.test：项目的ID，用于写入 config.xml 的 widget 中(ID)
# HelloWorld：应用程序的显示名称(name)
# 项目的可选配置项(options)
#      --template：可执行项目的模版文件
#      --copy-from：指定 src
#      --link-to：将前端资源目录链接到 cordova 项目的 www 目录下
cordova create cordovaApp com.cordova.test HelloWorld

# 进入 cordovaApp 项目目录
cd cordovaApp

# 添加 iOS 平台
cordova platform add ios

3. 打包Vue项目，将`npm run build`后将生成的文件移至`Cordova项目www文件夹中`

在这里插入图片描述

4. 进入Cordova项目根目录

# 执行
cordova build ios

# 然后进入下面目录，打开 *.xcodeproject 文件

在这里插入图片描述

5. Xcode打包，选择机型后，点击左侧小三角启动模拟器运行

在这里插入图片描述

6. Xcode提交TestFlight

按图片进行配置，选择Any iOS Device
选择上面的Project，然后选择Archive，如果没有登录开发者账号，这一步会报错，具体参考下面6.2第一个错误修复，如果签名配置冲突，这一步也会报错，具体参考下面6.2第二个错误修复
分发app

然后就开始往App Store提交了

提交的时候可能会卡在`Authenticating with the App Store`

# 解决方案如下

# 1. 打开终端，执行下面代码
open ~/Library/Caches/com.apple.amp.itmstransporter/ 

# 2. 删除文件夹内的所有文件

# 3. 在终端继续执行下面代码（此过程较慢，耐心等待即可）
/Applications/Xcode.app/Contents/SharedFrameworks/ContentDeliveryServices.framework/Versions/A/itms/bin/iTMSTransporter

# 4. 重启Xcode，再次提交即可

#6.2 错误修复

Showing Recent Messages Signing for "HelloWorld" requires a development team. Select a development team in the Signing & Capabilities editor.如何没有登录开发者账号的话，如图所示红框位置会有一个add account，然后添加开发者账号即可（个人开发者$99/年，企业开发者$299/年）
Showing Recent Messages HelloWorld has conflicting provisioning settings. HelloWorld is automatically signed for development, but a conflicting code signing identity iPhone Distribution has been manually specified. Set the code signing identity value to "Apple Development" in the build settings editor, or switch to manual signing in the Signing & Capabilities editor.签名配置冲突，如图所示红框部分全部选择iOS Developer