什么是 angular-openfb
angular-openfb 是一个 AngularJS 模块，提供了使用 Facebook API 的便捷方式。它包含了所有与 Facebook 服务的通信、授权和用户信息获取等的必备功能模块，让开发者可以更加专注于自己的开发工作。
安装
安装 angular-openfb 最简单的方法是通过 npm。
打开 Terminal（命令行工具），输入以下命令：
npm install angular-openfb
你也可以将依赖添加到项目的 package.json 文件中。
然后，在你的 HTML 文件中添加以下代码：
<script src="node_modules/angular-openfb/dist/angular-openfb.js"></script>
配置
在你的 AngularJS 应用程序中，必须要配置 angular-openfb 模块。通过在 config() 函数中调用 openFBProvider 提供的 setAppId() 方法，传入你的 Facebook 应用程序 ID。
angular.module('myApp', ['openfb'])
.config(function (openFBProvider) {
openFBProvider.setAppId('你的应用程序 ID');
});授权
你必须先授权才能访问登陆用户的 Facebook 信息。提供了两种授权方式：
1. 通过弹出窗口进行授权
您可以设置一个按钮或链接，以使打开一个新的浏览器窗口，Facebook 弹出授权窗口。
<button ng-click="fbLogin()">Login with Facebook</button>
angular.module('myApp')
.controller('myCtrl', function ($scope, openFB) {
$scope.fbLogin = function () {
openFB.login('email');
};
});授权成功后，openFB.login() 根据返回的访问令牌自动设置用户信息。
2. 通过在不同的视图中重定向授权
如果你希望授权窗口在不同的视图之间显示，你应该调用 openFB.login()，并提供一个回调函数。该回调函数将会被调用，一旦访问令牌被返回。当然，在重定向期间，必须要保持访问令牌的状态。
$scope.fbLogin = function () {
openFB.init({appId: '你的应用程序 ID'});
openFB.login(null, {scope: 'email'},
function () {
$window.location.href = 'http://你的网站地址';
}
);
};提示：授权的访问令牌在两个小时后会过期。当访问令牌失效时，请调用 openFB.logout() 方法，以避免用户信息泄露和安全问题。
使用
当成功授权后，你可以向 Facebook 发送请求，以获取 Facebook 用户的相关信息。
获取用户信息
-- -------------------- ---- -------
------------
----- ------
-------- -------------- -
------------------
--
------ --------------- -
-------------------
-
---发送信息到 Facebook
-- -------------------- ---- -------
------------
------- -------
----- -----------
------- -
-------- ------- ----------
--
-------- -------- -- -
-------------------- ----------
--
------ -------- ------- -
-------------------
-
---上传图片到 Facebook
-- -------------------- ---- -------
------------
------- -------
----- -------------
------- -
-------- -- ----------
---- ------------------------------ -- -- ---
--
-------- -------- -- -
-------------------- ------------
--
------ -------- ------- -
-------------------
-
---总结
本文介绍了如何在 AngularJS 应用程序中使用 npm 包 angular-openfb，以便更方便地使用 Facebook API。从安装、配置、授权、使用等方面，详细地介绍了该工具的使用方法，并且提供了可供学习和使用的示例代码。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055f9f81e8991b448dcf56