Facebook登录图像在服务器端实现

Question

我怀疑这有一个简单的答案,但是因为我很难过,让我把它扔出去.

我正在为网站实施"使用Facebook登录"功能.Facebook允许在服务器或客户端进行大部分工作.我们选择了前者.

因此,用户单击以启动登录的链接如下所示:

https://www.facebook.com/dialog/oauth?
     client_id=YOUR_APP_ID&redirect_uri=YOUR_URL&scope=email,read_stream

我的简单问题:我希望用户点击熟悉的"使用Facebook登录"图像来定向到此URL.我无法使用<fb:login-button>自启动基于javascript的身份验证和登录.所以,基本上,我想要一个看起来像这样的链接:

<a href="https://www.facebook.com/dialog/oauth? client_id=YOUR_APP_ID&redirect_uri=YOUR_URL&scope=email,read_stream"><img Login with Facebook image goes here /></a>

如何将图像作为服务器端实现中的链接？或者,<fb:login-button>如果我想让Facebook自动生成图像,我是否必须使用客户端上的登录？(顺便说一下,我正在使用Ruby on Rails 2.3.5.)

Answer 1

您应该使用自己的图像(或其他标记)来表示登录按钮,或使用"品牌权限中心"中的某个Facebook徽标.

还有另一种选择......如果你在页面上包含JS-SDK,你可以使用以下标记来获得一个看起来与Login Button社交插件中的按钮完全相同的按钮:

<a class="fb_button fb_button_small">
  <span class="fb_button_text">Log In</span>
</a>

更新: 使用自定义标记代替fb:login-button将需要额外的工作.

对于按钮上的文本翻译,您可以使用Facebook国际化,gettext或您熟悉的任何其他技术/技术......

关于Auth,您需要确保添加href属性指向OAuth对话框(对于服务器端流程.您已经有问题本身)或绑定将调用的JavaScript单击事件FB.login(用于客户端流程).