liff_test/misa-event/js/liff-functions.js

function getProfile() {
  liff
    .getProfile()
    .then(profile => {
      console.log(JSON.stringify(profile));
      window.alert(JSON.stringify(profile));
    })
    .catch(e => {
      console.log(e);
      window.alert(e);
    });
}
function getAccessToken() {
  window.alert(liff.getAccessToken());
}
function getContext() {
  window.alert(JSON.stringify(liff.getContext()));
}

function sendMessage() {
  liff
    .sendMessages([{ type: "text", text: "中文測試 Hello from LIFF2.0" }])
    .then(() => {
      window.alert("Message has been sent");
    })
    .catch(e => {
      window.alert(e);
    });
}

function login() {
  liff.login();
}

function scanCode() {
  liff
    .scanCode()
    .then(result => {
      window.alert(JSON.stringify(result));
    })
    .catch(e => {
      window.alert(e);
    });
}

function openWindow() {
  liff.openWindow({
    url: "https://sirateek.me",
    external: true
  });
}

function closeWindow() {
  liff.closeWindow();
}

function logout() {
  if (liff.isLoggedIn()) {
    liff.logout();
    window.alert("Successfully to Logout");
    location.reload();
  }
}


// function createFlexMessageData() {
//   var flex = {
//     "type": "flex",
//     "altText": redistitle,
//     "contents": redisdata,
//   };

//   return flex;
// }

var _title = "MISA 向您分享了最新消息！";

function createFlexMessageData() {
  var myFlexContent = {
    "type": "bubble",
    "hero": {
      "type": "box",
      "layout": "vertical",
      "contents": [
        {
          "type": "box",
          "layout": "vertical",
          "contents": [
            {
              "type": "text",
              "text": "MISA 新年度 新思維",
              "color": "#ffffff",
              "align": "center",
              "offsetTop": "3px",
              "size": "lg",
              "weight": "bold"
            }
          ],
          "backgroundColor": "#dd462b",
          "paddingAll": "15px"
        },
        {
          "type": "box",
          "layout": "vertical",
          "contents": [
            {
              "type": "image",
              "size": "full",
              "margin": "none",
              "url": "https://upload.cc/i1/2023/01/07/U4iHYt.jpg"
            }
          ],
          "paddingStart": "5px",
          "paddingEnd": "5px",
          "height": "220px",
          "paddingTop": "10px"
        }
      ]
    },
    "body": {
      "type": "box",
      "layout": "vertical",
      "contents": [
        {
          "type": "text",
          "text": "【2023 新的一年如何翻轉慣性思考邏輯",
          "weight": "bold",
          "size": "sm",
          "align": "center",
          "wrap": true
        },
        {
          "type": "text",
          "text": "創造新思維模式】",
          "weight": "bold",
          "size": "sm",
          "align": "center",
          "wrap": true
        },
        {
          "type": "text",
          "text": "「經營管理」的面向非常廣泛",
          "weight": "bold",
          "size": "sm",
          "align": "center",
          "wrap": true,
          "margin": "xxl"
        },
        {
          "type": "text",
          "text": "曾國棟院士透過線上課程視頻",
          "weight": "bold",
          "size": "sm",
          "align": "center",
          "wrap": true,
          "margin": "sm"
        },
        {
          "type": "text",
          "text": "為您分析歸納在職場管理會遇到的問題",
          "weight": "bold",
          "size": "sm",
          "align": "center",
          "wrap": true,
          "margin": "sm"
        },
        {
          "type": "text",
          "text": "跳出框架，充分建立基本的心理建設",
          "weight": "bold",
          "size": "sm",
          "align": "center",
          "margin": "sm",
          "wrap": true
        },
        {
          "type": "text",
          "text": "幫助您減少摸索的時間",
          "weight": "bold",
          "size": "sm",
          "align": "center",
          "margin": "sm",
          "wrap": true
        },
        {
          "type": "text",
          "text": "新年度跨越思維",
          "weight": "bold",
          "size": "sm",
          "align": "center",
          "margin": "xxl"
        },
        {
          "type": "text",
          "text": "讓您瞭解成功領導者在想什麼！",
          "weight": "bold",
          "size": "sm",
          "align": "center",
          "margin": "sm"
        }
      ]
    },
    "footer": {
      "type": "box",
      "layout": "vertical",
      "spacing": "sm",
      "contents": [
        {
          "type": "box",
          "layout": "vertical",
          "contents": [
            {
              "type": "button",
              "style": "link",
              "height": "sm",
              "action": {
                "type": "uri",
                "label": "活動主頁",
                "uri": "https://www.misaglobal.org/event"
              },
              "color": "#ffffff"
            }
          ],
          "backgroundColor": "#dd462b",
          "cornerRadius": "md"
        },
        {
          "type": "box",
          "layout": "vertical",
          "contents": [
            {
              "type": "button",
              "style": "link",
              "height": "sm",
              "action": {
                "type": "uri",
                "label": "活動分享",
                "uri": "https://liff.googo.org/misa-event/"
              },
              "color": "#dd462b"
            }
          ],
          "cornerRadius": "md",
          "margin": "lg",
          "borderColor": "#dd462b",
          "borderWidth": "normal"
        },
        {
          "type": "box",
          "layout": "vertical",
          "contents": [
            {
              "type": "button",
              "style": "link",
              "height": "sm",
              "action": {
                "type": "uri",
                "label": "官方網站",
                "uri": "https://www.misaglobal.org/"
              },
              "color": "#dd462b"
            }
          ],
          "cornerRadius": "md",
          "margin": "lg",
          "borderColor": "#dd462b",
          "borderWidth": "normal"
        },
        {
          "type": "box",
          "layout": "vertical",
          "contents": [
            {
              "type": "image",
              "url": "https://static.kolable.com/images/misa/logo.png/120?v=1641520480847"
            }
          ],
          "margin": "none",
          "position": "absolute",
          "offsetStart": "108px",
          "offsetTop": "130px"
        }
      ],
      "flex": 0,
      "height": "200px"
    }
  };

  var flex = {
    "type": "flex",
    "altText": _title,
    "contents": myFlexContent,
  };

  return flex;
}

var redisdata = '';

function shareTargetPicker() {

  if (liff.isApiAvailable('shareTargetPicker')) {
    liff.shareTargetPicker([{
      type: "text",
      text: "Hello, World!"
    }])
    .then(
      liff.openWindow({
        url: "https://liff.googo.org/misa-liff/",
        external: true
      })
    ).catch(function(res) {
      liff.openWindow({
        url: "https://liff.googo.org/misa-liff/",
        external: true
      })
      alert(`${res} Failed to launch ShareTargetPicker`)
    })
  } 
  else {
    alert("你的 LINE App 暫時不支援 Share Target Picker ，將開始外部瀏覽器。")
    liff.openWindow({
      url: "https://liff.googo.org/misa-liff/",
      external: true
    });
  }
}

async function sendShare() {
  const result = await liff.shareTargetPicker([
    {
      "type": "bubble",
      "hero": {
        "type": "box",
        "layout": "vertical",
        "contents": [
          {
            "type": "box",
            "layout": "vertical",
            "contents": [
              {
                "type": "text",
                "text": "MISA 新年度 新思維",
                "color": "#ffffff",
                "align": "center",
                "offsetTop": "3px",
                "size": "lg",
                "weight": "bold"
              }
            ],
            "backgroundColor": "#dd462b",
            "paddingAll": "15px"
          },
          {
            "type": "box",
            "layout": "vertical",
            "contents": [
              {
                "type": "image",
                "size": "full",
                "margin": "none",
                "url": "https://upload.cc/i1/2023/01/07/U4iHYt.jpg"
              }
            ],
            "paddingStart": "5px",
            "paddingEnd": "5px",
            "height": "220px",
            "paddingTop": "10px"
          }
        ]
      },
      "body": {
        "type": "box",
        "layout": "vertical",
        "contents": [
          {
            "type": "text",
            "text": "【2023 新的一年如何翻轉慣性思考邏輯",
            "weight": "bold",
            "size": "sm",
            "align": "center",
            "wrap": true
          },
          {
            "type": "text",
            "text": "創造新思維模式】",
            "weight": "bold",
            "size": "sm",
            "align": "center",
            "wrap": true
          },
          {
            "type": "text",
            "text": "「經營管理」的面向非常廣泛",
            "weight": "bold",
            "size": "sm",
            "align": "center",
            "wrap": true,
            "margin": "xxl"
          },
          {
            "type": "text",
            "text": "曾國棟院士透過線上課程視頻",
            "weight": "bold",
            "size": "sm",
            "align": "center",
            "wrap": true,
            "margin": "sm"
          },
          {
            "type": "text",
            "text": "為您分析歸納在職場管理會遇到的問題",
            "weight": "bold",
            "size": "sm",
            "align": "center",
            "wrap": true,
            "margin": "sm"
          },
          {
            "type": "text",
            "text": "跳出框架，充分建立基本的心理建設",
            "weight": "bold",
            "size": "sm",
            "align": "center",
            "margin": "sm",
            "wrap": true
          },
          {
            "type": "text",
            "text": "幫助您減少摸索的時間",
            "weight": "bold",
            "size": "sm",
            "align": "center",
            "margin": "sm",
            "wrap": true
          },
          {
            "type": "text",
            "text": "新年度跨越思維",
            "weight": "bold",
            "size": "sm",
            "align": "center",
            "margin": "xxl"
          },
          {
            "type": "text",
            "text": "讓您瞭解成功領導者在想什麼！",
            "weight": "bold",
            "size": "sm",
            "align": "center",
            "margin": "sm"
          }
        ]
      },
      "footer": {
        "type": "box",
        "layout": "vertical",
        "spacing": "sm",
        "contents": [
          {
            "type": "box",
            "layout": "vertical",
            "contents": [
              {
                "type": "button",
                "style": "link",
                "height": "sm",
                "action": {
                  "type": "uri",
                  "label": "活動主頁",
                  "uri": "https://www.misaglobal.org/event"
                },
                "color": "#ffffff"
              }
            ],
            "backgroundColor": "#dd462b",
            "cornerRadius": "md"
          },
          {
            "type": "box",
            "layout": "vertical",
            "contents": [
              {
                "type": "button",
                "style": "link",
                "height": "sm",
                "action": {
                  "type": "uri",
                  "label": "活動分享",
                  "uri": "https://liff.googo.org/misa-event/"
                },
                "color": "#dd462b"
              }
            ],
            "cornerRadius": "md",
            "margin": "lg",
            "borderColor": "#dd462b",
            "borderWidth": "normal"
          },
          {
            "type": "box",
            "layout": "vertical",
            "contents": [
              {
                "type": "button",
                "style": "link",
                "height": "sm",
                "action": {
                  "type": "uri",
                  "label": "官方網站",
                  "uri": "https://www.misaglobal.org/"
                },
                "color": "#dd462b"
              }
            ],
            "cornerRadius": "md",
            "margin": "lg",
            "borderColor": "#dd462b",
            "borderWidth": "normal"
          },
          {
            "type": "box",
            "layout": "vertical",
            "contents": [
              {
                "type": "image",
                "url": "https://static.kolable.com/images/misa/logo.png/120?v=1641520480847"
              }
            ],
            "margin": "none",
            "position": "absolute",
            "offsetStart": "108px",
            "offsetTop": "130px"
          }
        ],
        "flex": 0,
        "height": "200px"
      }
    }
  ])
  if (result) {
    alert(`[${result.status}] Message sent!`)
  } else {
    const [majorVer, minorVer, patchVer] = (liff.getLineVersion() || "").split('.');

    if (minorVer === undefined) {
      alert('ShareTargetPicker was canceled in external browser')
      return
    }

    if (parseInt(majorVer) >= 10 && parseInt(minorVer) >= 10 && parseInt(patchVer) > 0) {
      alert('ShareTargetPicker was canceled in LINE app')
    }
  }
}