[笔记] Google, Facebook, Github OAuth 认证设定申请

章节连结

方前在网页开发时,说要做个使用者登入接口串接,那最方便的选择非 OAuth 2 的技术了。不过 Google, Facebook 和 Github 的设定页面有些难寻,于是在这边笔记一下。

verification oauth


OAuth2 申请页面

Facebook

开发者首页:https://developers.facebook.com/

首先,点选右上角的“我的应用程式”里的“建立应用程式”。然后输入应用程式名称和Email,然后点选“建立”。
facebook oauth setting start
接着会进入到应用程式的仪表板,点选左边的设定,并点开里面的基本资料。在这边你可以得到应用程式的编号和密码(请勿将这两组资料放在网络上供他人下载或得知。)
facebook oauth setting若要实作登入功能,点选左下角的“Facebook”登入,里面的设定选项,并在里头输入 Callback 的网址。不过这 Callback 的网址,有一定的要求如下:
1. Facebook 目前采取严格的 callback 网址格式 <your domain>/auth/facebook/callback
如:https://www.yourdomain.com/auth/facebook/callback。当 callback 的格式不对,那么 Facebook 就不会回传授权成功的指令。
2. Localhost 本机端的认证 callback 网址,只要符合格式即可。 Facebook 并不会储存 localhost 的设定值,而是默认它只要符合格式就可以过关。facebook oauth设定,github developer settings,Guide,HTML,JavaScript,selfStudyProgrammingRecord


Github

身为开发员常用的 Github,OAuth 的应用程式设定是在个人的设定页面左下角,有一个 Developer Setting。
github oauth setting developer点选 OAuth Apps,并建立一个 New OAuth App。
github oauth setting apply

输入应用程式名称、Homepage 的 URL、Callback 的网址,这样就可以取得授权了。
github oauth setting 2点选左下角的 Register Application 后,你可以看到 Client ID 和 Secret 。一样的,请勿在网络上公布这些资料。
github oauth setting


Google

开发者首页:https://cloud.google.com/
若无专案,请先开启一个新专案。google oauth setting

点选左方的导览选单内,你可以找到“凭证”选项。
google oauth setting 2接着,你会看到 OAuth 同意画面,并在里面填入相关的设定:主要是在“已授权网域”这边,填入 Domain 的位置即可,/后方的资讯都不用输入。facebook oauth设定,github developer settings,Guide,HTML,JavaScript,selfStudyProgrammingRecordgoogle oauth setting callback


按赞加入粉丝团

延伸阅读