使用 PhoneGap Build 构建 Ionic 应用程序

Question

经过研究，我发现确实可以使用PhoneGap Build 构建您的离子应用程序。根据this article，需要做一些更改，例如更改config.xml 文件的位置以及在config.xml 中指定您的插件（在Ionic 中您不必这样做）。例如：

<plugin name="org.apache.cordova.camera" spec="0.3.6" source="pgb" />

通常在 Ionic 中你只需要运行

cordova plugin add org.apache.cordova.camera

在项目的根目录中。现在的问题是，在我在config.xml 文件中指定插件之后。我的应用程序如何知道在哪里查找 PhoneGap Build 注入的这些依赖项？我不需要在项目中的某个地方（可能是index.html？）引用该库吗？

感谢任何可以为我澄清这一点的人。

Answer 1

我将展示我在不久前的使用情况。

我有两个项目，一个是 Phonegap 项目，另一个是 Ionic。我在 Ionic 项目中进行所有开发。当我需要在手机上测试某些东西时，我使用的是 Phonegap Build。

两个项目都有文件夹“www”。为了使用 Phonegap Build 站点，我将 Phonegap 项目的“www”文件夹替换为 Ionic 项目的“www”文件夹。然后只需将 Phonegap 项目 ZIP 发送到 Phonegap Build 站点。这一直对我有用。

如果您使用 Phonegap Build 站点，则不需要添加平台 (cordova platform add) 也不需要添加插件 (cordova plugin add)。只需创建 Phonegap 项目 (phonegap create my-app)，设置 config.xml（放置插件）并仅将“www”文件夹替换为 Ionic。

PhoneGap Build 对应用程序结构的唯一要求是 config.xml 和 index.html 位于应用程序的顶层。

Answer 2

我们使用 pgb 构建应用程序并使用 ionic 作为框架。它工作得很好。如果插件安装正确，您通常可以参考插件文档中描述的全局对象。例如相机插件 (https://www.npmjs.com/package/cordova-plugin-camera) 只是将一个全局对象添加到导航器。您可以通过 navigator.camera 访问相机功能，例如navigator.camera.getPicture(...)。

在 pgb 构建的日志中，您可以检查所有插件是否安装正确。

PS：PGB 将大部分插件存储库移至 npm。只需检查 https://www.npmjs.com 上的插件即可。

最好的问候彼得