首頁 > 碎碎唸 > 用 Facebook 登入

用 Facebook 登入

2016年9月30日 發表評論 閱讀評論

這個facebook登入,不是那個臉書輸入的登入,是這個輸入臉書的那個的登入。就是不用登入,然後用那個登入。反正就是登入。好~ 就這樣~

要寫一個東西,要身份確認,試用時下常見的臉書登入。

ㄜ~ 不是登入臉書,是用臉書登入,ㄟ~ 所以也要登入臉書,才能登入~~

=..=

其實就是利用臉書這個公用大家承認的系統帳號,透過臉書幫我們透過帳號做身份核實的動作。現在也有人用Google登入。

東西說難不難,首先要取得幾樣東西

  1. 一個可以放網頁的空間
  2. 必須要有一個公開可用的網址
  3. 申請 臉書開發長帳號
  4. 會一點點程式

第1,2項很簡單,買台 NAS 就可以搞定。架好NAS,開通DDNS,搞定!

第3項也不太難,連上 https://developers.facebook.com/ ,填個資料,不到五分鐘就可以取得一個開發者帳號。

得到一個開發者帳號後,首先要先設定自己要開發的東西,這邊可以開發軟體,像是我們在臉書上常用的心理測驗等等,我們今天只是要一個簡單的身份登入。

所以我們要點選的是『Facebook登入』。

進入後,看一下簡單的說明,最後會有一個 新增『Facebook 登入』的按紐。點入之後,會詢問你要建立的系統在哪個平台,可以選在手機或是網站。如果是手機,當然就得有手機的開發平台,而,因為我是要在網站上執行,所以我點選了『網站或行動版網站』。

點選進去後會有一個Javascript的範例,這個就可以把範本複製到自己的空間,文件全中文,所以,記得文件要看仔細,該申請的要申請,該開檔的就跟著開檔,範例程式有些字串要更動,設定好程式編號、跟密鑰。大概需要五分鐘就可以完成。

接著,你就會有一個用Javascript的登入過程。簡單,又很有成就感。

可是!!! 我的問題來了,我對PHP比較熟,我很多資料其實還是得透過主機上的一些程式、資料庫來執行。是否可以用 php 來跑呢???

當然是可以啦!!在最上面找到『文件』,點進去就可以找到所有開發的文件,可以找一下 PHP SDK。

Facebook 很貼心的給了使用者入門的說明,並且有全中文的文件。連結如下:

https://developers.facebook.com/docs/php/gettingstarted

範例的 login 程式,一樣得將開發程式的程式編號、密鑰、軟體版本加進去。前後說明記得要看一下。如果像我一樣是用NAS在搞,大概得手動安裝,所以,請一定要小心安裝的位置。下載回來的壓縮檔解開後,不是整個就拉進目錄,只有Library才需要被放進去網頁空間,而,Library的位置,跟引用時的路徑指引千萬要小心,才不會一開始就錯很大繞很多冤枉路。

如果有寫過php session的人,應該就會知道session_start()的用法,這部份如果不熟,可能得先瞭解一下使用session或cookie上的限制。記得一定要有session的設定才會真的啟動。

大概到這邊就可以能有輸入完成的程式了。

接下來登入完後,要得到登入資料,才能在我們的程式裡完成我們需要的動作,這部份,就需要去瞭解 Graph API。記得一點,就是要取用使用者的資料,第一,要有使用者的id,第二,要有使用權限,所以要靠accesstoken。這部份,可以透過API裡的文件跟範例程式去瞭解,算是要有些耐心去試,應該花些時間就可以有所收穫。

大致上,我花了四天才把上面這些弄懂,會有這篇跟上一篇php設定,就是要讓我之後忘了時,能快速節省時間。我卡最久就是Libary的位置,後來是修改了nas上PHP的錯誤訊息顯示。接著,我又被 try/cache上的內部變數引用不到,害我一直取不到api在資料傳遞的accesstoken。攪定之後,已經可以抓取使用者登入後的相關資訊了,接下來就是利用這些資料做些簡單的應用。

Categories: 碎碎唸 Tags: ,
  1. 目前尚無任何的評論。