← 回三頁名片

啟用你的 LINE 三頁名片

目前進度:卡片與分享頁已完成;公開網址、LIFF ID 與實機分享測試尚未完成。這份網站不需要官方帳號群發服務。

1. 免費公開網站

  1. 登入 Cloudflare,使用 Free 方案。不買網域、不啟用付費服務。
  2. 在 Workers & Pages 建立 Pages 專案,選 Direct Upload,將提供的網站 ZIP 檔上傳。
  3. 部署後取得 HTTPS 的 pages.dev 網址。確認首頁與 /portrait.jpeg 都可以在未登入時開啟。

2. 設定 LINE Developers

  1. 登入 LINE Developers Console。首次使用的條款請自行閱讀確認。
  2. 選擇或建立 Provider,例如「Jeff 個人服務」。在此 Provider 建立 LINE Login channel,應用程式類型選 Web app。不要誤建 Messaging API 或 LINE MINI App。
  3. 名稱可填「Jeff 保險服務名片」,描述填「認識 Jeff、了解保險服務並分享三頁名片」。聯絡 Email 使用你的工作 Email。
  4. 在 LINE Login channel 的 LIFF 頁籤新增 LIFF app。名稱填「Jeff 三頁名片」,Size 選 Full,Endpoint URL 填公開網站首頁 HTTPS 網址。
  5. 登入權限使用 openid;若畫面預設必須 profile 則依介面保留。本頁不取得個人資料、不要求 email 或 chat_message.write,也不綁定官方帳號。
  6. 啟用 Share target picker。出現資訊使用協議時,由你閱讀並確認。
  7. 將 LIFF ID 提供給協助設定的人;它不是密碼。不要提供 Channel secret、access token 或登入密碼。

3. 接好 ID 並測試

  1. 將 LIFF ID 寫入 config.js 的 liffId,重新上傳網站 ZIP。
  2. 用手機 LINE 開啟 https://liff.line.me/你的LIFF-ID,確認三頁內容。
  3. 先選自己的測試群組或可信任對象進行測試,確認三張卡片一起送出、照片正常、按鈕與再次分享可用。
  4. Developing 狀態通常只允許管理員或測試者使用;供一般客戶分享前,將 LINE Login channel 切換為 Published,並用非管理員帳號測試。是否允許發布依當時平台要求為準。

注意

網頁預覽不等於已成功啟用 LINE 分享。請先完成部署、ID 與手機端測試。免費託管仍受供應商方案限制。頁面公開後,照片、姓名、服務數字、LINE 連結與推薦代碼會公開可見。

參考:LINE LIFF 分享說明 · Cloudflare Direct Upload