How to Use LINE Login and LINE Message Plugin in Bubble

2 min read

Bubble là gì?

Bubble (bubble.io) là một nền tảng no-code/low-code (không cần lập trình hoặc ít lập trình) giúp bạn xây dựng ứng dụng web một cách trực quan, kéo-thả mà không phải viết code truyền thống.

Vì sao nên sử dụng bubble

  1. Dễ Sử Dụng: Bubble cung cấp giao diện kéo thả thân thiện, giúp bạn tự do sáng tạo mà không cần kiến thức lập trình.
  2. Tính Linh Hoạt Cao: Không giống nhiều nền tảng no-code chỉ hỗ trợ các ứng dụng đơn giản, Bubble cho phép bạn tạo ra các sản phẩm phức tạp với các tính năng như API, cơ sở dữ liệu và luồng công việc tHướng dẫn setup LINE với Bubbleự động.
  3. Cộng Đồng Hỗ Trợ Mạnh Mẽ: Bubble có một cộng đồng lớn, nơi bạn có thể tìm kiếm lời khuyên, giải pháp hoặc học hỏi từ những người đã thành công

Hướng dẫn setup LINE với Bubble

1. Tạo LINE Messaging API Channel

Đầu tiên bạn cần tạo 1 account trên LINE Developers Console (https://developers.line.biz).
Sau đó tạo 1 provider và 1 channel mới cho LINE login

Ở phần providers trên LINE, chúng ta cần lấy 1 số thông tin quan trọng như : Channel ID, Channel Secret, Channel Access Token.

2. Config Redirect URL

Trong LINE Developers Console, chúng ta cũng cần config URL chuyển hướng mà người dùng sẽ được chuyển hướng sau khi đăng nhập bằng LINE bằng cách điểm cuối đăng nhập hoặc xác thực của ứng dụng Bubble vào một trong các URL chuyển hướng.

3. Config LINE login trong Bubble

Trong phần Bubble Editor, chọn “Settings” > “API” > “OAuth”, sau đó hãy điền các thông tin như trong ảnh ở dưới đây dựa trên những thông tin mà bạn đã có ở bước 1 và bước 2

Sau khi hoàn thành ba bước trên, từ đây ta có thể tạo được 1 workflow đơn giản cho phần login trong bubble app với LINE như sau

Ở phần workflow, tạo 1 action sign in đơn giản với oauth provider là LINE login

Tiếp theo bạn có thể test được chức năng trên bằng cách nhấn nút preview ở góc bên phải, giao diện đơn giản với button sẽ được hiện lên, sau khi nhấn button nếu giao diện của Line login hiện lên và bạn quét mã bằng LINE app thành công, thì có nghĩa là việc config login with LINE của chúng ta đã hoàn thành

Kết luận

Việc triển khai LINE Login trên nền tảng Bubble giúp hệ thống hỗ trợ đăng nhập bằng tài khoản LINE thông qua giao thức OAuth 2.0, đảm bảo bảo mật và tính xác thực cao.

Sau khi hoàn tất, ứng dụng có thể tự động đồng bộ dữ liệu người dùng (user ID, tên, avatar) vào cơ sở dữ liệu Bubble.
Tổng thể, việc tích hợp này giúp đơn giản hóa đăng nhập, nâng cao trải nghiệm người dùng, và tăng tính tương thích với hệ sinh thái LINE.

Các bạn có thể tham khảo thêm tại

Avatar photo

Leave a Reply

Your email address will not be published. Required fields are marked *