Initial Setup

วิธีการเชื่อมต่อ LINE Login กับระบบ Little Help Connect

วิธีการตั้งค่าและเชื่อมต่อ LINE Login กับ Little Help Connect จะช่วยให้ธุรกิจสามารถสร้างประสบการณ์ที่ง่ายและสะดวกสบายให้กับผู้ใช้

วันที่เผยแพร่ : 12 พฤศจิกายน 2567

 

      การเชื่อมต่อ LINE Login กับ Little Help Connect ช่วยเพิ่มความสะดวกให้ลูกค้าสามารถใช้บัญชี LINE ในการเข้าถึงและรับบริการของธุรกิจได้ง่ายขึ้น ในบทความนี้จะแนะนำขั้นตอนการเชื่อมต่อ LINE Login กับระบบ Little Help Connect เพื่อให้ผู้ดูแลระบบสามารถตั้งค่าได้อย่างรวดเร็วและมีประสิทธิภาพ

1. สร้าง LINE Login Channel

ขั้นตอนที่ 1: ให้คุณเข้าไปที่ LINE Developers และเลือกผู้ให้บริการ (Provider) โดยผู้ให้บริการที่คุณเลือกควรเป็นผู้ให้บริการเดียวกับที่คุณใช้สร้าง Messaging API

 

      โปรดตรวจสอบให้แน่ใจว่าคุณสร้าง Messaging API และ LINE Login ภายใต้ผู้ให้บริการเดียวกัน หากคุณใช้ผู้ให้บริการที่แตกต่างกัน คุณจะไม่สามารถจัดการเพื่อนของคุณได้อย่างเหมาะสม

 

ขั้นตอนที่ 2: ต่อมาให้คุณทำการคลิกที่ Create New Channel จากนั้นระบบจะแสดงหน้า pop-up ขึ้นมา ให้คุณเลือก LINE Login

ll12

 

ขั้นตอนที่ 3: กรอกข้อมูลในทุกช่องที่จำเป็นเพื่อสร้าง LINE Login Channel รายการด้านล่างนี้ คือ ส่วนที่ผู้ใช้จะมองเห็น โดยปกติแล้วให้ตั้งชื่อและไอคอนเหมือนกับที่ตั้งไว้ในบัญชี LINE Official เว้นแต่จะมีกรณีพิเศษ

ll13

  • Channel Icon

  • Channel Name

  • Channel Description

      โปรดเลือก Web App สำหรับ Add Type และในส่วนของ URL นโยบายความเป็นส่วนตัวและ URL เงื่อนไขการให้บริการเป็นตัวเลือก ไม่จำเป็นต้องกรอก

 

ขั้นตอนที่ 4: สุดท้าย ให้คุณยอมรับข้อตกลงสำหรับ LINE Developers และคลิกที่ปุ่ม Create 

ll14

 

2. เชื่อมต่อกับ Little Help Connect

ขั้นตอนที่ 1: เข้าสู่ระบบบัญชี Little Help Connect ของคุณ

 

ขั้นตอนที่ 2: เชื่อมต่อ LINE OA กับระบบ Little Help Connect ของคุณให้เรียบร้อย

 

ขั้นตอนที่ 3: จากนั้นให้คุณไปที่เมนู Channels และคลิกที่ LINE Official Account แล้วเลือกบัญชีที่คุณเชื่อมต่อ

ll3

 

ขั้นตอนที่ 4: เมื่อเลือกบัญชี LINE OA แล้ว ให้คุณไปที่เมนู Settings

ll4

 

ขั้นตอนที่ 5: จากนั้นให้เลื่อนหน้าการจัดการลงมาที่หัวข้อ LINE Login

ll5

เมนู "LINE Login" จะไม่ปรากฏสำหรับลูกค้าที่ใช้แผน Free ของ LITTLE HELP CONNECT

 

ขั้นตอนที่ 6: ให้คุณกลับไปที่ LINE Developers และเลือก LINE Login channel ที่สร้าง

 

ขั้นตอนที่ 7: ทำการคัดลอก  Channel ID และ Channel Secret มาวางใน LINE Login ของระบบ Little Help Connect 

ll6

 

ขั้นตอนที่ 8: จากนั้นคัดลอก Callback URL ใน Little Help Connect 

ll7

มาวางใน LINE Login Settings และไปที่ Callback URL ของ LINE Developers

ll15

 

3. (Optional) การตั้งค่าเพื่อรับ Email Addresses ของเพื่อน

 

      การตั้งค่านี้จะต้องทำหากคุณต้องการรับที่อยู่อีเมลที่เพื่อนของคุณได้ลงทะเบียนไว้กับ LINE ผ่าน Custom QR Code
      หากคุณไม่ต้องการรับที่อยู่อีเมล กรุณาข้ามไปที่การตั้งค่าถัดไป 4. การตั้งค่า LIFF App

 

ขั้นตอนที่ 1: ให้คุณเปิด Get LINE Friend Email Address และทำการคัดลอก LINE Login Sample Page

ll8

 

ขั้นตอนที่ 2: วางลิ้งก์ที่คัดลอกบนหน้าเว็บ Browser ใดก็ได้ แล้วทำการบันทึกภาพหน้าจอที่แสดงบนหน้าเว็บ

ll9

 

ขั้นตอนที่ 3: กลับไปที่ LINE Developers แล้วเลือก Channel Basic Settings

 

ขั้นตอนที่ 4: คลิกปุ่ม Apply ที่อยู่ภายใต้ Email Addresses permission

ll16

 

ขั้นตอนที่ 5: ให้คุณเลือกในช่องที่ระบุว่าคุณยอมรับข้อกำหนดและเงื่อนไข จากนั้นอัปโหลดและบันทึกภาพหน้าจอของ "หน้าแสดงตัวอย่าง LINE Login" ที่คุณได้รับ

ll17

 

ขั้นตอนที่ 6: สุดท้าย ในหน้าการจัดการเดียวกัน ให้คุณเลือกบัญชี LINE Official ที่ต้องการเชื่อมต่อในส่วน Linked Bots ซึ่งจะเป็นการเสร็จสิ้นการตั้งค่าการเชื่อมต่อ

 

4. การตั้งค่า LIFF Application

      เป็นการที่หลังจากสแกน Custom QR Code แล้ว ให้ตั้งค่า LIFF application ให้เปิดในเบราว์เซอร์ของแอป LINE

 

ขั้นตอนที่ 1: ไปที่หน้า LINE Login ใน LINE Developers เลือกเมนู LIFF แล้วคลิกที่ Add

ll19

 

ขั้นตอนที่ 2: กรอกข้อมูลของ LIFF app ของคุณ ชื่อของ LIFF app คือส่วนที่ผู้ใช้จะเห็น โดยปกติแล้วให้ตั้งชื่อเหมือนกับที่ตั้งไว้ในบัญชี LINE Official เว้นแต่จะมีกรณีพิเศษ และกำหนดขนาดเป็น Compact

l1

 

ขั้นตอนที่ 3:  สำหรับ LIFF Endpoint URL ใน LIFF

l2

ให้วางค่าที่คัดลอก LIFF Endpoint URL จาก LITTLE HELP CONNECT

ll10

 

ขั้นตอนที่ 4: สำหรับ Scope ให้เลือกในช่องของ profile , email และ OpenID ในส่วนของฟังก์ชันการเชื่อมต่อบอทให้เลือก On (Aggressive) หลังจากตั้งค่าครบแล้ว คลิกปุ่ม Add

l3

ขั้นตอนที่ 5: ระบบจะออก LIFF URL ให้ คุณสามารถคัดลอก URL นั้นได้

l4

และนำมาวางที่ Little Help Connect

ll11

 

ขั้นตอนที่ 6: สุดท้าย ให้คุณคลิกที่ Save ใน Little Help Connect

 

5.  การเปิดใช้งาน LINE Login Channel

      เมื่อการตั้งค่าทั้งหมดเสร็จสิ้น ให้เปิดใช้งาน LINE Login Channel โดยคลิกที่ปุ่ม Developing ที่ด้านบน แล้วจะมีหน้าต่างป๊อปอัพปรากฏขึ้นให้คลิกที่ปุ่ม Publish จากนั้นการตั้งค่า LINE Login เสร็จสมบูรณ์แล้ว

ll18

 

 

ที่มา Knowledge Base : Initial setup for custom QR code feature