Firefox OS 版 PhoneGap 开发者应用程序预览

Mozilla 的跨平台团队一直在寻找方法来改进开发者使用开放式 Web 标准构建应用程序的方式。我们认为 CordovaPhoneGap 是实现这一目标的绝佳工具。我们很高兴能够通过将 PhoneGap 开发者应用程序 融入 Firefox OS 来改进对 PhoneGap 的支持。

PhoneGap 开发者应用程序允许您轻松地在多个平台上运行 PhoneGap 应用程序,无需安装 SDK 或拥有开发者订阅。该应用程序可在各自的应用商店中获取,适用于 Android、iOS 和 Windows Phone。您可以一次将您的应用程序与多个设备配对,对应用程序代码所做的任何更改都会传播到所有设备。

即使开发 Firefox OS 应用程序不需要庞大的 SDK 或开发者订阅,能够将您的更改一次传播到多个设备还是非常酷的!

我们已经开始着手为 Firefox OS 提供支持,您现在就可以试用它了。在这篇文章中,我们将介绍在 Firefox OS 上获取 PhoneGap 开发者应用程序预览版所需的步骤。俗话说,一张图片胜过千言万语。

获取依赖项

我们将使用 Cordova 的开发版本,以及 PhoneGap 命令行界面 的开发版本来完成所有操作。幸运的是,它们非常兼容,并且可以很好地协同工作。在继续操作之前,您需要安装 gitnodejs 和 npm

首先,让我们从 GitHub 上获取所有需要的模块。

  $ git clone https://github.com/apache/cordova-firefoxos.git
  $ git clone https://github.com/apache/cordova-cli.git
  $ git clone https://github.com/apache/cordova-lib.git
  $ git clone -b fxos https://github.com/rodms10/phonegap-app-developer.git
  $ git clone -b fxos https://github.com/rodms10/connect-phonegap.git
  $ git clone https://github.com/phonegap/phonegap-cli.git

现在,让我们设置依赖项。

  $ cd connect-phonegap
  $ npm link
  $ cd ../phonegap-cli
  $ npm link connect-phonegap
  $ npm install
  $ cd ../cordova-lib/cordova-lib
  $ npm link
  $ cd ../../cordova-cli
  $ npm link cordova-lib
  $ npm install
  $ cd ..

将应用程序加载到您的设备

该应用程序位于 phonegap-app-developer/platforms/firefoxos/www/,只需将 应用程序管理器WebIDE 指向此路径,然后将其加载到您的设备或模拟器上即可。启动应用程序后,您应该会看到一个带有 IP 地址的屏幕。您需要在其中输入服务器的地址。

启动服务器

让我们启动服务器。它将为您的应用程序内容提供服务,并传递到 PhoneGap 开发者应用程序。创建一个新的 Cordova 应用程序。

  $ cordova-cli/bin/cordova create myapp org.app.my "I Heart PhoneGap Dev App"
  $ cd myapp

现在,我们需要将 Cordova 指向 cordova-firefoxos 的开发版本。在您的根应用程序文件夹(本例中为 myapp)中,创建一个名为 .cordova(开头带有点)的文件夹,并在该文件夹中添加一个名为 config.json 的文件,文件内容如下:

{
  "lib": {
    "firefoxos": {
      "uri": "/<Full/Path/To>/cordova-firefoxos",
      "version": "dev",
      "id": "cordova-firefoxos-dev"
    }
  }
}

确保您在上面的 uri 属性中设置了 cordova-firefoxos 的正确完整路径。

现在,让我们启动服务器,我们将切换回 PhoneGap 来执行此操作。

  $ ../phonegap-cli/bin/phonegap.js serve

您应该会看到一条消息,内容为 [phonegap] listening on 10.0.0.1:3000。在 PhoneGap 开发者应用程序中输入该 IP 地址,然后您将看到应用程序开始在其中运行!很简单。

发布它!

如果您已经走到这一步,您可能想知道为什么该应用程序还没有在市场中发布!如您所见,要使应用程序正常运行,我们需要使用 PhoneGap 命令行界面的开发版本。一旦发布了包含我们新代码的新版本,我们就可以发布该应用程序,并且不再需要命令行界面的开发版本。

如果您有任何问题,请在评论中留言,或在 #apps IRC 频道 中找到我们,或者发送电子邮件至 mozilla-cordova@mozilla.org

关于 Rodrigo Silveira

在 Mozilla 的跨平台应用程序团队中工作,致力于改进 Cordova 和 PhoneGap 对 Firefox OS 的支持。热衷于将 Web 打造成更加适合开发者的平台。喜欢滑雪、烧烤和啤酒。

更多 Rodrigo Silveira 的文章...


9 条评论

  1. Anandhamoorthy

    所有内容都很棒,但对于新手来说不太清楚。:)

    2014 年 9 月 2 日 下午 10:08

    1. Rodrigo Silveira

      不幸的是,在这个开发阶段,您需要执行很多步骤才能使所有内容正常运行。希望很快大部分步骤都将不再需要!

      2014 年 9 月 2 日 下午 10:51

  2. Erik

    太棒了!我希望你们能与 Adobe 合作,将 firefoxos 目标也添加到 PhoneGap Build 服务中。这是我现在遇到的最大难题 - 我想我不是唯一一个这样想的人。

    2014 年 9 月 2 日 下午 11:34

    1. Adam

      是的,您不是唯一一个 :)

      2014 年 9 月 3 日 上午 07:30

    2. Rodrigo Silveira

      我们正在与 Adobe 合作,将 Firefox OS 支持添加到 PhoneGap Build 中。敬请期待!

      我们知道这是一种非常方便的服务,即使 Firefox OS 只使用 Web 技术,我们的“构建”步骤只是将应用程序打包到一个 zip 文件中。

      我很想了解更多关于您在工作流程中如何使用 PG Build 的信息。

      2014 年 9 月 3 日 上午 10:23

  3. Adam

    这里有一篇早期的 Mozilla Hacks 教程,介绍了使用 Cordova 针对 Firefox OS 的方法:https://hacks.mozilla.ac.cn/2014/02/building-cordova-apps-for-firefox-os/

    2014 年 9 月 2 日 下午 13:17

  4. dynamis

    发现一个错字

    -$ cd cordova-lib/cordova-lib
    +$ cd ../cordova-lib/cordova-lib

    2014 年 9 月 4 日 上午 09:54

    1. Rodrigo Silveira

      感谢!已更新。

      2014 年 9 月 4 日 上午 09:57

  5. aaronraja

    尝试简化步骤或流程,因为现在很混乱,也不清楚

    2014 年 9 月 5 日 上午 07:35

本文的评论已关闭。