`
yiheng
  • 浏览: 155824 次
社区版块
存档分类

JS端调用Facebook API

阅读更多

1. 申请Facebook账号

2.登陆http://developers.facebook.com/申请APPID

3.一定要对你申请的APP设置Site URL 和Site Domain, 如果你需要调试,可以设置为http://localhost/localhost

4.在页面中引用JS, <script src="//connect.facebook.net/en_US/all.js"></script>

5.现在就可以调用API了,在调用API之前,必须要进行初始化

调用如下函数进行初始化:

FB.init({            appId: '447540288619439', // App ID            channelUrl: 'http://example.com/channel.html', // Channel File            status: true, // check login status            cookie: true, // enable cookies to allow the server to access the session            xfbml: true,  // parse XFBML            oauth : true        });


 

登陆:

        function Test() {//            FB.api('/me', function (response) {//                alert('Your name is ' + response.name);            //            });            FB.login(function (response) {                if (response.authResponse) {                    alert('Welcome!  Fetching your information.... ');                    FB.api('/me', function (response) {                        alert('Good to see you, ' + response.name + '.');                    });                } else {                    alert('User cancelled login or did not fully authorize.');                }            }, { scope: 'email,user_location,offline_access,publish_stream' });        }


 

发布消息:要成功发布消息,必须让APP取得发送权限,注意上面登陆代码中的publish_stream

function PostTest() {            var picurl = "http://102.mlsimages.movoto.com/064/12048664_0.jpg";            var body = 'Hello every one, this is my house!';            FB.api('/me/feed', 'post', { message: body, picture:picurl }, function (response) {                debugger;                if (!response || response.error) {                    alert('Error occured');                } else {                    alert('Post ID: ' + response.id);                }            });        }

其他参数请见:http://developers.facebook.com/docs/reference/api/post/

分享到:
评论

相关推荐

    Facebook的API实例

    在这个实例中,我们将深入探讨如何使用Facebook的Graph API和JavaScript SDK来实现基本的功能。 首先,让我们了解Facebook Graph API。它是Facebook的主要API接口,通过RESTful的方式提供服务,允许开发者请求用户...

    facebook api源码

    Facebook为多种编程语言(如Python、JavaScript、PHP等)提供了官方SDK,简化了API的使用,包括自动处理OAuth流程、错误处理等。 9. **Social Plugins**: Facebook提供了一系列社交插件,如Like按钮、分享按钮和...

    facebook_api

    其次,使用Access Token,我们可以调用Facebook Graph API。Graph API是Facebook的主要接口,允许我们获取用户信息、页面数据、广告报告等。在这个项目中,重点关注的是获取报表数据。这可能涉及发送HTTP请求到Graph...

    Apress.Facebook.API.Developers.Guide.Mar.2008.pdf

    通过这个过程,开发者可以获取到Access Token,这是后续API调用的身份凭证。 接着,书中详细讲解了Facebook Graph API,它是Facebook API的主要组成部分,用于获取和更新用户、页面、事件等对象的数据。例如,你...

    facebook中开发API,希望对你们有帮助

    在.NET框架下开发Facebook API,你需要熟悉Facebook的Graph API和JavaScript SDK。Graph API是Facebook的主要接口,用于获取和发布数据,如用户信息、照片、事件等。而JavaScript SDK则提供了在网页上轻松集成...

    Facebook登录分享发布信息程序

    这个DLL包含了一系列的类和方法,用于进行OAuth认证、获取访问令牌、调用Facebook Graph API等功能。通过这个库,开发者可以避免直接与Facebook API的复杂交互,简化开发流程。 Webview组件在Windows Forms...

    react-SPA前后端分离restapi

    React是由Facebook开发的一款用于构建用户界面的JavaScript库,尤其适合开发单页应用。SPA的核心特性是只加载一次HTML页面,后续的交互和数据更新都通过异步请求来完成,提供流畅的用户体验。React通过组件化的方式...

    web版facebook登录

    通过访问令牌,应用可以调用Graph API获取用户授权的Facebook数据。 五、JavaScript SDK与服务器端处理 Facebook提供了JavaScript SDK,方便在前端实现一键登录功能。SDK处理大部分登录逻辑,如重定向、获取授权码...

    facebook-showposts:通过 Graph API 从 Facebook 获取帖子。 通用电气工程师-源码

    Facebook Graph API 返回的数据格式通常是 JSON(JavaScript Object Notation),Python 有内置的 `json` 模块可以方便地解析和序列化这种格式的数据。 7. **前端展示**: 虽然描述中没有特别提及,但项目很可能...

    Facebook php/js 類

    Facebook PHP/JS 类库是开发人员用来与Facebook平台进行交互的重要工具,它们简化了与Facebook API的集成过程,使得开发者可以轻松地实现社交功能,如登录验证、分享、获取用户信息等。在本概述中,我们将深入探讨...

    基于ReactRedux的一个现实直接调用多引擎API翻译工具

    React是Facebook开发的开源JavaScript库,主要用于构建用户界面,特别是单页应用(SPA)。它的核心理念是组件化,将UI拆分成独立、可复用的部件,每个部件都可以有自己的状态和生命周期方法。React通过虚拟DOM...

    java web开发facebook项目

    通过这个Facebook项目,开发者可以深入理解Java Web开发的全貌,包括前后端交互、数据处理、用户认证授权、API调用等多个方面。同时,这也是一个很好的学习和实践Web开发技能的机会,对于提升个人技术水平和职业发展...

    js前端精品api

    JavaScript(简称JS)是Web开发中的核心技术之一,尤其在前端领域,它扮演着至关重要的角色。"js前端精品api"这个资源集成了多种框架和库的API,为开发者提供了丰富的前端开发工具和参考资料。以下是一些相关的...

    使用自定义按钮实现Facebook授权登陆和登出

    4. **触发授权流程**:当用户点击自定义按钮时,调用Facebook SDK的`FB.login()`方法。这个方法会打开一个弹窗或者新的浏览器窗口,显示Facebook的授权页面。 5. **处理回调**:授权完成后,Facebook会调用你之前...

    magento facebook快捷登陆插件

    8. **性能优化**:虽然Facebook登录可以提升用户体验,但过多的外部API调用可能影响网站加载速度。因此,优化插件的性能,比如延迟加载或异步调用,可以避免不必要的性能损耗。 9. **安全考虑**:保持插件及时更新...

    JavaScript语言参考,JavaScript API

    JavaScript API(应用程序接口)则是一系列预先定义好的函数和对象,允许开发者通过调用来实现特定的功能。 一、JavaScript基础 1. 变量:JavaScript中的变量是存储数据的容器,可以使用var、let或const关键字声明...

    完整版常用API.rar

    - **后端框架API**:如Express(Node.js)、Django(Python),帮助快速搭建服务器端应用。 - **数据序列化和反序列化库的API**:如JSON库,XML库,用于数据交换格式转换。 - **加密解密库的API**:如Python的...

    api-speed-tester:反复调用API以测试其平均速度

    "api-speed-tester" 是一个专为测试API响应时间而设计的工具,它允许用户反复调用API以测量其平均速度。通过这种方式,开发者可以了解API在不同条件下的性能表现,从而优化服务,提高用户体验。 【描述】中提到,此...

    API函数应用.rar

    5. **第三方服务API**:许多在线服务提供商,如Google Maps、Twitter、Facebook等,提供了API供开发者在其平台上集成功能。开发者需要遵循特定的OAuth认证流程,获取访问令牌,然后调用API接口实现数据交换。 6. **...

    新闻源:使用react和API调用创建不同的新闻源的简单练习

    2. **安装依赖**:由于项目标签中提到的是JavaScript,因此可能需要安装React库(react和react-dom)以及axios库,用于API调用。这可以通过npm(Node Package Manager)完成。 3. **创建组件**:定义一个或多个...

Global site tag (gtag.js) - Google Analytics