摘要:[javascript]聯外通應用..part1
誰說沒高手就打不出來呢...
這是javascript版...只是把英文的一些程式碼應用在這!!讓自己看得懂.....
講解:如果看得懂PHP的就自己上官網去看PHP版..因為我真的看不懂PHP
這個部分是因為我需要使用者的UID來記錄其他資料不見得需要!!但JAVASCRIPT和ASP.NET溝通上還算OK
所以我選擇用這個辦法
主要是判斷是否登入FB及受與應用程式權限
及導入到登入頁面
程式碼A....
<head>
<title>My Great Website</title>
</head>
<body>
<div id="fb-root"></div>
<script src="http://connect.facebook.net/en_US/all.js">
</script>
<script>
//這段必須的..是自己測試時發現沒有他這個宣告下面都不會跑!!
FB.init({
appId:'appid', cookie:true,
status:true, xfbml:true
});
//下面這個FUNCTION是看有沒有登入有的話你看要做蝦米,沒有的話就強迫她登入
FB.getLoginStatus(function(response) {
if (response.session) {
// logged in and connected user, someone you know
alert('Hello');
} else {
// no user session available, someone you dont know
//location.replace("http://bobtest.rojo.tw/conn/ddd.html");
FB.login(function(response) {
if (response.session) {
if (response.perms) {
// user is logged in and granted some permissions.
// perms is a comma separated list of granted permissions
} else {
// user is logged in, but did not grant any permissions
//當沒有答應讓你存取某些功能例如:姓名,MAIL,朋友清單之類的時候你要讓他答應的視窗跑出
//下面這串就是跑到讓她答應的網址!!後面要接蝦米讓她答應的清單
//https://www.facebook.com/dialog/oauth?client_id=YOUR_APP_ID&redirect_uri=YOUR_URL&scope=email,read_stream
}
} else {
// user is not logged in
}
}, {perms:'read_stream,publish_stream,offline_access'});
}
});
//下面就是抓資料
FB.api('/me', function(user) {
if(user != null) {
var image = document.getElementById('image');
image.src = 'http://graph.facebook.com/' + user.id + '/picture';
var name = document.getElementById('name');
name.innerHTML = user.name
var name = document.getElementById('uid');
name.innerHTML = user.id
var email= document.getElementById('email');
email.innerHTML = user.email
}
});
</script>
<div align="center">
<img id="image"/>
<div id="name"></div>
<div id="uid"></div>
<div id="email"></div>
</div>
</body>
</html>