okta的使用心得：
使用okta实现一个第三方登录功能，遇到的几个坑；
1.百度 vue okta的时候，会有文章推荐，follow 文章操作，有几个地方不明确，
一， vue okta 的版本 和vue-okta-auth.js的版本，以及对应vue的版本；
二， 使用vue okta文档的一些方法已经过时，被弃用；
2. 踩了坑之后，文章中有跳转到 okta开发人员博客，点进去之后发现了本尊；
3. 跳到okta的githup上面也能看到实例，但是download下来的实例，发现对应的版本不一样，是老版本的
4.follow 本尊开发博客，参考githup的，实现okta功能；
5. 大坑； okta的官网注册，有邮箱注册，有了用户名和密码，然后试用， 手机下载 Okta Verify 软件， 然后到 okta.develop开发网站上进行构建 OIDC app；点击管理员，就会让输入验证码，从 Okta Verify 软件拿到就好；
6. 大坑6，okta回来后有2次重定向；
总结：接触陌生的任务，多查找文档，多方了解，多实践，找到头绪；
<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>
网友评论