网页版 Facebook 第三方登录示例 Facebook网页登录

网页版 Facebook 第三方登录示例

先跳转授权
https://www.facebook.com/v7.0/dialog/oauth?client_id="+client_id+"&redirect_uri="+redirect_uri+"&state="
授权后会自动重定向到回调地址 redirect_uri

<!DOCTYPE html>
<html lang="en">
<head><title>Facebook Login</title><meta charset="UTF-8"><style type="text/css" media="screen">hr {border: none;}</style><script src="./jquery-2.1.4.min.js"></script>
</head><body><script>var client_id="3110596669584569";//示例参数var client_secret="fa7f7e41afb23923ac69fbd488872cef";//示例参数var redirect_uri="https://www.baidu.com/login/login.html";//获取Facebook用户信息后回调地址,客户服务器的链接（此处为示例）// This is called with the results from from FB.getLoginStatus().function statusChangeCallback(response) {var code = getUrlParam("code");console.log("response1="+JSON.stringify(response));if(code!=''&&code!=null&&code!=undefined){if (response.status === 'connected') {testAPI(response.authResponse.accessToken);} else {$.get("https://graph.facebook.com/v7.0/oauth/access_token?client_id="+client_id+"&client_secret="+client_secret+"&redirect_uri="+redirect_uri+"&code="+code,function(e){var token = e.access_token;testAPI(token);console.log("token="+token);//FB.logout(statusChangeCallback);});}}else{window.location.href="https://www.facebook.com/v7.0/dialog/oauth?client_id="+client_id+"&redirect_uri="+redirect_uri+"&state=";}}// 初始化FBwindow.fbAsyncInit = function () {FB.init({appId: client_id,cookie: false,  // enable cookies to allow the server to accessxfbml: true,  // parse social plugins on this pageversion: 'v7.0' // use graph api version 2.8});//查询登录状态FB.getLoginStatus(statusChangeCallback);};// 加载facebook SDK(function (d, s, id) {var js, fjs = d.getElementsByTagName(s)[0];if (d.getElementById(id)) return;js = d.createElement(s); js.id = id;js.src = 'https://connect.facebook.net/ko_KR/sdk.js#xfbml=1&version=v7.0&appId=2429587588227274&autoLogAppEvents=1';fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'facebook-jssdk'));// 注销function logout(token) {FB.logout(function (response) {console.log("logout1="+JSON.stringify(response));//FB.Auth.setAuthResponse(null, 'unknown');});}// 获取用户信息function testAPI(token) {FB.api('/me', 'GET', { access_token:token,fields: 'first_name,last_name,name,id,email'}, function (response) {// document.getElementById('status').innerHTML = JSON.stringify(response);console.log(JSON.stringify(response));var s=response;//FB.logout();logout(token);});}/*获取地址栏参数*/function getUrlParam(name) {var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象var r = window.location.search.substr(1).match(reg); //匹配目标参数if (r != null) return unescape(r[2]);return null; //返回参数值}</script>
</body></html>

网页版 Facebook 第三方登录示例 Facebook网页登录相关推荐

网页版打地鼠小游戏源代码，网页版打灰太狼小游戏源码
网页版打地鼠小游戏源代码,网页版打灰太狼小游戏源码完整代码下载地址:网页版打地鼠小游戏源代码,网页版打灰太狼小游戏源码核心代码 <!DOCTYPE html> <html> ...
韩国 kakaotalk web网页版第三方登录示例 kakaotalk网页版
韩国 kakaotalk web网页版第三方登录示例先跳转授权 https://kauth.kakao.com/oauth/authorize?client_id="+restApi+& ...
python登录网页版易信_易信网页版下载|易信网页版登陆客户端官方最新版 2.1.1103.0 - 系统天堂...
易信网页版登陆客户端是一款可以在pc电脑上直接登陆您的易信账号的一个客户端软件,它是一款能够真正免费聊天的即时通讯软件,小编今天就跟大家分享这款易信网页版登陆及其安装方法,本站提供本站提供易信网页版下 ...
Spring+Netty+Vue 网页版聊天应用，仿微信网页版聊天
1:前言最近在学习网络知识,对于java开发来说,Netty是一个非常重要的框架,无论是为了面试还是日常工作中,如RPC框架Dubbo底层其实是用了Netty, 又或者我们的聊天通信功能,都可能有N ...
cad有没有网页版_在线CAD看图网页版，一样可以快速查看CAD图纸
CAD制图工作中,如果想要快速查看CAD图纸,使用方便的CAD看图软件是常用的.CAD看图软件区别于AutoCAD复杂的程序,可以对dwg\dxf格式的CAD图纸进行浏览查看.同时可以完整的显示出图 ...
2048网页版html项目报告,jQuery编写网页版2048小游戏
大致介绍看了一个实现网页版2048小游戏的视频,觉得能做出自己以前喜欢玩的小游戏很有意思便自己动手试了试,真正的验证了这句话-不要以为你以为的就是你以为的,看视频时觉得看懂了,会写了,但是自己实现起 ...
最新微软语音合成网页版源码+影视解说配音网页版
正文: 最新微软语音合成网页版源码,影视解说配音网页版,几个文件写成的微软语音合成接口,调用的是官方api,亲测合成很快,大家总听到的短视频电影解说与搞笑短视频,都是微软配音员,可以说是市面上语音合成 ...
php编网页版计算器,php实现简单的网页版计算器功能的方法
这篇文章主要介绍了php编程实现简单的网页版计算器功能,涉及php简单表单操作与数值运算相关实现技巧,需要的朋友可以参考下如何通过php代码来实现一个网页版的计算器的简单功能?下面就是通过php基础 ...
梦幻西游网页版什么是通用服务器,梦幻西游网页版定神香S18526
游戏简介: <梦幻西游>网页版爆爽来袭,这是你从没见过的梦幻西游!极速节奏,超高爆率,前爽未有的冒险之旅,三界由你来主宰! 开局即可轻松获得无级别限制武器,还有各色极品召唤兽.神兽.伙伴. ...
镇魔曲网页版服务器选择,《镇魔曲网页版》角色选择新手攻略
原标题:<镇魔曲网页版>角色选择新手攻略 <镇魔曲网页版>新手玩什么角色比较好?<镇魔曲网页版>新手角色选择心得分享. 作为一款网页版游戏,从5月份的测试服开始,& ...

网页版 Facebook 第三方登录示例 Facebook网页登录

网页版 Facebook 第三方登录示例

网页版 Facebook 第三方登录示例 Facebook网页登录相关推荐

最新文章

热门文章