部署到iOS和Android

由于我们在第一次创建时添加了电容器到我们的项目，因此剩余的少数步骤，直到照片库应用程序在我们的设备上！请记住，您可以找到此应用程序的完整源代码 在这里 。

电容器设置

电容器是IONIC的官方应betway东盟体育app用程序运行时，可以轻松地将Web应用程序部署到原始平台，如iOS，Android等。如果您过去使用Cordova，请考虑更多地阅读差异 在这里 。

如果你还在跑步 betway东盟体育app离子服务 在终端中，取消它。完成您的离子项目的新建，修复了它报告的任何错误：betway东盟体育app

              $
             betway东盟体育app离子建设

接下来，创建IOS和Android项目：

              $
             betway东盟体育app离子帽
              添加
             iOS.
              $
             betway东盟体育app离子帽
              添加
             安卓

将创建项目根目录下的android和ios文件夹。这些是完全独立的本机项目，应该被视为您的Ionic应用程序的一部分（即，将它们签入源代码管理，使用其本机工具编辑它们，等等）。betway东盟体育app

每次执行构建时（例如 betway东盟体育app离子建设 ）更新您的Web目录（默认值： 万维网 )，您需要将这些更改复制到本机项目中：

              $
             betway东盟体育app离子帽副本

注意：在对代码的本机部分进行更新后（例如添加新插件），请使用 同步 命令：

              $
             betway东盟体育app离子帽
              同步

iOS部署

要构建iOS应用程序，您需要一个Mac计算机。

通过Xcode（Apple的IOS / Mac IDE）配置和管理电容IOS应用程序，依赖项管理 椰子荚 。在iOS设备上运行此应用程序之前，需要完成两个步骤。

首先，运行电容器 打开 命令，该命令在Xcode中打开本机iOS项目：

              $
             betway东盟体育app离子帽
              打开
             iOS.

为了使某些本机插件工作，必须配置用户权限。在我们的照片库应用程序中，这包括相机插件：iOS在第一次之后自动显示模态对话框 camera.getphoto（） 被调用，提示用户允许应用程序使用相机。驱动程序的许可是标记为“隐私 - 相机使用”。设置它， info.plist. 必须修改文件（ 这里有更多细节 )。要访问它，请单击“信息”，然后展开“自定义iOS目标属性”

每个设置 info.plist. 具有低级别的参数名称和高级名称。默认情况下，属性列表编辑器显示高级名称，但它通常有用的是切换到显示原始低级名称。为此，请右键单击属性列表编辑器中的任意位置并切换“原始键/值”。

添加 nscamerausageSeastion 键并将值设置为描述应用程序需要使用相机的原因的内容，例如“拍照”。当权限提示打开时，将向应用程序用户显示值字段。

按照相同的过程添加相机插件所需的其他两个键： nsphotolibraryaddusagedescription. 和 nsphotolibraryusageSescription. 。

接下来，单击 应用程序 在左侧的项目导航仪中，然后在其中 签名与功能 部分，选择您的开发团队。

有了适当的权限和选定的开发团队，我们准备在真正的设备上试用该应用程序！将iOS设备连接到Mac电脑，然后选择它( App - > Matthew的iPhone 对我）然后单击“构建”按钮来构建，安装和在设备上启动应用程序：

在“照片库”选项卡上的“相机”按钮之间进行挖掘时，将显示“权限提示”。点击确定，然后用相机拍照。之后，照片显示在应用程序中！

Android部署

COLOCHITOR Android应用程序通过Android Studio配置和管理。在Android设备上运行此应用程序之前，有几个步骤才能完成。

首先，运行电容器 打开 命令，该命令在Android Studio中打开本机Android项目：

              $
             betway东盟体育app离子帽
              打开
             安卓

类似于iOS，我们必须启用正确的权限来使用相机。配置这些 androidmanifest.xml. 文件Android Studio可能会自动打开此文件，但如果无法打开，请在下面找到它 android/app/src/main/ 。

滚动到 权限 第节，并确保包括以下条目：

                <
               使用权限
              
                安卓：
               姓名
                =
                “
               android.permission.READ_外部存储
                “
               />
             
                <
               使用权限
              
                安卓：
               姓名
                =
                “
               android.permission.write_external_storage.
                “
              
               />

保存文件。有了权限，我们就可以在真正的设备上试用该应用了！将Android设备连接到您的计算机。在Android Studio中，单击“运行”按钮，选择连接的Android设备，然后单击“确定”在您的设备上构建、安装和启动应用程序。

再一次，在点击照片库选项卡上的相机按钮时，应显示权限提示。点击确定，然后用相机拍照。之后，照片应出现在应用程序中。

我们的照片库应用程序刚刚部署到Android和IOS设备。

在本教程的最后部分，我们将使用IONIC CLI的实时重新加载功能来快速实现照片删除 - 从而完成我们的照betway东盟体育app片库功能。