Blog · Cẩm nang LINE

Hướng dẫn LINE nâng cao | Cách tạo LIFF App từ LINE Developers

Sau khi đã thiết lập LINE Login cho LINE Official Account, lần này chúng tôi giới thiệu một tính năng quan trọng của LINE Login và cũng là tính năng đặc trưng của LINE: LIFF App. Bài viết hướng dẫn cách thêm LIFF App qua LINE Login Channel trên LINE Developers và giới thiệu ngắn gọn một số tình huống sử dụng.

Cách tạo LIFF App từ LINE Developers

Sau khi thiết lập LINE Login cho LINE Official Account, lần này chúng tôi tiếp tục giới thiệu một tính năng quan trọng của LINE Login: LIFF App, bao gồm cách thêm LIFF App và các tình huống sử dụng. Trước khi vào phần hướng dẫn, có vẻ nhiều người vẫn chưa biết LIFF App là gì, vậy hãy cùng tìm hiểu nhanh trước nhé!

‍

LIFF App là gì?

Trước hết, hãy xem định nghĩa của LINE Developers về LIFF App: LINE Front-end Framework (LIFF) is a platform for web apps provided by LINE. The web apps running on this platform are called LIFF apps.

‍

Tóm gọn lại bằng tiếng Việt:

‍

LIFF App là các web app chạy trên một nền tảng có tên LINE Front-end Framework (LIFF).

‍

Nói đơn giản hơn nữa, bạn có thể hình dung LIFF App như trình duyệt tích hợp sẵn trong ứng dụng LINE. Khi bạn bè thao tác qua trình duyệt này, LIFF App giúp doanh nghiệp lấy được thông tin LINE của người dùng, chẳng hạn user ID (tất nhiên là khi đã được bạn bè đồng ý cho thu thập dữ liệu).

Minh họa trên điện thoại: LIFF App mở ra sau khi nhấn liên kết trong LINE Official Account, giúp doanh nghiệp thu thập dữ liệu bạn bè.

‍

Cách tạo LIFF App

Đã hiểu LIFF App là gì, vậy làm sao để thêm một LIFF App? Bạn tạo LIFF App trên LINE Developers, lưu ý không phải trên LINE Official Account Manager. Nhiều người hay nhầm lẫn hai nền tảng này. Cách phân biệt đơn giản: mọi thiết lập kỹ thuật thì vào LINE Developers; tương tác với bạn bè và vận hành tài khoản thì vào LINE Official Account Manager.

Vì LIFF App nằm dưới LINE Login, bạn cần có LINE Login trước. Nếu chưa có, hãy đọc bài hướng dẫn sau:

‍

Cách tạo LINE Login từ LINE DevelopersLINE Official Account của bạn đã đến lúc cần LINE Login? Trước khi vào phần hướng dẫn thiết lập, hãy cùng tìm hiểu LINE Login là gì và dùng trong những tình huống nào.https://oakmega.com/blog/create-line-login-from-line-developersẢnh bìa phong cách công nghệ màu tím với dòng chữ “Cách tạo LINE Login từ LINE Developers”.

‍

Giờ thì cùng thêm một LIFF App nhé!

Bước 1: Đăng nhập và mở LINE Login Channel

  1. Trên trang LINE Developers, nhấn “Log in” ở góc trên bên phải và đăng nhập vào trang quản trị LINE Developers bằng LINE Business ID.

Trang chủ LINE Developers với nút “Log in” ở góc trên bên phải được đánh dấu bằng khung đỏ và mũi tên.

‍

  1. Sau khi vào LINE Developers, mở Provider tương ứng, tìm và nhấn vào LINE Login Channel mà bạn muốn thêm LIFF App.

Danh sách Channel của OakMega với LINE Login Channel được khoanh khung đỏ để chọn thêm LIFF App.

‍

  1. Trong LINE Login Channel, nhấn vào tab “LIFF” ở thanh phía trên.

Trang Basic settings của LINE Login Channel, khung đỏ và mũi tên chỉ vào tab LIFF.

‍

  1. Trong tab LIFF, cuộn xuống và nhấn “Add” để bắt đầu tạo LIFF App.

Tab LIFF trên LINE Developers chưa có ứng dụng nào, hiển thị nơi thêm ứng dụng mới.

Trang LIFF App trên LINE Developers, khung đỏ và mũi tên chỉ vào nút Add.

‍

Bước 2: Nhập thông tin

  1. Để thêm LIFF App, bạn cần nhập một số thông tin cơ bản (Basic information) theo hướng dẫn trên màn hình:

  2. LIFF app name: Chỉ hiển thị trong trang quản trị LINE Developers, bạn bè sẽ không thấy khi mở LIFF App. Hãy nhập tên thương hiệu.

  3. Size: Kích thước hiển thị khi LIFF App được mở trong LINE. Chọn “Full” để hiển thị toàn màn hình (Tall hiển thị 70%, Compact hiển thị 50%).

Trang thiết lập thêm LIFF App, nơi nhập tên thương hiệu và chọn hiển thị toàn màn hình.

‍

  1. Tiếp tục điền Basic information:

  2. Endpoint URL: Địa chỉ mà bạn bè được chuyển đến khi mở LIFF App. Nhập website chính thức của thương hiệu hoặc bất kỳ URL nào bạn muốn.

  3. Scopes: Thông tin muốn thu thập trong LIFF App. Chọn cả “profile” và “openid”.

  4. Bot link feature: Có liên kết dữ liệu bạn bè với LINE Official Account khi họ mở LIFF App hay không. Chọn “On (Normal)”.

Trang thiết lập LIFF hiển thị Endpoint URL, Scopes profile và openid cùng tùy chọn Bot link feature.

‍

  1. Tiếp tục điền phần Options:

  2. Scan QR: Không chọn.

  3. Module Mode: Bật (tùy chọn này chỉ xuất hiện khi Size được đặt là “Tall” hoặc “Compact”).

Trang thiết lập thêm LIFF App trên LINE Developers, ví dụ tắt Scan QR và bật Module Mode.

‍

  1. Điền xong, nhấn “Add” là bạn đã có LIFF App đầu tiên!

Trang thiết lập LIFF App với Scan QR tắt, Module Mode bật và mũi tên chỉ vào nút Add.

‍

  1. Sao chép LIFF URL, dán vào khung chat LINE rồi mở liên kết trên điện thoại để xem kết quả thiết lập LIFF App nhé!

Trang quản lý LIFF với LIFF URL được khoanh khung đỏ, sẵn sàng sao chép vào tin nhắn LINE để thử.

‍

Một số câu hỏi thường gặp về LIFF App

Chúng tôi tổng hợp một vài câu hỏi thường gặp khi lần đầu tạo LIFF App:

Câu hỏi 1: Thiết lập LIFF App xong, dữ liệu người dùng đã thực sự được thu thập trong trình duyệt chưa?

Giống như LINE Login, bạn cần kỹ sư điều chỉnh trang web thì dữ liệu thu thập qua LIFF App mới được đưa về máy chủ của doanh nghiệp. Chúng tôi sẽ có bài hướng dẫn chi tiết dành cho kỹ sư, hãy tiếp tục theo dõi “Cẩm nang vận hành LINE của OakMega”!

Câu hỏi 2: Vì sao LIFF App của các LINE Official Account khác có thể thu thập email?

Vì họ đã thiết lập thêm cho LINE Login, nên có thể chọn email trong mục Scopes của LIFF App để thu thập luôn địa chỉ email của bạn bè.

Chúng tôi sẽ có bài giới thiệu chi tiết về Bot link feature, hãy tiếp tục theo dõi “Cẩm nang vận hành LINE của OakMega”!

‍

Muốn biết thêm cách vận hành LINE? Muốn thu nhỏ khung hiển thị của LIFF App? Hãy ghé LINE Official Account của OakMega để tìm hiểu thêm, hoặc theo dõi “Cẩm nang vận hành LINE của OakMega” với các hướng dẫn xây dựng LINE Official Account cho thương hiệu từ con số 0.

Kết bạn ngay với LINE Official Account của OakMega để tìm hiểu thêm về vận hành LINE!

Liên hệ

Bắt đầu chuyển đổi số với AI ngay hôm nay.

Họ đã chọn OakMega