如何将Framework7 / Cordova应用发布到Apple App Store

昨天,我的一个朋友问我如何给他发送电子邮件,说明如何将他用Framework7和cordova构建的应用程序发布到Apple App Store。 我想您可能像我的朋友一样需要帮助,因此,本指南的原因。 根据您的出发地,这将分为三个步骤。

  1. 设置机器(MAC和Linux)
  2. 从源代码转换为Xcode项目
  3. 部署到App Store

要求:基于Intel的Mac上的OS X操作系统。 Xcode®10.0(最低要求版本)仅可在OS X版本10.13(Sierra High)或更高版本上运行,并包括iOS 11 SDK(软件开发工具包),Mac book,Node.js,npm和毅力(用于双关语)。

如果尚未在计算机上安装cordova,则可能要先进行操作,然后再继续。

检查您是否已安装节点和npm

要检查是否已安装Node.js,请在终端中运行以下命令:

 节点-v 

要确认您已安装npm,可以在终端中运行以下命令:

  npm -v 

npm与Node.js一起分发,这意味着当您下载Node.js时,会自动在计算机上安装npm。

npm是与Node.js分开的项目,并且往往更新频率更高。 结果,即使您刚刚下载了Node.js(并因此下载了npm),您也可能需要更新npm。 幸运的是,npm知道如何自我更新! 要更新您的npm,请在终端中输入以下内容:

  npm安装npm @ latest -g 

现在您已经安装了npm和node.js,继续安装cordova CLI。 这是我们将转换为各种本机平台的地方。 在您的终端中,键入

  sudo npm install -g科尔多瓦 

安装后,您应该可以在命令行中不带任何参数地运行cordova ,并且应该打印帮助文本。

创建Cordova应用

在终端中,转到您要维护源代码的目录,然后创建一个cordova项目:

 科尔多瓦创建你好com.example.hello HelloWorld 

这将为您的cordova应用程序创建所需的目录结构。 默认情况下, cordova create脚本会生成一个基于骨骼的基于Web的应用程序,其主页为项目的www/index.html文件。

现在,我假设您已经拥有和现有的framework7应用程序。 如果您使用Framework7开发应用程序,只需将www/文件夹的内容复制到新的HelloWorld Cordova应用程序的www/文件夹中。

所有后续命令都需要在cordova项目的目录中运行。 要导航到我们之前创建的HelloWorld项目目录,请键入

cd hello

这将带您进入cordova项目目录。

添加您要定位到应用程序的平台。 由于本指南仅适用于ios,因此我们将添加’ios’平台并确保将其保存到config.xmlpackage.json

 科尔多瓦平台添加ios 

要检查您当前的平台集:

  $ cordova平台ls 

注意:您不应编辑/platforms/目录中的任何文件。 在准备构建应用程序或重新安装插件时,通常会覆盖此目录中的文件。

安装构建先决条件

现在,如果系统安装不正确,您将需要毅力。 我们走吧!

要检查您是否满足构建平台的要求:在终端中输入

 科尔多瓦要求 

应该返回这样的结果

  ios的需求检查结果: 
Apple OS X:已安装

编译应用

运行以下命令为ios平台构建项目:

 科尔多瓦建立iOS 

成功完成此操作后,您会将可部署的ios项目放在/platforms/ios/HelloWorld文件夹中

打开Xcode并打开工作区文件( platforms/ios/HelloWorld.xcworkspace ), 从命令行打开:

 打开./platforms/ios/HelloWorld.xcworkspace/ 

要在应用商店上分发应用,您需要“签名”您的应用。

要将您的应用分发到App Store,您需要创建一个Provisioning Profile,以使其获得Apple的批准。 但是,当您处于构建应用程序的开发阶段时,最好先进行测试,然后再将其发送给Apple。 配给配置文件使开发人员能够通过允许他们在物理设备上运行和测试应用程序来执行此操作。

从您的Apple Developer帐户下载了配置文件,并将其嵌入到应用程序捆绑包本身中。 配给配置文件中的指定设备只能由配置文件中包含iPhone开发证书的人员用于测试。

步骤1

转到https://developer.apple.com并单击“帐户”(您必须具有Apple Developer帐户才能开始)

  1. 单击登录,选择选择证书,标识符和配置文件

第2步

在“配置文件”下的左侧选项卡上,选择“分发”。

1.选择右上角的添加按钮“ +”以创建新的配置文件

2.选择“ App Store”,然后按继续

3.选择应用程序ID,然后按继续

4.选择要包含在此配置文件中的证书(使用该应用程序签名的证书),然后单击继续。 接下来,选择要包括在配置文件中的设备。 该证书是一个公共/私有密钥对,用于标识谁开发了该应用程序。

5.为您的配置文件创建一个名称,然后单击“生成”。 您可能希望在名称中包含“ Distribution”,以便可以将其与测试区分开。

注意:在分发到App Store时,您需要一个匹配的供应配置文件名称。 这是为了验证您的开发人员帐户创建了该应用程序。

第三步

1.单击下载按钮,将配置文件下载到您的计算机上。

1.创建一个iTunes Connect应用程序记录

您必须先在iTunes Connect中创建一条记录,然后才能上传应用程序以在App Store上分发。 该记录包括在分发过程中管理应用程序所需的所有信息,并显示在应用程序商店中。 要登录App Store Connect,请转到App Store Connect。

2.配置您的Xcode项目以进行分发

返回Xcode,您必须设置身份和团队,捆绑包ID,供应配置文件并设置版本号和发布字符串。 所有这些操作都可以在项目编辑器的“常规”窗格中完成。

3.存档您的应用

Xcode存档允许您构建应用并将其以及重要的调试信息存储在Xcode管理的捆绑软件中。 选择“产品>归档”创建归档。 Xcode将在Archives组织器中创建和存储档案。

4.运行iTunes Connect验证测试

在将存档上传到iTunes Connect之前,请对其进行验证。 在档案管理器中,选择档案,然后单击“验证”。 查看并修复验证问题(如果找到)。

5.上传您的应用

要将应用程序上载到iTunes Connect,请在“档案”组织器中选择要上载的档案,然后单击“上传到App Store”。预配配置文件与iOS应用程序打包在一起,因此用户设备可以安装它们。

6.提交版本以供审核

在发布之前,提交给商店的每个应用都必须经过Apple团队的审查。 该应用程序应符合App Store指南。

您可以请求手动或自动发布批准的应用程序。 我们建议手动发布选项。

提交应用程序之前,请确保所有相关的基础架构(后端服务器等)都在生产模式下运行。

应用审核通常需要2到3天(您可以在此处查看当前的预期审核时间)。 如果您的应用未获批准,请查看解决中心中的说明,并对应用或版本信息进行必要的更改,然后重新提交。 此处提供了常见的原因和拒绝应用的统计信息。

7.释放

享受最后一个最令人满意的步骤。

  1. 如果您选择了手动发布,请在准备好后点击发布您的应用
  2. 等待绿色的“待售”版本状态(发行后可能需要1个小时至1天)
  3. 在App Store上搜索您的应用
  4. 庆祝!

提交新版本的应用程序时,只需重复步骤2至7。

我希望这对将Framework7 / cordova应用程序发布到Apple App Store有帮助…如果遇到任何问题,请仔细阅读错误消息。 我100%肯定会在堆栈溢出时找到解决方案。 坚持!!!

我将在下一篇文章中发布将Android应用程序部署到Google Playstore的指南。 我向你保证,会更容易。 再见!