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