facebook移动端框架_您的Facebook页面作为Firefox OS移动应用程序

最新推荐文章于 2024-10-10 09:56:47 发布

cumo7370

最新推荐文章于 2024-10-10 09:56:47 发布

阅读量333

点赞数

文章标签： java python ajax linux https

原文链接：https://opensource.com/life/14/9/facebook-firefox-os-app

版权

facebook移动端框架

无论您是企业页面还是社区页面所有者，通过提供独立的移动应用程序来提高页面的可访问性会更好吗？

Apptuter是一个开放源代码框架，可帮助您实现这一目标，只需最少的编码知识，并易于执行步骤，便可以制作自己的应用程序。该框架当前支持Facebook页面作为内容源，并且能够为Firefox OS，Android和IOS平台生成应用。

这个怎么运作

让我们来测试一下它应该如何工作。在我们的示例中，我们将使用Mozilla的Facebook页面作为内容源生成一个独立的应用程序。

克隆存储库

第一步是从Apptuter存储库下载或克隆Apptuter-Firefox目录：

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

目录结构应如下所示：

获取Facebook数字ID

然后，我们将需要获取Facebook数字页面ID。如果您分配了友好的页面名称，则页面ID在页面URL中将不可见，在这种情况下，我们将需要访问以下URL进行检索： https://graph.facebook.com/mypagename : https://graph.facebook.com/mypagename

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

页面ID在返回的第一行数据中可见。

创建一个Facebook应用

下一步将创建一个Facebook应用程序：您将通过组合APP ID和APP SECRET来获取App 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&amp;access_token=' + this . accessToken ;
    this . pagingNext = 'https://graph.facebook.com/' + this . pageName + '/posts?limit=20&amp;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"
}