无论你是企业还是社区页面所有者，还有什么比提供独立的移动应用来提高页面覆盖率更好的呢？

Apptuter 是一个开源框架，可以帮助你实现这一目标，只需最少的编码知识和易于遵循的步骤，你就可以创建自己的应用。该框架目前支持 Facebook 页面作为内容来源，并且能够为 Firefox OS 和 Android 平台创建应用。

工作原理

让我们试驾一下它的工作原理。在我们的示例中，我们将使用 Mozilla 的 Facebook 页面作为内容来源生成一个独立的应用。

克隆仓库

第一步是从 Apptuter 仓库 下载或克隆 Apptuter-Firefox 目录。

git clone https://github.com/egirna/apptuter.git

目录结构应如下所示

获取 Facebook 数字 ID

然后我们需要获取 Facebook 页面数字 ID。如果你为页面分配了一个友好的页面名称，则页面 URL 中将不会显示页面 ID，在这种情况下，我们需要访问以下 URL 来检索它：https://graph.facebook.com/mypagename

在我们的示例中，这将是：https://graph.facebook.com/mozilla

页面 ID 将显示在返回数据的第一行。

创建 Facebook 应用

下一步是创建 Facebook 应用：你可以通过组合APP ID 和 APP SECRET 来获取应用的ACCESS TOKEN，以便请求的 URL 应采用以下形式：http://graph.facebook.com/endpoint?key=value&access_token=app_id|app_secret

请求页面信息 (Info.js) 是我们将定义这些参数的地方，将 PageID 替换为可以在 /Apptuter-Firefox/js 中找到的数字。

var Main = function () {
    this.pageName = ‘pageID’;
    this.name = null;
    this.category = null;
    this.description = null;
    this.photoArray = null;
    this.postArray = null;
    this.infoArray = [];
    this.accessToken = 'AppID|AppSecret';
    this.pictureUrl = null;
    this.paging = 'https://graph.facebook.com/' + this.pageName + '/posts?limit=20&access_token='+this.accessToken;
    this.pagingNext = 'https://graph.facebook.com/' + this.pageName + '/posts?limit=20&access_token='+this.accessToken;
}

让我们在位于目录根目录的 manifest.webapp 文件中定义我们的新应用属性。

{
  "name": "Mozilla App",
  "description": "This is an example app of apptuter framework",
  "launch_path": "/Shared/index.html",
  "icons": {
    "32": "/images/app_icon_32.png",
    "60": "/images/app_icon_60.png",
    "90": "/images/app_icon_90.png",
    "120": "/images/app_icon_120.png",
    "128": "/images/app_icon_128.png",
    "256": "/images/app_icon_256.png"
  },
  "chrome": {
    "navigation": true
  },
  "version": "1.0.1",
  "developer": {
    "name": "Egirna Technologies Limited",
    "url": "http://www.apptuter.org"
  },
  "orientation": [
    "portrait"
  ],
  "default_locale": "en"
}

图片

剩下的唯一事情就是图片。从仓库中，转到 /Apptuter-Firefox/images 并将默认图片替换为我们示例徽标的图片，这些图片的尺寸和文件名要匹配。

成功！

我们完成了！让我们使用 Firefox OS 模拟器 测试一下应用的外观。

你最终有责任按照 Facebook、Google 和 Mozilla 的服务条款和最终用户许可协议使用此软件。这适用于此软件可能集成的任何服务。