東之宿_開發日誌-7(Facebook 登入)

DAY 6

東之宿_網站開發系列第 6 篇

php 分享工作職場鐵人賽 it人生鐵人

SunAllen

2013-10-07 02:11:16

14799 瀏覽

分享至

太陽為了要讓使用者能用Facebook做為登入網站的會員帳號，在測試許久之後，這個功能完成了。
太陽為了要讓使用者能用Facebook做為登入網站的會員帳號，在測試許久之後，這個功能完成了。使用Facebook帳號做為登入帳號的流程，大概就像太陽在筆記本畫的這兩張圖一樣。

如果要使用Facebook做為會員帳號認證機制，那必需先到Facebook Developers成立一個應用程式，並且拿到兩組不同的key，分別是APP_ID和APP_SECRET_KEY。

申請的建立新網頁程式和取得Key的畫面如下：

在取得這個Key之後，就要開始準備資料庫的部份了，資料庫的資料表，有幾個重要的欄位。

CREATE TABLE IF NOT EXISTS `users` (
  `id` int(11) NOT NULL AUTO_INCREMENT,  ---會員流水號ID
  `oauth_uid` varchar(200) DEFAULT NULL,   ---從Facebook 取回的uid
  `username` varchar(100) DEFAULT NULL,   ---從Facebook 取回的使用者名稱
  PRIMARY KEY (`id`)
);

此外，在SDK方面，需要準備的檔案有Facebook PHP SDK，下載的位置在[ Facebook for Web Developer](s https://developers.facebook.com/docs/web/)，目前提供出來的SDK有Java Script, PHP, Ruby, Node.js和C#，如下圖的所示。至於，太陽為什麼要用PHP SDK? 因為...他還看的懂一些些PHP。

接下來要準備的，就是如何取得Facebook的uid和使用名稱了，這種寫法有很多種，太陽最常用的是下面這一種。

<?php
require 'facebook/facebook.php';
require 'config/fbconfig.php';
require 'config/functions.php';
$facebook = new Facebook(array(
            'appId' => APP_ID,
            'secret' => APP_SECRET,
            ));
$user = $facebook->getUser();
if ($user) {
  try {
    $user_profile = $facebook->api('/me');
  } catch (FacebookApiException $e) {
    error_log($e);
    $user = null;
  }
    if (!empty($user_profile )) {
      $username = $user_profile['name'];
       $uid = $user_profile['id'];
      $user = new User();
     $userdata = $user->checkUser($uid, $username);
        if(!empty($userdata)){
            session_start();
            $_SESSION['uid'] = $uid;
            $_SESSION['userame'] = $userdata['username'];
            //header("Location: ../desktop.php");
            echo "<script>history.back()</script>";
              }
    } else {
           die("There was an error.");
    }
} else {
      $login_url = $facebook->getLoginUrl(array( 'scope' => 'email'));
    header("Location: " . $login_url);
}
?>

整個設計的重點程序如下：

1.需在Facebook Developers建立一個WEB APP，做網站登入用。
2.準備對應的資料表和欄位。
3.準備PHP SDK。
4.將相關程式準備完畢。
5.測試。

太陽在準備這個功能時，女王問了他一個問題。

「你為什麼沒有經過臉書同意，就可以取得別人的什麼ID?」

太陽想了想，沒多說話，打開電腦裏的瀏覽器，進入到這一頁 https://www.facebook.com/settings?tab=applications ，臉書的應用程式設定，太陽將上面的文字，唸給女王聽...

『只要，妳有用Facebook或使用Facebook裏面的各種應用程式，妳的大頭貼、朋友、暱稱、用戶ID(uid)，都是可以被公開取得的。』

女王聽完後，楞了一下「原來如此。」