line-liff-patterns

id	SKL-line-LINELIFFPATTERNS
name	Line Liff Patterns
description	LINE LIFF (LINE Front-end Framework) enables building web apps that run within the LINE app, with direct access to LINE APIs like profile, share messages, and send messages to chat. This is critical f
version	1.0.0
status	active
owner	@cerebra-team
last_updated	2026-02-22
category	Backend
tags	["api","backend","server","database"]
stack	["Python","Node.js","REST API","GraphQL"]
difficulty	Intermediate

Line Liff Patterns

Skill Profile

(Select at least one profile to enable specific modules)

• DevOps
• Backend
• Frontend
• AI-RAG
• Security Critical

Overview

LINE LIFF (LINE Front-end Framework) enables building web apps that run within the LINE app, with direct access to LINE APIs like profile, share messages, and send messages to chat. This is critical for the Thai market where LINE is the dominant platform.

Why This Matters

• Thailand #1: LINE has 50M+ users in Thailand
• Native Experience: Web apps run seamlessly within LINE
• Rich Features: Access LINE APIs, share, payments
• No App Install: Users don't need to install a separate app

---

Core Concepts & Rules

1. Core Principles

• Follow established patterns and conventions
• Maintain consistency across codebase
• Document decisions and trade-offs

2. Implementation Guidelines

• Start with the simplest viable solution
• Iterate based on feedback and requirements
• Test thoroughly before deployment

Inputs / Outputs / Contracts

• Inputs:
  • LIFF ID from LINE Developers Console
  • Channel ID and Channel Secret
  • Access Token for LINE Messaging API
• Entry Conditions:
  • LINE Developer account
  • LIFF app created in LINE Developers Console
  • Callback URL configured
• Outputs:
  • User profile data
  • Access tokens for API calls
  • Flex messages for rich content
• Artifacts Required (Deliverables):
  • LIFF client implementation
  • React hooks and providers
  • LINE login backend routes
  • Flex message templates