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  —> ***

***
ปล. ต้นฉบับมาจากคู่มือ https://developers.line.me/console/  นะครับ ผมไปดาวโหลดมาอีกที ไฟล์นี้ผมไม่ทำเองนะครับ คัดลอกมาอีกที มีคนแจกมาครับ  ผมก็เอามาประยุกต์ใช้ต่ออีกทีครับ
เราจะ include ไฟล์ LineLoginLib.php  เอาไปใช้งานได้เลย
ยกตัวอย่างเช่น

login_uselib_callback.php  –>  ***

***

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

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

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

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

***

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

***

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

– เปิดหน้า 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) ไฟล์ตัวอย่าง”

    • Author gravatar

      โหลดไฟล์ตัวอย่างไมไ่ด้ ครับต้องทำไง

      • Author gravatar

        รบกวน login เข้าเว็บก่อนนะครับถึงจะสามารถดาวโหลดได้ (เฉพาะสมาชิกครับ)

    • Author gravatar

      บทความเข้าใจง่ายค่ะ แต่โหลดไฟล์ตัวอย่างไม่ได้ พอไปสมัครสมาชิก ก็ขึ้นว่า “การลงทะเบียนผู้ใช้ยังไม่เปิดใช้งานในตอนนี้” ค่ะ

      • Author gravatar

        สำหรับสมาชิกเว็บ นะครับ รอผมเปิดรับสมัครรอบใหม่ วันที่ 25 มกราคม 2564 นะครับ

    • Author gravatar

      มีตัวอย่างแบบฝั่ง client side บ้างไหมครับ

      • Author gravatar

        มีครับ ทำแบบ Line Official Account ก็ได้นะให้ คนที่เข้ามาเป็นเพื่อนเชิญเข้ากลุ่ม Official Account ได้เลย ไว้ว่างๆจะมาเขียนให้อ่านนะครับ

    • Author gravatar

      โหลดไฟล์ไม่ได้ครับ เข้าสู่ระบบก็ไม่ได้ครับ

      • Author gravatar

        เข้าไปลงทะเบียนสมัครสมาชิกเว็บก่อนนะครับ

    • Author gravatar

      สมัครสมาชิกแล้ว ตอนลงเข้าใช้งานบอกรหัสผ่านผิดทั้งๆที่ใส่ถูกแล้วครับ
      และ ขอเปลี่ยนรหัสผ่านเสร็จเรียบร้อยแล้วก็ยังเป็นอีกครับ

    • Author gravatar

      ทำไม login แล้วไม่ผ่าน งง….

      • Author gravatar

        ตรวจสอบ url ของตัว call back (ในนี้ผมใช้ Heroku ครับ )

        • Author gravatar

          ผมหมายถึง login โหลดไฟล์ไม่ได้ครับ เข้าสู่ระบบก็ไม่ได้ครับ

          • Author gravatar

            เอ๋ รบกวนแจ้งผมทาง facebook ด้วยนะครับ จะได้เช็คให้ครับ

    • Author gravatar

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

      • Author gravatar

        แจ้ง email มาให้ผมด้วยนะครับ จะอนุมัติให้นะครับ ถึงจะสามารถ login เข้า blog ได้นะครับ

    • Author gravatar

      ผม Login ไม่ได้เหมือนกันครับ บอกรหัสผมผิดตลอดเลย

      • Author gravatar

        ตรวจสอบ webhook ดูนะครับ ว่ากำหนดหรือยัง หรือ url ผิดหรือเปล่าครับ

ใส่ความเห็น

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

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