Vue.js SPA Facebook auth

时间:2017-07-21 20:20:18

标签: oauth vue.js

我正在使用Node.JS,Hapi和Vue建立我简单的社交网络。我想让Facebook登录。由于Fcebook Auth无法在SPA中完成,我想出了以下方法。

  1. 向SPA添加登录按钮。这是将服务器路由重定向到Facebook
  2. 的链接
  3. 用户将使用facebook登录
  4. 服务器将返回包含JWT的简单HTML页面,并将JWT存储在浏览器的会话存储中
  5. 该简单页面将比将浏览器重定向到SPA
  6. 有更好的方法吗?我应该以某种方式将JWT放在SPA index.html页面中吗?

1 个答案:

答案 0 :(得分:0)

我会说是的,你应该将它存储在数据库中,这样你就不必向facebook提出这么多请求。然后,您要做的是通过服务器生成的api-token验证用户身份。当他们必须检查他们的权限时,您每次检查权限时都不必点击facebook api。只有在重要的时候,你才需要点击它。

您还可以将其存储为全局变量并以这种方式进行检查,但无论哪种方式,我认为您必须将其存储在某处以引用它,以防用户退出网站,因为这样他们就会丢失变量而你会必须再次击中fb api。

您还可以将其存储在localStorage或sessionStorage中,但最好有一个框架来处理这些问题。

喜欢this one!