181 lines
11 KiB
Markdown
181 lines
11 KiB
Markdown
|
---
|
|||
|
|
title: Cordova iOS Application Development Setup to Deployment
|
|||
|
|
localeTitle: Cordova iOS应用程序开发设置到部署
|
|||
|
|
---
|
|||
|
|
# Cordova iOS应用程序开发设置到部署
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
Android的混合应用程序开发是轻而易举的，无论是用于开发还是生产配置，但我个人认为cordova iOS的设置，开发和部署有点复杂。
|
|||
|
|
|
|||
|
|
大多数处于学习阶段的混合应用程序开发人员都无法探索混合iOS应用程序开发过程，原因很简单，因为他们不拥有Mac，因为开发iOS应用程序需要iOS SDK和XCode，而不是Android SDK。桌面操作系统因此，本指南的目的是展示在Mac上混合iOS应用程序开发的基本工作流程，以便即使他/她无法开发iOS应用程序，开发人员至少熟悉它的完成方式。
|
|||
|
|
|
|||
|
|
## 创建cordova项目
|
|||
|
|
|
|||
|
|
首先打开终端并创建一个新的cordova项目（仅当您有权限问题时才使用sudo，即EACCESS错误）：
|
|||
|
|
```
|
|||
|
|
sudo cordova create iosdemo
|
|||
|
|
cd iosdemo
|
|||
|
|
sudo cordova platform add ios
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
在撰写本指南时，cordova iOS平台版本为：4.3.1
|
|||
|
|
|
|||
|
|
我们不会修改应用程序的任何源代码，并且在运行create命令时会自动继续使用cordova自动添加的默认示例代码。但是假设我们将在正常开发流程中在`www`文件夹中添加插件修改代码。
|
|||
|
|
|
|||
|
|
下一步是运行cordova build命令。这会将我们的应用程序代码转换为我们将在下一步使用的.xcodeproj文件。
|
|||
|
|
```
|
|||
|
|
sudo cordova build ios
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
生成的Xcode Project文件将位于：
|
|||
|
|
```
|
|||
|
|
[Your App Folder]/platforms/ios/[Your App Name].xcodeproj
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
现在，通过Android，代码签名使用.jks格式的密钥库文件完成。 但是，如果iOS用于分发iOS应用程序，则需要拥有Apple开发者帐户， 这样我们就可以生成分发应用程序所需的_证书_和_配置文件_ 。
|
|||
|
|
|
|||
|
|
有关开发者帐户的定价，请参阅[此页面](https://developer.apple.com/support/purchase-activation/)
|
|||
|
|
|
|||
|
|
## 创建开发证书
|
|||
|
|
|
|||
|
|
准备好帐户后，我们可以继续操作并登录[Apple开发者帐户](https://developer.apple.com/account/)
|
|||
|
|
|
|||
|
|
仪表板屏幕应如下所示： 
|
|||
|
|
|
|||
|
|
单击`Certificates, Identifiers & Profiles` 这会将您带到以下屏幕，默认情况下显示从您的帐户发出的证书： 
|
|||
|
|
|
|||
|
|
iOS Certficates主要有两种类型：开发或分发，单击列表右上角的加号（+）按钮，将打开以下页面： 
|
|||
|
|
|
|||
|
|
首先，让我们创建一个开发配置 选择_iOS App Development_ ，然后单击继续。
|
|||
|
|
|
|||
|
|
这会将您带到以下屏幕，要求您创建并上载证书签名请求或CSR文件。 
|
|||
|
|
|
|||
|
|
按照屏幕上的说明生成它，然后继续。 证书准备好后，将其下载到Mac，然后双击它。 这将把它添加到Mac中的Keychain Access。 
|
|||
|
|
|
|||
|
|
## 创建分发证书
|
|||
|
|
|
|||
|
|
创建分发证书与创建开发证书的过程类似， 但是，我们在`Add iOS Certifcate Page`选择`App Store and Ad Hoc` from `Production`部分
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
## 创建应用程序ID
|
|||
|
|
|
|||
|
|
从`Identifiers`部分选择`App IDs` ，这将打开现有应用ID列表， 然后单击右上角的加号按钮（+），这将打开_注册iOS应用程序ID_页面。
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
选择显式应用程序ID
|
|||
|
|
|
|||
|
|
应用说明可以是任何相关名称，它将显示在针对特定应用ID的应用ID列表中。
|
|||
|
|
|
|||
|
|
app id是_AB11A1ABCD.com.mycompany.myapp_格式的字符串，其中_AB11A1ABCD_是应用程序ID前缀，默认情况下是团队ID， _com.mycompany.myapp_是每个应用程序唯一的软件包ID。 它建议bundle id必须是反向域名样式字符串，例如，公司MYCOMPANY可能有两个应用程序（App1和App2），因此每个应用程序的http url通常是app1.mycompany.com和app2.mycompany .COM， 因此，每个应用程序的包ID将是com.mycompany.app1和com.mycompany.app2
|
|||
|
|
|
|||
|
|
接下来，选择您需要在应用中使用的chceklist中的任何服务，例如推送通知，电子钱包等。 然后单击继续并确认详细信息，最后注册应用程序ID。
|
|||
|
|
|
|||
|
|
## 将设备添加到开发者帐户
|
|||
|
|
|
|||
|
|
从“ `Devices`部分中选择“ `All` ，这将打开已添加到Apple开发者帐户的设备列表， 在开发期间，只允许这些设备运行应用程序。 添加新设备接下来单击右上角的加号按钮（+） 将显示以下屏幕： 
|
|||
|
|
|
|||
|
|
这里的名字可以是任何容易进行名称的例子，iPhone 5s ABC Pvt Ltd. 设备UDID是与每个Apple设备关联的唯一ID。
|
|||
|
|
|
|||
|
|
要查找设备的UDID，请按照以下步骤操作： 1）将设备连接到Mac。 2）打开位于/ Applications / Utilities文件夹中的System Information应用程序。 3）在左栏中选择硬件下的USB。 4\_在右侧，选择USB设备树下的已连接设备。 设备ID或“序列号”显示在下方。
|
|||
|
|
|
|||
|
|
输入设备UDID并输入名称后，单击“继续”，然后确认详细信息并注册。
|
|||
|
|
|
|||
|
|
## 创建开发配置文件
|
|||
|
|
|
|||
|
|
要创建开发配置文件，请单击“配置配置文件” - >“全部” 这应该显示所有配置文件，开发和分发。 接下来点击右上角的加号按钮（+） 这应该显示以下页面： 
|
|||
|
|
|
|||
|
|
在这里选择`iOS App Development`并单击继续。 在显示的下拉列表中，选择我们之前创建的App ID并继续。
|
|||
|
|
|
|||
|
|
Next显示证书清单列表，我们可以从中选择一个或多个证书。 这些是开发证书而不是分发证书。 生成的配置文件将链接到这些证书。
|
|||
|
|
|
|||
|
|
点击继续显示设备清单，选择一个，倍数或全部。 只允许选定的设备使用此配置文件运行应用程序。
|
|||
|
|
|
|||
|
|
接下来，单击“继续”，输入配置文件的名称，然后下载生成的.mobileprovision文件。
|
|||
|
|
|
|||
|
|
## 创建临时分发配置文件
|
|||
|
|
|
|||
|
|
此过程与开发配置文件创建相同
|
|||
|
|
|
|||
|
|
## 创建AppStore分发配置文件
|
|||
|
|
|
|||
|
|
此过程与开发配置文件创建相同，但此处我们不选择设备，因为该应用程序将通过AppStore公开提供。
|
|||
|
|
|
|||
|
|
现在我们拥有了所需的一切，我们可以继续使用Xcode生成实际的ipa。
|
|||
|
|
|
|||
|
|
_注意：cordova build命令将我们的应用程序代码转换为xcode项目，使用Xcode我们创建一个.ipa文件，这是要安装的实际应用程序。_
|
|||
|
|
|
|||
|
|
* * *
|
|||
|
|
|
|||
|
|
在前进双击两个证书之前，将它们添加到钥匙串
|
|||
|
|
|
|||
|
|
## 继续在Xcode
|
|||
|
|
|
|||
|
|
接下来，双击.xcodeproj文件，该文件应该在Xcode中打开它。 （请使用最新版本的Xcode，我使用的是Xcode 8.3.2）
|
|||
|
|
|
|||
|
|
 Xcode屏幕看起来应该是这样的。
|
|||
|
|
|
|||
|
|
单击窗口左上角的App Name，这将打开右侧的详细视图。 
|
|||
|
|
|
|||
|
|
然后单击Targets-> App Name
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
这将显示以下详细信息选项卡： 
|
|||
|
|
|
|||
|
|
Clik一般，应该显示： 
|
|||
|
|
|
|||
|
|
取消选中自动管理签名复选框
|
|||
|
|
|
|||
|
|
这应显示以下错误，说明AppNAme需要配置配置文件 
|
|||
|
|
|
|||
|
|
接下来，在“签名（调试）”下单击“配置配置文件”下拉列表，然后选择“ _配额配置文件”_选项。 在弹出的文件选择对话框中，导航到下载开发过程配置文件的路径，然后选择它。它将扩展_.mobileprovision_
|
|||
|
|
|
|||
|
|
选择后，错误应该消失，它应该显示Team作为Apple eveloper帐户中的团队名称和签名证书名称。
|
|||
|
|
|
|||
|
|
对签名（发布）部分执行相同的操作，但是在文件选择对话框中选择Ad Hoc分发配置文件。
|
|||
|
|
|
|||
|
|
既然我们已经完成了代码签名步骤
|
|||
|
|
|
|||
|
|
* 直接在设备上运行应用程序
|
|||
|
|
* 在模拟器上运行应用程序
|
|||
|
|
* 生成一个ipa文件以供分发
|
|||
|
|
* 将应用上传到appstore
|
|||
|
|
|
|||
|
|
## 直接在设备上运行应用程序
|
|||
|
|
|
|||
|
|
要在设备上运行应用程序，请通过USB将设备连接到Mac， 然后在设备列表的左上角选择已连接的设备，并单击运行或播放按钮（黑色三角形按钮）  
|
|||
|
|
|
|||
|
|
构建状态将显示在窗口顶部的状态栏中。 如果一切顺利，应该将应用程序安装在设备上，并在一段时间内自动加载。
|
|||
|
|
|
|||
|
|
## 在模拟器上运行应用程序
|
|||
|
|
|
|||
|
|
这些步骤与在设备上运行相同，但我们使用设备列表中的可用iPhone和iPad模拟器而不是实际设备。
|
|||
|
|
|
|||
|
|
## 生成ipa文件以进行分发
|
|||
|
|
|
|||
|
|
如果您需要将应用程序分发给测试团队等，则可以执行此方法。但是，他们使用的设备必须在配置文件中包含UDID。
|
|||
|
|
|
|||
|
|
从Xcode菜单中选择`Product` - > `Clean` ， 然后`Product` - > `Archive` ， Archives组织器出现并显示新存档。  在右侧面板中选择“导出”选项，将显示optios。
|
|||
|
|
|
|||
|
|
要将您的应用分发给具有指定设备的用户，请选择“保存以进行特别部署。”该应用将使用分发证书进行代码签名。
|
|||
|
|
|
|||
|
|
要分发您的应用程序以进行内部测试，请选择“保存以进行开发部署”。该应用程序将使用您的开发证书进行代码签名。 
|
|||
|
|
|
|||
|
|
在出现的对话框中，从弹出菜单中选择一个团队，然后单击“选择”。 
|
|||
|
|
|
|||
|
|
然后弹出设备选择对话框 选择_所有设备_或_特定设备_单击下一步。
|
|||
|
|
|
|||
|
|
接下来显示审阅对话框， 这里将显示用于生成构建的签名证书和配置文件。 查看并单击下一步。 最后显示文件另存为弹出窗口，以选择文件系统中存储导出的应用程序文件的位置。
|
|||
|
|
|
|||
|
|
该应用程序导出为\`\`.ipa\`\`\`文件。
|
|||
|
|
|
|||
|
|
要在设备上运行此文件，只需双击它将在iTunes中打开它。
|
|||
|
|
|
|||
|
|
然后连接你的设备（这应该在itunes窗口的左上角显示一个小设备图标） 点击它将在设备上显示设备摘要，例如应用程序，音乐等。 选择应用标签， 在左侧窗格中，选择要安装的应用程序，然后单击“安装”。 等待该过程完成，然后单击“应用”， 这应该在您的设备上安装ipa文件。
|
|||
|
|
|
|||
|
|
要调试应用程序： 1）开放野生动物园， 2）在设备上打开应用程序 3）在Safari菜单栏中选择`Develop --> Your Device Name --> Your App` 。
|
|||
|
|
|
|||
|
|
## 多数民众赞成！
|