test.html 2.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta name="description" content="Webpage description goes here" />
  5. <meta charset="utf-8">
  6. <title>Change_me</title>
  7. <meta name="viewport" content="width=device-width, initial-scale=1">
  8. <meta name="author" content="">
  9. <link rel="stylesheet" href="css/style.css">
  10. <script src="http://code.jquery.com/jquery-latest.min.js"></script>
  11. <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
  12. <script src="https://static.line-scdn.net/liff/edge/2/sdk.js"></script>
  13. </head>
  14. <body>
  15. <div class="container">
  16. </div>
  17. <div id="like_button_container"></div>
  18. <button onclick="exportcsv();">123</button>
  19. <button onclick="login();">in</button>
  20. <button onclick="logout();">out</button>
  21. <button onclick="test();">test</button>
  22. <div id="myGrid" style="height: 600px;width:800px;" class="ag-theme-alpine"></div>
  23. <script>
  24. var liffID = '1656493448-Oz6Xrx97';
  25. function login() {
  26. // 登入
  27. liff.login({
  28. // 使用者登入後要去到哪個頁面
  29. redirectUri: 'https://m3.hhh.com.tw/yo/test.html',
  30. target: '_blank'
  31. });
  32. }
  33. function logout() {
  34. // 登出
  35. liff.logout();
  36. }
  37. liff.init({
  38. liffId: liffID
  39. }).then(function () {
  40. console.log('LIFF init');
  41. });
  42. function test() {
  43. // 這邊開始寫使用其他功能
  44. // 取得使用者類型資料
  45. var context = liff.getContext();
  46. console.log(context);
  47. // 取得使用者公開資料
  48. // 後台的「Scopes」要設定開啟 profile, openid
  49. liff.getProfile()
  50. .then(function (profile) {
  51. console.log(profile);
  52. });
  53. // 取得使用者 email
  54. // 後台的 Email address permission 要是「Applied」
  55. // LIFF 的設定,Scopes 的「email*」要打勾
  56. // 使用者在登入時,「電子郵件帳號」也要是「許可」的
  57. var user = liff.getDecodedIDToken();
  58. var email = user.email;
  59. console.log(email);
  60. }
  61. </script>
  62. </body>
  63. </html>