之前上架过两三款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下一步知道上传完成即可！不懂的欢迎留言讨论。
本人文章写得可能不够详细，或者比较繁琐，如果哪位大神有更好的方法或者建议，可以直接评论。
不明白的可以留言或加我讨论！
感谢你们的阅读！谢谢！
网友评论