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

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

阅读量：2529 次

发布时间：2019-05-11

本文共 2257 字，大约阅读时间需要 7 分钟。

facebook移动端框架

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

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

这个怎么运作

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

克隆存储库

第一步是从下载或克隆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

在我们的示例中，这将是： :

页面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&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然后将默认图像替换为带有匹配尺寸和文件名的示例徽标图像。

成功！

我们完成了！让我们使用测试该应用的外观：

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

最初发布在。 在知识共享下重新发布。

翻译自:

facebook移动端框架

转载地址：http://btpzd.baihongyu.com/

你可能感兴趣的文章