snsd0805/NCNU_Course
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

refactor: change api method & Vue中使用facebook api

Browse Source
This commit is contained in:
Ting-Jun Wang 2021-01-16 19:59:20 +08:00
parent 89e5519bc1
commit 3f12c35189
Signed by: snsd0805
GPG Key ID: 8DB0D22BC1217D33
3 changed files with 35 additions and 43 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
api.py
View File

@ -17,7 +17,7 @@ def facebookAuth(token):
else: else:
return False, None, None return False, None, None
@app.route('/courseTable', methods=["POST"]) @app.route('/courseTable', methods=["GET"])
def get(): def get():
# 若 access code 通過 facebook 驗證 # 若 access code 通過 facebook 驗證
status, uid, name = facebookAuth(request.values['token']) status, uid, name = facebookAuth(request.values['token'])

43
index.html
View File

@ -18,47 +18,6 @@
</head> </head>
<body id="page-top"> <body id="page-top">
<!-- Facebook SDK -->
<div id="fb-root"></div>
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/zh_TW/sdk.js#xfbml=1&version=v9.0&appId=1015634862261309&autoLogAppEvents=1" nonce="MTBQv5ev"></script>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : '',
cookie : true,
xfbml : true,
version : 'v9.0'
});
FB.AppEvents.logPageView();
};
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = "https://connect.facebook.net/en_US/sdk.js";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
function checkLoginState() {
console.log("check")
FB.getLoginStatus(function(response) {
statusChangeCallback(response);
});
}
function statusChangeCallback(response){
console.log(response)
if(response.status == "connected"){
}
}
</script>
@ -77,7 +36,7 @@
<div class="fb-login-button" data-width="" data-size="small" data-button-type="login_with" data-layout="rounded" data-auto-logout-link="true" data-use-continue-as="true"></div> <div class="fb-login-button" data-width="" data-size="small" data-button-type="login_with" data-layout="rounded" data-auto-logout-link="true" data-use-continue-as="true"></div>
</li> </li>
<li class="nav-item mx-0 mx-lg-1"> <li class="nav-item mx-0 mx-lg-1">
<button onclick="checkLoginState()"></button> <button v-on:click="selectDepartment='123'">test</button>
</li> </li>
</ul> </ul>
</div> </div>

33
js/index.vue
View File

@ -7,6 +7,27 @@ var vm = new Vue({
'selectDepartment': '', 'selectDepartment': '',
'foundName': "", 'foundName': "",
}, },
created() {
window.fbAsyncInit = function() {
FB.init({
appId : '',
cookie : true,
xfbml : true,
version : 'v9.0'
});
FB.AppEvents.logPageView();
vm.checkLogin()
};
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = "https://connect.facebook.net/en_US/sdk.js";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
},
mounted() { mounted() {
axios axios
.get("./output.json") .get("./output.json")
@ -25,6 +46,18 @@ var vm = new Vue({
}) })
}, },
methods: { methods: {
'checkLogin': function(){
console.log("check login")
FB.getLoginStatus(function(response) {
vm.statusChangeCallback(response);
});
},
'statusChangeCallback': function(response){
console.log(response)
if(response.status == "connected"){
}
},
'getTime': function(timeString){ 'getTime': function(timeString){
ans = [] ans = []
number = "" number = ""