okta的使用心得：??
使用okta實(shí)現(xiàn)一個(gè)第三方登錄功能，遇到的幾個(gè)坑；
1.百度 vue okta的時(shí)候，會(huì)有文章推薦，follow 文章操作，有幾個(gè)地方不明確，
一， vue okta 的版本 和vue-okta-auth.js的版本，以及對(duì)應(yīng)vue的版本；
二， 使用vue okta文檔的一些方法已經(jīng)過時(shí)，被棄用；
2. 踩了坑之后，文章中有跳轉(zhuǎn)到 okta開發(fā)人員博客，點(diǎn)進(jìn)去之后發(fā)現(xiàn)了本尊；
3. 跳到okta的githup上面也能看到實(shí)例，但是download下來的實(shí)例，發(fā)現(xiàn)對(duì)應(yīng)的版本不一樣，是老版本的
4.follow 本尊開發(fā)博客，參考githup的，實(shí)現(xiàn)okta功能；
5. 大坑； okta的官網(wǎng)注冊(cè)，有郵箱注冊(cè)，有了用戶名和密碼，然后試用， 手機(jī)下載 Okta Verify 軟件， 然后到? okta.develop開發(fā)網(wǎng)站上進(jìn)行構(gòu)建 OIDC app；點(diǎn)擊管理員，就會(huì)讓輸入驗(yàn)證碼，從?Okta Verify 軟件拿到就好；
6. 大坑6，okta回來后有2次重定向；
總結(jié)：接觸陌生的任務(wù)，多查找文檔，多方了解，多實(shí)踐，找到頭緒；
<script>
export default {
name: 'app',
data () {
return {
activeUser: null,
}
},
async created () {
await this.refreshActiveUser()
},
watch: {
// everytime a route is changed refresh the activeUser
'$route': 'refreshActiveUser'
},
methods: {
login () {
this.$auth.signInWithRedirect({originalUri: '/error'})
},
async refreshActiveUser () {
// 兩次重定向 /callback 到 /home
if (this.authState.isAuthenticated) {
this.activeUser = await this.$auth.getUser() // user
// token信息；
} else if (this.$route.path === '/callback') {
return;
} else {
this.login();
}
},
}
}
</script>
