vue使用Xcode打包并提交到AppStore

之前上架过两三款App，都是使用Hbuilder打包进行上传的。众所周知，vue编译好之后使用Hbuilder打包比较简单，快捷。但是又很多兼容性方面是Hbuilder官方都无法解决的。更令人头痛的是，Hbuider打包后的vue项目，编译成ios的ipa文件上传到苹果商店之后，很容易被驳回，驳回的理由仍然是二进制文件被拒绝。Guideline 4.3 - Design 被视为马甲包或者垃圾邮件。然而使用Xcode打包上传的应用则不会被以这样的问题驳回。经过无数次采坑，总结如何使用Xcode打包vue文件并且提交到AppStore。

Guideline 4.3 - Design

We still noticed that your app provides the same feature set as other apps submitted to the App Store; it simply varies in content or language, which is considered a form of spam.

The next submission of this app may require a longer review time, and this app will not be eligible for an expedited review until this issue is resolved.

第一步，打包/编译你的 Vue项目

这点大家应该都会，写好的vue项目直接

npm run build

打包好放在一边，备用。

第二步，安装Cordova Cli

1.安装cordova命令行工具

前提是：

电脑已经安装好Node.js
2.打开cmd

npm install -g cordova

-g代表全局安装

image.png

验证安装成功：

在命令行内继续输入：

cordova

出现下图表明安装成功

image.png

第三步， 使用Cordova创建一个App项目

1.新建文件夹作为你的App目录，桌面新建任意名称文件夹（建议不要用中文！！！）

2.使用命令行进入刚刚创建的文件夹，然后使用命令行输入：

cordova create App com.xxx  AppName

上面的命令意思就是：使用cordova 创建一个 项目名为App ,包名是com. ,App名是AppName
注意，com.xxx需要与你App Store的账号内注册的包名一样
执行完上面的命令，你在打开刚刚创建的文件夹内，肯定就会有一个WWW的文件夹，如图

image.png

第四步， 把第一步打包/编译好的vue文件放入到WWW文件夹中

image.png

第五步， 使用命令行在项目内创建一个IOS平台

一定要在Cordova创建的项目下执行以下命令，而不是在WWW文件夹内！！！

cordova platform add ios

执行完以上命令后，在执行

cordova build ios

第六步 使用Xcode打开编译好的IOS环境

以上命令执行完，打开创建的文件夹，应该就会有下面这个‘platforms’文件夹了，进入这个文件夹，文件夹内会有一个IOS文件夹，然后再进去就能看到下图的样子

image.png

image.png

前提条件，你的电脑已经安装了Xcode才能继续往下一步操作

安装好Xcode的朋友直接双击XXXXXX.xcodeproj 这个文件，会自动使用Xcode打开

第七步 Xcode 配置

image.png

图标配置：

image.png

证书配置

image.png

App信息配置

image.png

基本信息配置完毕，开始将App推送到App Store

image.png

前提条件，已经将App基本信息配置完毕，然后再点击 Generic IOS Device！！！
勾选Generic IOS Device

image.png

勾选后点击头部的Product，选择 Archive

image.png

点击完成后输入您的电脑密码
然后会进入到这个界面

image.png

点击推送之后就是小白操作了 一直点击next下一步知道上传完成即可！不懂的欢迎留言讨论。
本人文章写得可能不够详细，或者比较繁琐，如果哪位大神有更好的方法或者建议，可以直接评论。
不明白的可以留言或加我讨论！
感谢你们的阅读！谢谢！