2015年6月20日 星期六

使用parse.com Cloud Code Hosting進行Facebook登入存取 - 1

parse.comJavascript SDK中提供了使用者的存取,其中包含Facebook的整合,但Javascript終究是前端,有些不想讓client end知道的還是放在後端處理比較好。然而parse.com所提供的cloud code所使用的目前雖是node.js,會讓開發者很想直接把Javascript SDK的Facebook部分塞進去看能不能跑,乍看之下很合理,但實際上就是不行,因為以parse.com Javascript SDK在要求登入時會跳出另一個瀏覽器視窗以要求登入facebook及權限給予,而這個視窗當然沒有辦法在server end中呈現並要求client end進行認證。

在官方論壇上也有人發表過此問題:Interacting with the Facebook API in Cloud Code
所得到的回答是:
Unfortunately, the Facebook JavaScript SDK is not made to work outside of a browser, so using it directly from Cloud Code is not supported at the moment.

You can, however, get the authData from the current user in cloud code and use that to make a REST call to Facebook's graph API manually.

因此我轉而研究使用OAuth方式來登入Facebook,除了跳轉出的頁面比較美觀外(不會產生另一個瀏覽器視窗),也不用擔心暴露資訊給clent end,參考資料有這兩篇:
網站利用 Facebook 帳號登入 (使用 OAuth)
10分鐘理解OAuth和facebook登入原理
這篇以python Django framework實作,其實看code好像也蠻容易理解的:Ghetto Facebook Registration with Django

後來正當我開始打算實作時,我找到了parse-facebook-user-session,原來parse.com早就把這個寫好了,根本不用自己去寫了,只需要按照他的說明一步一步來就行了(吧)!

結果證明事情果然不是我想的這麼簡單,不管怎麼弄就是跳出209 invalid session token,花了一段時間後找到parse.com自己發的文章Session Migration Tutorial,才知道把這個選項關掉就行了,我花了這麼久到底在幹麻!

總之,關閉這個選項後就成功了,parse.com的資料庫也會成功紀錄登入過的使用者,事情完成一半,其餘的就是登入的使用者資料該怎麼讀取出來了~

UPDATE:使用parse.com Cloud Code Hosting進行Facebook登入存取 - 2

UPDATE:在GitHub上新增了範例程式:demo, GitHub

沒有留言:

張貼留言