Python Web Dev: Login Flask app ด้วย Google

เกริ่น...

ทุกคนจะเห็นว่าหลาย ๆ เว็บในปัจจุบันเปิดให้ใช้งานการเข้าสู่ระบบ (login) ผ่าน Facebook หรือ Google กันทั้งนั้น เหตุผลที่เราต้องทำการเข้าสู่ระบบก็เพื่อเป็นการบอกเจ้าของระบบว่า คุณเป็นใครในการใช้งานระบบนั้นๆ โดยบทความนี้จะเป็นตัวอย่างการทำการยืนยันตัวตน (Authentication) ด้วย OAuth กับ flask app แต่จะยกตัวอย่างเฉพาะของ Google นะครับ โดยจะใช้ flask-oauthlib ซึ่งเป็น library หนึ่งสำหรับการยืนยันตัวตนหากใครยังไม่ติดตั้งก็ตามนี้เลยครับ

                                                                       pip install flask-oauthlib                                                                                                            
หากใครยังไม่ติดตั้ง flask ก็ตามนี้ครับ
                                                                       pip install flask                                                                                                           
จากนั้นไปที่ หน้า dash board ของ GOOGLE API (console.developers.google.com)
เลือก Credentials > Create Credentials > OAuth client ID


จากนั้น เลือก Web application
ช่อง Name ใส่ ชื่อโครงการของเรา
ช่อง Authorized JavaScript origins ใส่ http://127.0.0.1
ช่อง Authorized redirect URIs ใส่ http://127.0.0.1/login/authorized
แล้วกด Create

จากนั้นจะมีกล่อง OAuth client เด้งขึ้นมา ให้เก็บ key ไว้


สร้างไฟล์ app.py ขึ้นมา
แก้ไข 'GOOGLE_ID' และ  'GOOGLE_SECRET' เป็น key ของตนเอง แล้วลอง run app ขึ้นมาก็จะสามารถใช้งานได้ทันที