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

快来打我* 2023-10-18 09:36 29阅读 0赞

### 打包Vue项目 ###

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

npm run build

![Image 1][]![70][]

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

![Image 1][]![70 1][]

3.找到dist目录，进入

![Image 1][]![70 2][]

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

![Image 1][]![70 3][]

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

![Image 1][]![70 4][]

### Cordova项目 ###

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

[https://blog.csdn.net/BADAO\_LIUMANG\_QIZHI/article/details/82964900][https_blog.csdn.net_BADAO_LIUMANG_QIZHI_article_details_82964900]

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

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

![Image 1][]![70 5][]

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

cordova build ios

![Image 1][]![70 6][]

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

![Image 1][]![70 7][]

### XCode打包 ###

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

![Image 1][]![70 8][]

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

![Image 1][]![70 9][]

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

![Image 1][]![70 10][]

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

![Image 1][]![70 11][]

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

![Image 1][]![70 12][]

6.点击next

![Image 1][]![70 13][]

7.点击next

![Image 1][]![70 14][]

8.点击upload

![Image 1][]![70 15][]

9.等待upload完成

![Image 1][]![70 16][]

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

![Image 1][]![70 17][]

### 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_82876655]

[https://blog.csdn.net/BADAO\_LIUMANG\_QIZHI/article/details/82876899][https_blog.csdn.net_BADAO_LIUMANG_QIZHI_article_details_82876899]

[https://blog.csdn.net/BADAO\_LIUMANG\_QIZHI/article/details/82875098][https_blog.csdn.net_BADAO_LIUMANG_QIZHI_article_details_82875098]

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

![Image 1][]![70 18][]

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

![Image 1][]![70 19][]

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

![Image 1][]

![70 20][]

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

![Image 1][]

[Image 1]: 
[70]: https://img-blog.csdn.net/20181008145430904?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JBREFPX0xJVU1BTkdfUUlaSEk=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70
[70 1]: https://img-blog.csdn.net/20181008145522966?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JBREFPX0xJVU1BTkdfUUlaSEk=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70
[70 2]: https://img-blog.csdn.net/20181008145552990?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JBREFPX0xJVU1BTkdfUUlaSEk=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70
[70 3]: https://img-blog.csdn.net/20181008145626228?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JBREFPX0xJVU1BTkdfUUlaSEk=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70
[70 4]: https://img-blog.csdn.net/20181008145654698?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JBREFPX0xJVU1BTkdfUUlaSEk=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70
[https_blog.csdn.net_BADAO_LIUMANG_QIZHI_article_details_82964900]: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/82964900
[70 5]: https://img-blog.csdn.net/20181008145714471?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JBREFPX0xJVU1BTkdfUUlaSEk=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70
[70 6]: https://img-blog.csdn.net/20181008145742520?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JBREFPX0xJVU1BTkdfUUlaSEk=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70
[70 7]: https://img-blog.csdn.net/20181008145758514?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JBREFPX0xJVU1BTkdfUUlaSEk=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70
[70 8]: https://img-blog.csdn.net/20181008145816700?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JBREFPX0xJVU1BTkdfUUlaSEk=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70
[70 9]: https://img-blog.csdn.net/20181008145957449?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JBREFPX0xJVU1BTkdfUUlaSEk=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70
[70 10]: https://img-blog.csdn.net/20181008150016474?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JBREFPX0xJVU1BTkdfUUlaSEk=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70
[70 11]: https://img-blog.csdn.net/20181008150049220?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JBREFPX0xJVU1BTkdfUUlaSEk=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70
[70 12]: https://img-blog.csdn.net/20181008150107242?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JBREFPX0xJVU1BTkdfUUlaSEk=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70
[70 13]: https://img-blog.csdn.net/20181008150125382?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JBREFPX0xJVU1BTkdfUUlaSEk=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70
[70 14]: https://img-blog.csdn.net/2018100815014747?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JBREFPX0xJVU1BTkdfUUlaSEk=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70
[70 15]: https://img-blog.csdn.net/20181008150210945?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JBREFPX0xJVU1BTkdfUUlaSEk=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70
[70 16]: https://img-blog.csdn.net/20181008150227751?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JBREFPX0xJVU1BTkdfUUlaSEk=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70
[70 17]: https://img-blog.csdn.net/20181008150247938?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JBREFPX0xJVU1BTkdfUUlaSEk=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70
[https_blog.csdn.net_BADAO_LIUMANG_QIZHI_article_details_82876655]: 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/82876899
[https_blog.csdn.net_BADAO_LIUMANG_QIZHI_article_details_82875098]: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/82875098
[70 18]: https://img-blog.csdn.net/20181008150310829?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JBREFPX0xJVU1BTkdfUUlaSEk=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70
[70 19]: https://img-blog.csdn.net/20181008150338590?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JBREFPX0xJVU1BTkdfUUlaSEk=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70
[70 20]: https://img-blog.csdn.net/20181008150359336?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JBREFPX0xJVU1BTkdfUUlaSEk=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70