[javascript]聯外通應用..part1

摘要:[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>