OKTA的使用

OKTA的使用

• 使用Okta需要先使用邮箱注册一个账号
  • https://developer.okta.com/signup/
  • 注意是下面这张注册图，有验证；如果没有，则可以请香港用户帮忙注册

 

               

• 前端使用Okta
  • https://developer.okta.com/code/vue/
  • 这里可以选择前端语言

   以vue为例：

•  登录
  • https://{你的domain地址}/admin/getting-started
  • 举例   
    • https://dev-92238845-admin.okta.com/admin/getting-started
• 创建应用 Application      
• 

 

• 代码中应用
  • config.js文件中的配置
  • 

 

Issuer地址：https://{你的domain地址}/oauth2/default

clientId：在Okta中申请的当前项目中的clientId

redirectUri地址：和网页中Okta配置必须是一样的

postLogoutRedirectUri：自定义退出路径

 

router中的index.js配置

• mode需要修改为history，因为Okta上不支持hash的#
• base是项目的前缀
• routes：
• 代码中的使用
• 
• Vue界面：oktaLogin
• 
• main.js中对访问路径进行控制
• 

• 流程

  • 项目中写入Okta配置

  • 开启项目，访问路径会自动跳转到Okta登录页面

  • 输入已经注册的账号，点击登录

  • 登录成功后跳转到loginRedirectURI

  • 登出signOut()即可，会自动跳转到Okta登录页面

  • 后端使用Okta

    • https://developer.okta.com/code/nodejs/

下载案例：

前端：https://github.com/okta/samples-js-vue.git

验证token：https://github.com/okta/okta-oidc-js/tree/master/packages/jwt-verifier

后端：https://github.com/okta/samples-nodejs-express-4.git