搜索文档 /

部署到iOS和Android

因为我们在项目刚创建时就添加了Capacitor,所以只需要几个步骤就可以将Photo Gallery应用程序安装到设备上了!记住,您可以找到这个应用程序的完整源代码 在这里

电容器设置

电容是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离子构建 ),更新您的网络目录(默认: www ),你需要将这些更改复制到你的原生项目中:


              
             betway东盟体育app离子帽副本

注意:在对代码的本机部分进行更新(例如添加一个新插件)之后,使用 同步 命令:


              
             betway东盟体育app离子帽
              同步

iOS部署

要开发一个iOS应用程序,你需要一台Mac电脑。

电容iOS应用程序是通过Xcode(苹果的iOS/Mac IDE)配置和管理的,依赖由 CocoaPods .在iOS设备上运行这个应用程序之前,有几个步骤需要完成。

首先,运行电容器 开放 命令,在Xcode中打开原生iOS项目:


              
             betway东盟体育app离子帽
              开放
             ios

为了让一些本地插件工作,必须配置用户权限。在我们的图片库应用程序中,这包括Camera插件:iOS在第一次之后会自动显示一个模态对话框 Camera.getPhoto () ,提示用户允许应用程序使用摄像头。驱动这个的权限被标记为“隐私-相机使用”。为了设置它 Info.plist 文件必须修改( 更多细节在这里 ).要访问它,点击“信息”,然后展开“自定义iOS目标属性”。

Xcode自定义iOS目标属性"c-id=

每个设置 Info.plist 具有低级参数名称和高级名称。默认情况下,属性列表编辑器显示高级名称,但切换到显示原始的低级名称通常很有用。要做到这一点,右键单击属性列表编辑器中的任何地方,并切换“Raw Keys/Values”。

添加 NSCameraUsageDescription 键,并将值设置为描述应用程序为什么需要使用相机的东西,如“拍照”。当权限提示符打开时,Value字段显示给应用程序用户。

按照相同的过程添加相机插件所需的其他两个键: NSPhotoLibraryAddUsageDescription NSPhotoLibraryUsageDescription

接下来,点击 应用程序 在左侧的Project Navigator中,然后在 签署和功能 部分中,选择您的开发团队。

Xcode -选择开发团队"c-id=

在适当的权限和开发团队选定,我们准备在一个真实的设备上尝试应用程序!将iOS设备连接到你的Mac电脑,选择它( App ->马修的iPhone 然后点击“构建”按钮,在你的设备上构建、安装并启动应用:

Xcode构建按钮"c-id=

点击“照片库”选项卡上的“相机”按钮,将显示权限提示。点击“确定”,然后用相机拍照。之后,照片显示在应用程序中!

iOS摄像头权限"c-id=

安卓系统部署

电容Android应用程序是通过Android Studio配置和管理的。在Android设备上运行这个应用程序之前,有几个步骤需要完成。

首先,运行电容器 开放 命令,在Android Studio中打开本机Android项目:


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

与iOS类似,我们必须启用正确的权限才能使用摄像头。在 AndroidManifest.xml 文件。Android Studio很可能会自动打开这个文件,但如果没有,请将其定位到 android / app / src / main /

Android明显位置"c-id=

滚动到 权限 部分,并确保这些条目包括:


                <
               uses-permission
              
                android:
               的名字
                
                
               android.permission.READ_EXTERNAL_STORAGE
                
               />
             
                <
               uses-permission
              
                android:
               的名字
                
                
               android.permission.WRITE_EXTERNAL_STORAGE
                
              
               />
复制 复制

保存文件。有了适当的权限,我们准备在真正的设备上尝试应用程序!将安卓设备连接到你的电脑上。在Android Studio中,点击“运行”按钮,选择附加的Android设备,然后点击OK构建,安装,并在设备上启动应用程序。

在Android上启动应用"c-id=

再一次,在点击Photo Gallery选项卡上的Camera按钮时,应该会显示权限提示。点击“确定”,然后用相机拍照。之后,照片会出现在应用程序中。

Android摄像头权限"c-id=

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

在本教程的最后一部分,我们将使用Ionic CLI的Live Reload功能来快速实现照片删除,从而完成betway东盟体育app我们的照片库功能。

以前的
添加移动
下一个
快速应用开发与Live Reload
Baidu