在解決了火山爆發般的維護需求後,新專案的開發文件也來了
由於前公司是沒有SD的,所以是由SA大致跟你講解一下系統需求跟規格
然後當時負責寫code只有我跟隔壁桌的前同事兩個人(比我早進公司三個月)
因為是傳產公司所以主管永遠有開不完的會
我們倆菜鳥只好硬著頭皮弄一套自己的開發流程,再跟主管討論好壞與否
幸好主管也是技術底子的,不然真不知道我們倆會留下多少可怕的技術債
一開始進入新專案的新手任務主要是以下內容
因為API端還沒有開發完成,所以是以常見的先建一些寫死的資料測試
後續等到API開發完成後再串接API的資料,避免掉因為沒資料導致頁面只剩一堆空白元件
因為專案中會用到第三方登入(Google跟Facebook登入)
所以找了很多OAuth 2.0的資料學習,也個別申辦了測試的帳號嘗試串接
今天這篇
簡單講解一下當時串接FB第三方登入的流程跟概念
你得先去FB的應用程式的設定裡面取得應用程式ID (App-ID)
透過以下這段URL
https://www.facebook.com/v2.10/dialog/oauth?
client_id={app-id}
&redirect_uri={redirect-uri}
上面的redirect_uri是你想要FB授權完轉去你指定的哪個網址
授權成功FB會給你一段Code,你還得用這段Code透過底下的Url取回access_token (Get)
https://graph.facebook.com/v2.10/oauth/access_token?
client_id={app-id}
&redirect_uri={redirect-uri}
&client_secret={app-secret}
&code={code-parameter}
這裡的client-secret是你FB應用程式設定裡的應用程式密鑰
code-parameter當然是前面Oauth回傳給你的那段Code
成功的話你設定的redirect_uri中就會取得access token跟expires時間
你就可以使用access token去取得使用者的Facebook資訊
用他的FB資訊做註冊的動作,然後將部分資料存到你公司的資料庫
下次他使用FB登入時就只需要取出DB資料跟FB回傳資訊做一個比對確認
結尾補充說明一下
FB的串接方式我參考了至少3篇文章
大致上都差不多,不過各路大神的文章寫法多少會有些出入
我個人看技術文習慣是我會看個兩三篇內容然後交叉比對一下做法
SA(System Analyst-系統分析師)
SD(System Designer-系統設計師)
(故事以虛擬描繪事實,如有雷同實屬巧合)