在Sencha Touch 2中使用oAuth连接Facebook

Question

Sencha Touch 2 没有提供任何函数/库来连接 facebook 吗？

到目前为止，我的线索较少

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

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

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

Answer 1

我猜这取决于你想如何连接。对我来说，我只需要连接并显示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 小时。我还没有弄清楚如何扩展它，如果您发现，请发布解决方案或链接到它。谢谢

：-）