欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-03-16 15:02:21
确保已经安装过node.js和npm1. 安装Cordovasudo npm install -g cordova2. 新建Cordova项目# cordovaApp:项目的目录名称(path)# com.cordova.test:项目的ID,用于写入 config.xml 的 widget 中(ID)# HelloWorld:应用程序的显示名称(name)# 项目的可选配置项(options)# --template:可执行项目的模版文件# --copy-fro....

确保已经安装过node.jsnpm

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文件夹中

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

4. 进入Cordova项目根目录

# 执行
cordova build ios

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

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

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

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

6. Xcode提交TestFlight

  • 按图片进行配置,选择Any iOS Device

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

  • 选择上面的Project,然后选择Archive,如果没有登录开发者账号,这一步会报错,具体参考下面6.2第一个错误修复,如果签名配置冲突,这一步也会报错,具体参考下面6.2第二个错误修复

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

  • 分发app

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

  • 然后就开始往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/年)

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

  • 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

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

本文地址:https://blog.csdn.net/oafzzl/article/details/108719996

相关标签: Vue iOS cordova