facebook身份验证与angular ui路由器一起使用[关闭]答案

【问题标题】：facebook authentication working with angular ui router [closed]facebook身份验证与angular ui路由器一起使用[关闭]
【发布时间】：2016-11-24 16:26:40
【问题描述】：

如何使用 angular facebook sdk 对 angular 单页 Web 应用程序进行身份验证，该应用程序可与 angular ui 路由器一起使用，其中 $stateProvider 将检查并记住用户 facebook 状态，当用户需要进行身份验证以访问所选视图时将重定向到 facebook 登录？如何在 Angular ui 控制器中保存 facebook 状态，然后在不调用 facebook 的情况下检查用户状态？

【问题讨论】：

您的代码在哪里？你到底卡在哪里了？

标签： javascript angularjs facebook angular-ui-router facebook-javascript-sdk

【解决方案1】：

是的，您可以这样做，使用为 facebook 定义的视图和控制器创建应用程序。

var myApp = angular.module('myApp', ['ui.router'])
myApp.config(function($stateProvider, $urlRouterProvider) {
  $urlRouterProvider.when("", "/facebook");
  $stateProvider
    .state("facebook", {
      url: "/facebook",
      templateUrl: "facebook.html",
      controller: 'facebooktrl'

    });
});

您需要使用开发者文档中提到的fbSDK并配置重定向url。

这是一个DEMO application

【讨论】：