LINE OA Flex Broadcast Manager

เจ้าของผลงานเล่าไว้แบบนี้

https://kma-line-flex.vercel.app # LINE OA Flex Broadcast Manager (`kma-line-flex`) ระบบ Web Application สำหรับสร้าง ทดสอบ และส่งข้อความผ่าน **LINE Official Account Messaging API** โดยใช้สถาปัตยกรรม **Structured Message Builder + Template System + AI Content Assistant** ## 🚀 Key Features 1. **7 Message Formats Supported:** - **TYPE 01 — Text Message:** ข้อความธรรมดาความยาวสูงสุด 5,000 ตัวอักษร - **TYPE 02 — Single Image:** ภาพโปรโมชั่นเดี่ยวความละเอียดสูง (HTTPS) - **TYPE 03 — Imagemap Studio:** ภาพเดียวรองรับหลายพื้นที่คลิก พร้อม **Visual Canvas Editor** (ลากกรอบบนภาพเพื่อกำหนด Click Area อัตโนมัติ ปรับสเกลตามมาตรฐาน LINE 1040px) - **TYPE 04 — Flex Single Card:** การ์ดเดี่ยวพร้อมรูปหลัก, Badge โปรโมชั่น, ราคาลด, และปุ่ม CTA - **TYPE 05 — Flex Carousel:** แคตตาล็อกสินค้าแบบเลื่อนสไลด์ (1-12 การ์ด) รองรับการเพิ่ม ทำสำเนา ลบ และจัดลำดับ - **TYPE 06 — Campaign Hero + Product Carousel:** ชุดข้อความแบนเนอร์ใหญ่ตามด้วยรายการสินค้า - **TYPE 07 — Mixed Message Builder:** จัดบล็อกข้อความอิสระได้สูงสุด 5 บล็อก 2. **Core Architectural Principle:** - ห้ามไม่ให้ AI สร้าง Flex JSON โดยตรง แต่ใช้ AI เป็น **Content Assistant** ในการแปลงข้อความเป็น Structured Data - การสร้าง JSON ทั้งหมดประมวลผลผ่าน **Modular TypeScript Renderers** (`renderText`, `renderImage`, `renderImagemap`, `renderFlexCard`, `renderFlexCarousel`, `renderHeroCarousel`, `renderMixedMessage`) 3. **Interactive Mobile Live Preview:** - จำลองหน้าจอห้องแชต LINE Mobile เสมือนจริง พร้อมการเลื่อน Swipe Carousel และคลิกดูรายละเอ

โดย mstackhub · ดูโพสต์ต้นทาง