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

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

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

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

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

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

– ดาวโหลดไฟล์ตัวอย่าง  line_logout.php  ใช้สำหรับ logout ออกจากระบบ
*** line_logout.php (20 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/

 

 13,498 total views,  20 views today

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

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

  • 09/07/2020 at 09:02
    Permalink

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

    Reply
    • 09/07/2020 at 13:39
      Permalink

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

      Reply
  • 21/01/2021 at 15:54
    Permalink

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

    Reply
    • 22/01/2021 at 10:11
      Permalink

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

      Reply
  • 23/04/2021 at 17:51
    Permalink

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

    Reply
    • 24/04/2021 at 05:46
      Permalink

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

      Reply
  • 13/05/2021 at 12:05
    Permalink

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

    Reply
    • 13/05/2021 at 14:37
      Permalink

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

      Reply
  • 16/05/2021 at 19:51
    Permalink

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

    Reply
    • 17/05/2021 at 08:49
      Permalink

      joorn46@hotmail.com
      อนุมัติให้แล้ว นะครับ เข้าไปกำหนดรหัสใหม่ได้เลยครับ

      Reply
  • 19/10/2021 at 16:21
    Permalink

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

    Reply
    • 20/10/2021 at 15:32
      Permalink

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

      Reply
      • 21/10/2021 at 15:20
        Permalink

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

        Reply
        • 21/10/2021 at 16:00
          Permalink

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

          Reply

ใส่ความเห็น

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

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