OKTA的使用

  • 使用Okta需要先使用邮箱注册一个账号

 

               

   vue为例:

 

  • 代码中应用
    • 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://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

Logo

Vue社区为您提供最前沿的新闻资讯和知识内容

更多推荐