使用Cordova打包Vue项目为IOS并使用XCode提交到AppStore

打包Vue项目

1.在Webstorm中打开Vue项目,在下面的Terminal中输入:

npm run build

2.等待build完成,双击项目,进入菜单选择Reveal in Finder ,打开项目的真实目录

3.找到dist目录,进入

4.将dist目录下的static文件夹以及index.html全部复制

5.打开cordova项目的真实目录下的www目录,进去后用刚才复制的Vue项目的static以及index.html替换掉Cordova项目下的www目录下的两个文件。

Cordova项目

1.关于新建Cordova项目的新建参照:

https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/82964900

2.新建完了Cordova项目还要安装具体用法的插件,不再详解。

3.使用Webstorm打开刚才已经替换掉www目录的cordova项目

4.同样打开下面的Teriminal,输入:

cordova build ios

5.build完成后,到Cordova项目的真实目录下,有个xcodeproject,双击会使用XCode打开

 

XCode打包

1.上面用XCode打开后,首先更改构建版本,每次的构建版本是不能相同的,否则无法构建

2.然后来到Info下的权限声明,只要是涉及到用户的隐私的权限,都要添加中文提示,而且要人性化,并且要说明使用权限的目的。

3.然后,选择Generic IOS Device,当然也可以选择其他的虚拟手机设备,然后点击左边的小三角进行运行。

4.选择为Generic IOS Device,后选择上面的Project下的Archive

5.等待完成后,会有弹窗显示最新的构建版本,选中后点击右边的Upload to App Store

6.点击next

7.点击next

8.点击upload

9.等待upload完成

10.出现下面页面则成功,然后点击向右的小箭头,进入到App Store的提交审核页面

App Store提交审核

1.如果提示找不到账户之类的问题,尝试重启XCodde。

2.点击小箭头跳转并登录后,如果获取不到构建版本或者要更改App 图标请参考:

https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/82876655

https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/82876899

https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/82875098

3.在App  Store的提交审核页面中选择添加构建版本,点击+号或者中文提示的地方,都能选择

4.选择最新的刚才提交的构建版本,点击完成

5.填写完相关的要填写的信息后,点击存储,再点击提交所有页面审核

6.根据个人选择发布版本的时间等一些选项,然后等待官方的审核结果。

发布了1193 篇原创文章 · 获赞 226 · 访问量 75万+
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 技术黑板 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览