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的Graph API和JavaScript SDK来实现基本的功能。 首先,让我们了解Facebook Graph API。它是Facebook的主要API接口,通过RESTful的方式提供服务,允许开发者请求用户...
Facebook为多种编程语言(如Python、JavaScript、PHP等)提供了官方SDK,简化了API的使用,包括自动处理OAuth流程、错误处理等。 9. **Social Plugins**: Facebook提供了一系列社交插件,如Like按钮、分享按钮和...
其次,使用Access Token,我们可以调用Facebook Graph API。Graph API是Facebook的主要接口,允许我们获取用户信息、页面数据、广告报告等。在这个项目中,重点关注的是获取报表数据。这可能涉及发送HTTP请求到Graph...
通过这个过程,开发者可以获取到Access Token,这是后续API调用的身份凭证。 接着,书中详细讲解了Facebook Graph API,它是Facebook API的主要组成部分,用于获取和更新用户、页面、事件等对象的数据。例如,你...
在.NET框架下开发Facebook API,你需要熟悉Facebook的Graph API和JavaScript SDK。Graph API是Facebook的主要接口,用于获取和发布数据,如用户信息、照片、事件等。而JavaScript SDK则提供了在网页上轻松集成...
这个DLL包含了一系列的类和方法,用于进行OAuth认证、获取访问令牌、调用Facebook Graph API等功能。通过这个库,开发者可以避免直接与Facebook API的复杂交互,简化开发流程。 Webview组件在Windows Forms...
React是由Facebook开发的一款用于构建用户界面的JavaScript库,尤其适合开发单页应用。SPA的核心特性是只加载一次HTML页面,后续的交互和数据更新都通过异步请求来完成,提供流畅的用户体验。React通过组件化的方式...
通过访问令牌,应用可以调用Graph API获取用户授权的Facebook数据。 五、JavaScript SDK与服务器端处理 Facebook提供了JavaScript SDK,方便在前端实现一键登录功能。SDK处理大部分登录逻辑,如重定向、获取授权码...
Facebook Graph API 返回的数据格式通常是 JSON(JavaScript Object Notation),Python 有内置的 `json` 模块可以方便地解析和序列化这种格式的数据。 7. **前端展示**: 虽然描述中没有特别提及,但项目很可能...
Facebook PHP/JS 类库是开发人员用来与Facebook平台进行交互的重要工具,它们简化了与Facebook API的集成过程,使得开发者可以轻松地实现社交功能,如登录验证、分享、获取用户信息等。在本概述中,我们将深入探讨...
React是Facebook开发的开源JavaScript库,主要用于构建用户界面,特别是单页应用(SPA)。它的核心理念是组件化,将UI拆分成独立、可复用的部件,每个部件都可以有自己的状态和生命周期方法。React通过虚拟DOM...
通过这个Facebook项目,开发者可以深入理解Java Web开发的全貌,包括前后端交互、数据处理、用户认证授权、API调用等多个方面。同时,这也是一个很好的学习和实践Web开发技能的机会,对于提升个人技术水平和职业发展...
JavaScript(简称JS)是Web开发中的核心技术之一,尤其在前端领域,它扮演着至关重要的角色。"js前端精品api"这个资源集成了多种框架和库的API,为开发者提供了丰富的前端开发工具和参考资料。以下是一些相关的...
4. **触发授权流程**:当用户点击自定义按钮时,调用Facebook SDK的`FB.login()`方法。这个方法会打开一个弹窗或者新的浏览器窗口,显示Facebook的授权页面。 5. **处理回调**:授权完成后,Facebook会调用你之前...
8. **性能优化**:虽然Facebook登录可以提升用户体验,但过多的外部API调用可能影响网站加载速度。因此,优化插件的性能,比如延迟加载或异步调用,可以避免不必要的性能损耗。 9. **安全考虑**:保持插件及时更新...
JavaScript API(应用程序接口)则是一系列预先定义好的函数和对象,允许开发者通过调用来实现特定的功能。 一、JavaScript基础 1. 变量:JavaScript中的变量是存储数据的容器,可以使用var、let或const关键字声明...
- **后端框架API**:如Express(Node.js)、Django(Python),帮助快速搭建服务器端应用。 - **数据序列化和反序列化库的API**:如JSON库,XML库,用于数据交换格式转换。 - **加密解密库的API**:如Python的...
"api-speed-tester" 是一个专为测试API响应时间而设计的工具,它允许用户反复调用API以测量其平均速度。通过这种方式,开发者可以了解API在不同条件下的性能表现,从而优化服务,提高用户体验。 【描述】中提到,此...
5. **第三方服务API**:许多在线服务提供商,如Google Maps、Twitter、Facebook等,提供了API供开发者在其平台上集成功能。开发者需要遵循特定的OAuth认证流程,获取访问令牌,然后调用API接口实现数据交换。 6. **...
2. **安装依赖**:由于项目标签中提到的是JavaScript,因此可能需要安装React库(react和react-dom)以及axios库,用于API调用。这可以通过npm(Node Package Manager)完成。 3. **创建组件**:定义一个或多个...