首页 > 编程语言> 文章详细

javascript-在sencha touch 2中使用oAuth连接Facebook

2019-12-01 07:35:10 阅读：325 来源： 互联网

标签：extjs facebook oauth javascript

sencha touch 2没有提供任何功能/库来与facebook连接.

到目前为止我不太清楚

我们可以在sencha touch中使用facebook javascript sdk吗？

我发现以下教程很好,我们可以将其与extjs mvc合并吗

http://thinkdiff.net/facebook/new-javascript-sdk-oauth-2-0-based-fbconnect-tutorial/

解决方法:

我想取决于您要如何连接.对我来说,我只需要连接并显示一个Facebook页面的墙贴即可显示在我的iPad上.我这样做的方法如下：登录到Facebook开发人员并创建一个应用程序.给它起一个名字,例如Senchatouch应用程序.它将生成一个appID和密钥.

然后,您需要通过查询以下链接来找到您的facebook用户名ID：

https://graph.facebook.com/ [用户名]

一旦有了它,就必须转到Facebook Graph API资源管理器并在其中键入该ID,然后您可以看到示例响应.

然后,您需要将访问令牌附加到此链接：

https://graph.facebook.com/51539791474/feed?access_token=ACCESS_TOKEN

所以你有这样的事情：

https://graph.facebook.com/51539791474/feed?access_token=AAAFnhgQ0ZAHIBAAbiopuvZAa8zlEmRyxKtZBTcgspJIJ21tVwI17xZCJEbgtNRaMUCnGBVwUa1zE7s6ZBRzg6rJ5UGIEBhZAQfMsCrrT0GVQZDZD

这是您可以在sencha touch 2中的普通JSONP代理中使用的链接.

我的商店代码：

Ext.define('TCApp.store.Facebook', {
extend: 'Ext.data.Store',
requires: [
    'TCApp.model.Facebook'
],

config: {
    autoLoad: true,
    model: 'TCApp.model.Facebook',
    storeId: 'Facebook',
    proxy: {
        type: 'jsonp',
        url: 'https://graph.facebook.com/51539791474/feed?access_token=AAACEdEose0cBAAJt7hcZCdkHHK8hOjZBDFd8GSfg2xkI6hj5AghswWn7MvBTz4B4xooN4t2fXvMmTZCrxAq4t5ofnnPIY7oZBebnbuB5wQZDZD',
        reader: {
            type: 'json',
            rootProperty: 'data'
        }
    }
}
});

和我的模型：

Ext.define('TCApp.model.Facebook', {
extend: 'Ext.data.Model',
config: {
    fields: [
        {
            name: 'message'
        },
        {
            name: 'picture'
        },
        {
            name: 'link'
        },
        {
            name: 'description'
        }
    ]
}
});

然后,使用itemTpl将其绑定到一个简单列表：

'<div class="wholeitem"><img src="{picture}" class="facebookthumb" />{message}</div>',
    '<div class="smalltext">{description}</div></div>',

我唯一的问题是有效期,似乎每个访问令牌都有2个小时的有效期.我还没有找到扩展的方法,如果您发现问题,请发布解决方案或链接到它.谢谢

标签：extjs,facebook,oauth,javascript
来源： https://codeday.me/bug/20191201/2079291.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

javascript-在sencha touch 2中使用oAuth连接Facebook