line-logo
สิ่งที่ควรรู้เบื้องต้น
ตั้งค่าพื้นฐาน
ฟีเจอร์บัตรสมาชิก
ฟีเจอร์สะสมแต้ม
ฟีเจอร์คูปอง
เชื่อมต่อกับระบบอื่น
จัดการ Workspace

เชื่อมต่อกับ Line OA

การเชื่อมต่อกับ Line Official Account (Line OA) โดยให้ระบบ Privage สามารถใช้งานร่วมกับ Rich menu ของ Line OA และสามารถ Login with Line ได้โดยไม่ต้องกรอก Password ซ้ำได้นั้น มีขั้นตอนดังนี้

  1. สร้าง Line Developer Account
  2. สร้าง Provider ใน Line Developer Account
  3. สร้าง Channel ใน Provider
  4. สร้าง LIFF ใน Channel
  5. นำ LIFF ID ไปสร้าง App ใน App-Connect ใน Privage เพื่อเชื่อมต่อกับ Line OA
  6. นำ LIFF URL ไปสร้าง Rich menu ใน Line OA Back-office
  7. กด Publish channel Line developer เพื่อสิ้นสุดขั้นตอน

สร้าง Line Developer Account

เข้า Link https://developers.line.biz/

เลือก Console หรือ Login ทางขวาบน เพื่อ Login ด้วย Line เพื่อเข้า Line developer account

สร้าง Provider ใน Line Developer Account

เลือก Create Provider เลือกประเภทเป็น Line Login

โดยกรอกข้อมูลดังนี้

  • Channel type: Line Login
  • Provider: ชื่อบริษัท/ ชื่อบุคคลตัวเรา
  • Region: Thailand

สร้าง Channel ใน Provider

ในหน้าเดียวกันกับขั้นตอนการสร้าง Provider จะสามารถ Channel แรกได้เลย โดยกรอกข้อมูลที่จำเป็นดังนี้

  • Channel name: ตั้งเป็นชื่อแบรนด์
  • Channel description: รายละเอียดแบรนด์นั้น
  • App types: เลือก Web app
  • Email address: อีเมล์ที่ใช้ประสานงาน

โดยข้อมูลเหล่านี้จะแสดงใน Line เมื่อขอ Permission ในการ Login with Line กับลูกค้า ดังนั้นจึงควรใส่ Logo ของแบรนด์ด้วย เพื่อสร้างความน่าเชื่อถือ นอกนั้นสามารถเติมข้อมูลหลังจากนี้ได้

เมื่อสร้างเสร็จ จะได้ Provider ที่มี Channel แรกอยู่ภายในดังนี้


สร้าง LIFF ใน Channel

เมื่อเข้าไปใน Channel จะพบกับ Menu LIFF เข้าไปและกด Add LIFF Application

โดยกรอกข้อมูลดังนี้

  • LIFF app name: กรอกคำว่า Member
  • Size: เลือก Full
  • Endpoint URL: กรอก URL https://member.privageapp.com/(workspace id)/member หรือ Copy url ได้จาก View customer site ใน Back-office
  • Scopes: เลือก profile
  • Bot link feature: เลือก Off

จากนั้นกดบันทึก จะได้ LIFF ID และ URL ออกมา โดยให้สร้างทั้งหมด 3 อัน ที่มี Endpoint ต่างกันดังนี้

  • Member ใช้ https://member.privageapp.com/(workspace id)/member
  • Wallet ใช้ https://member.privageapp.com/(workspace id)/wallet
  • Login ใช้ https://member.privageapp.com/(workspace id)/login


นำ LIFF ID ไปสร้าง App ใน App-Connect ใน Privage

เข้าไปใน Dashboard › App-Connect › Install apps ใน Back-office เลือก Add Install App

โดยกรอกรายละเอียดดังนี้

  • App id: 1
  • Name: LINE OA
  • Slug: line-oa
  • Description: กรอกอะไรก็ได้
  • Type: Login
  • Version: v1.0
  • Choose: is active
  • Meta: {"verify_url": "https://connect-loa.privageapp.com/verify"}
  • Params: null
  • Config: [{"id": 1, "key": "/login", "value": "LIFF ID ของ Login ที่สร้างไว้"}, {"id": 2, "key": "/member", "value": "LIFF ID ของ Member ที่สร้างไว้"}, {"id": 3, "key": "/wallet", "value": "LIFF ID ของ Wallet ที่สร้างไว้"}]

ตรวจสอบความถูกต้องอีกครั้ง กดบันทึก จะได้ App Connect ชื่อ Line OA ออกมา


นำ LIFF URL ไปสร้าง Rich menu ใน Line OA Back-office

เข้า Link https://manager.line.biz/

โดย Login เข้าไปใน Line OA Back-office ที่ต้องการนำ LIFF URL ที่เราสร้างเมื่อสักครู่ไปเชื่อมกับ Rich menu เลือก Chat screen > Rich menus

จากนั้นสร้าง Rich menu อย่างน้อยขึ้นมา 1 อัน โดยกรอกรายละเอียดดังนี้

  • Title: ชื่อ Rich menu กรอกเป็นอะไรก็ได้
  • Display period: เลือกวันเริ่มต้น สิ้นสุด หากไม่มีการเปลี่ยนบ่อยให้ใช้เป็น 5 ปีเลยก็ได้
  • Menu bar label: เลือก Menu
  • Default behavior: เลือก Shown
  • Action type เลือกเป็น Link จากนั้นให้นำ LIFF URL ที่สร้างไว้ใน Line Developer Account มากรอก

ในขั้นตอนนี้หากต้องการแยก Rich menu ระหว่าง Wallet กับ Member ให้นำ LIFF URL ที่เราสร้างแยกกันไว้แล้วมากรอกแยก Rich menu กัน


กด Publish channel Line developer เพื่อสิ้นสุดขั้นตอน

กลับเข้าไปยัง developers.line.biz อีกครั้ง เลือก Channel ที่เรา setup ไว้ก่อนหน้า บริเวณบนสุดข้างชื่อ Channel จะมีคำว่า "Develop" ให้คลิ๊กเพื่อเปลี่ยนเป็น "Published" ตามรูป

สมัครใช้งานฟรี