欢迎来到元素模板ys720.com,本站提供专业的织梦模板PBOOTCMS模板网站模板网站修改/网站仿站
当前位置:主页 > 程序教程 > 其他教程 >
其他教程

facebook js sdk 登录 实例代码

(元素模板) / 2022-10-16 10:51
facebook的 js  sdk  实例代码
可以使用 js 来实现登录

<!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="/static/libs/jquery/jquery.min.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"></head>

<body>
    <script>
	var client_id="39251408888888";//示例参数
 
	var redirect_uri="自己回调网址";//获取Facebook用户信息后回调地址,客户服务器的链接(此处为示例)
	
		// This is called with the results from from FB.getLoginStatus().
		function statusChangeCallback(response) {
			var code = getUrlParam("code");
			console.log("response1="+JSON.stringify(response));
	 
				window.location.href="https://www.facebook.com/v15.0/dialog/oauth?client_id="+client_id+"&redirect_uri="+redirect_uri+"&state=";
		 
		}
		
		// 初始化FB
		window.fbAsyncInit = function () {
			FB.init({
				appId: client_id,
				cookie: false,  // enable cookies to allow the server to access
				xfbml: true,  // parse social plugins on this page
				version: 'v15.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=v15.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>

Copyright @ 2013-2021 元素模板 www.ys720.com All Rights Reserved. 版权所有 元素模板 www.ys720.com