130 lines
4.4 KiB
HTML
130 lines
4.4 KiB
HTML
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<meta charset="utf-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||
<title>測試2</title>
|
||
<link href="https://fonts.googleapis.com/css?family=Fira+Sans:400,500,600" rel="stylesheet"><!-- End Google font -->
|
||
<!-- BEGIN PLUGINS STYLES -->
|
||
<link rel="stylesheet" href="assets/vendor/@fortawesome/fontawesome-free/css/all.min.css"><!-- END PLUGINS STYLES -->
|
||
<!-- BEGIN THEME STYLES -->
|
||
<link rel="stylesheet" href="assets/stylesheets/theme.min.css" data-skin="default">
|
||
<link rel="stylesheet" href="assets/stylesheets/custom.css">
|
||
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" />
|
||
<!-- Google tag (gtag.js) -->
|
||
<script async src="https://www.googletagmanager.com/gtag/js?id=G-2G92RZQS1G"></script>
|
||
<script>
|
||
window.dataLayer = window.dataLayer || [];
|
||
function gtag() { dataLayer.push(arguments); }
|
||
gtag('js', new Date());
|
||
|
||
gtag('config', 'G-2G92RZQS1G');
|
||
</script>
|
||
</head>
|
||
<body>
|
||
|
||
<div class="app">
|
||
<!-- .app-main -->
|
||
<main class="app-main">
|
||
<!-- .wrapper -->
|
||
<div class="wrapper">
|
||
<!-- .page -->
|
||
<div class="page">
|
||
<div class="page-inner">
|
||
|
||
<!-- .form-group -->
|
||
<div class="form-group">
|
||
<button id="getcoupon_btn" class="btn btn-lg btn-primary btn-block" type="button">領取試用</button>
|
||
</div><!-- /.form-group -->
|
||
</div>
|
||
</div><!-- /.page -->
|
||
</div><!-- /.wrapper -->
|
||
</main><!-- /.app-main -->
|
||
</div>
|
||
<script src="jquery/jquery.min.js"></script>
|
||
<script src="assets/vendor/jquery.cookie/jquery.cookie.js"></script>
|
||
<script src="assets/vendor/popper.js/umd/popper.min.js"></script>
|
||
<script src="assets/vendor/bootstrap/js/bootstrap.min.js"></script>
|
||
<script src="https://static.line-scdn.net/liff/edge/2/sdk.js"></script>
|
||
<script src="bootstrap/js/bootstrap.bundle.min.js"></script>
|
||
<script src="assets/javascript/theme.js"></script> <!-- END THEME JS -->
|
||
<script src="https://unpkg.com/vconsole@latest/dist/vconsole.min.js"></script>
|
||
<script>
|
||
// VConsole 默认会挂载到 `window.VConsole` 上
|
||
var vConsole = new window.VConsole();
|
||
// 接下来即可照常使用 `console` 等方法
|
||
//console.log('Hello world');
|
||
|
||
// 结束调试后，可移除掉
|
||
//vConsole.destroy();
|
||
</script>
|
||
<script>
|
||
$(document).ready(function () {
|
||
$('#getcoupon_btn').on('click', function () {
|
||
alert('領取成功!');
|
||
});
|
||
});
|
||
|
||
var getUrlParameter = function getUrlParameter(sParam) {
|
||
var sPageURL = window.location.search.substring(1),
|
||
sURLVariables = sPageURL.split('&'),
|
||
sParameterName,
|
||
i;
|
||
|
||
for (i = 0; i < sURLVariables.length; i++) {
|
||
sParameterName = sURLVariables[i].split('=');
|
||
|
||
if (sParameterName[0] === sParam) {
|
||
return sParameterName[1] === undefined ? true : decodeURIComponent(sParameterName[1]);
|
||
}
|
||
}
|
||
return false;
|
||
};
|
||
|
||
return;
|
||
|
||
var liffID = '2006708411-0lWgQ4Va';
|
||
liff.init({
|
||
liffId: liffID
|
||
}).then(function () {
|
||
|
||
//if (!liff.isInClient()) {
|
||
// alert("請在Line App裡開啟!");
|
||
// return;
|
||
//}
|
||
|
||
|
||
console.log('LIFF init');
|
||
// 這邊開始寫使用其他功能
|
||
if (!liff.isLoggedIn()) {
|
||
console.log("你還沒登入Line哦！");
|
||
liff.login();
|
||
} else {
|
||
var line_uid = "";
|
||
var line_name = "";
|
||
|
||
|
||
|
||
|
||
|
||
method = getUrlParameter("method");
|
||
//alert(method);
|
||
liff.getProfile()
|
||
.then(profile => {
|
||
line_uid = profile.userId;
|
||
line_name = profile.displayName;
|
||
|
||
|
||
|
||
})
|
||
.catch((err) => {
|
||
console.log('error', err);
|
||
});
|
||
}
|
||
|
||
}).catch(function (error) {
|
||
console.log(error);
|
||
});
|
||
</script>
|
||
</body>
|
||
</html> |