LINE
[EP.2] การทำระบบ LINE Login (for web app) ไฟล์ตัวอย่าง

[EP.2] การทำระบบ LINE Login (for web app) ไฟล์ตัวอย่าง

มาต่อกันอีกนิด … ( ต่อจาก EP.1 –> [EP.1] การทำระบบ LINE Login (for web app) เริ่มต้น  )
ดาวโหลดไฟล์ต้นฉบับตามนี้นะครับ
LineLoginLib.php  —> *** LineLoginLib (79 downloads ) ***
ปล. ต้นฉบับมาจากคู่มือ https://developers.line.me/console/  นะครับ ผมไปดาวโหลดมาอีกที ไฟล์นี้ผมไม่ทำเองนะครับ คัดลอกมาอีกที มีคนแจกมาครับ  ผมก็เอามาประยุกต์ใช้ต่ออีกทีครับ
เราจะ include ไฟล์ LineLoginLib.php  เอาไปใช้งานได้เลย
ยกตัวอย่างเช่น

login_uselib_callback.php  –>  *** login_uselib_callback (64 downloads ) ***

– ให้ใส่ข้อมูล  ที่ได้จาก  https://developers.line.me/console/  ตามลูกศร เลยนะครับ
และกำหนด Callback URL

– ต่อมาก็ไปทำหน้าจอ login กับหน้าจอ logout เอาอีกที

– ตัวอย่าง login และ logout จะอยู่ด้วยกัน หรือแยกไฟล์กันก็ได้ครับ

– ดาวโหลดไฟล์ตัวอย่าง  login_uselib.php   ใช้เช็คและเข้า login  เข้าระบบ
*** login_uselib.php (66 downloads ) ***

– ดาวโหลดไฟล์ตัวอย่าง  line_logout.php  ใช้สำหรับ logout ออกจากระบบ
*** line_logout.php (61 downloads ) ***

– ต่อมาก็เปิดใช้งานดูครับ
– หลักการตามรูปภาพนี้เลย

– เปิดหน้า login
จะเข้าหน้าที่นี้ก่อน

– สามารถ login ผ่าน email หรือ จะคลิกที่  NEW QR code login ก็ได้

– แต่ถ้าเคย login ไปแล้ว ระบบจะจำค่าให้ ไม่ต้องกรอก email ซ้ำก็ได้ จะขึ้นแบบนี้

– กด Log in เข้าไปได้เลย
– จะมีหน้าจอแสดง การยินยอม permissions  ว่าเราจะแชร์ข้อมูลให้กับเว็บนี้หรือไม่ ประมาณนี้

– ก็ต้องกด Allow นะครับ
พอ login ผ่านจะขึ้นแสดงข้อมูลออกมาตามนี้นะครับ

– ก็จะแสดงข้อมูลที่เราจะเอาไปเก็บลงฐาน mysql เราได้เลย  จะได้ชื่อ  userId, displayName, pictureUrl, statusMessage   แค่นี้ก็เอาไปเข้าฐานได้แล้ว ซึ่ง userId ก็จะไม่ซ้ำกับใครแล้วละครับ

– ถึงตรงนี้ ผมคิดว่า สมาชิกก็น่าจะเอาไปต่อยอดได้แล้วนะครับ
– ดูคลิปตัวอย่างตามนี้ครับที่ผมทำไว้เป็นตัวอย่าง

– เสร็จสำหรับ  LINE Login for web นะครับ
– ต่อไป จะทำตัวอย่าง LINE Login for Android  ผมจะใช้ flutter เขียนนะครับ  ไว้ว่างๆ แล้วจะเขียนให้อ่านกันนะครับ

ขอบคุณที่ติดตาม  แล้วพบกันใหม่ครับ
ปล. ศึกษาเพิ่มเติมได้เองที่เว็บต่างๆ นี้นะครับ

https://developers.line.biz/en/docs/line-login/integrate-line-login/#making-an-authorization-request
https://developers.line.biz/console/

 

Loading

Tags :

18 thoughts on “[EP.2] การทำระบบ LINE Login (for web app) ไฟล์ตัวอย่าง

ใส่ความเห็น

อีเมลของคุณจะไม่แสดงให้คนอื่นเห็น ช่องข้อมูลจำเป็นถูกทำเครื่องหมาย *

This site uses Akismet to reduce spam. Learn how your comment data is processed.