带SAML的Okta登录小部件

Question

我们有一个使用Spring Boot+AngularJS开发的单个Web页面应用程序，我们希望集成Okta用于身份验证部分。

• 我在Okta网站上创建了一个开发人员帐户，并使用SAML 2.0配置了一个应用程序
• 然后，我将Okta Sign-in小部件集成在一个html页面中，如http://developer.Okta.com/code/javascript/okta_sign-in_widget.html

但我不知道如何在登录小部件和idp saml元数据(https://dev-xxx.oktapreview.com/app/exk8disnrzupipsup0h7/sso/saml/metadata)之间建立链接？登录小部件是否与SAML 2.0兼容？或者我们在使用Okta登录小部件时必须使用OAuth2协议？

Answer 1

元数据文件将被您正在使用的SAML工具包使用。例如，它具有单点登录和单点注销的URL，其中SAML请求将被发送。

但是，如果您希望使用sign in widget登录SAML应用程序，则需要为应用程序使用自定义登录页面选项，并将其设置为使用登录widget的url。转到应用程序->您的SAML应用程序->常规选项卡。向下滚动到底部，你会看到“应用程序嵌入链接”部分。编辑并选择“Use Custom Login Page for this Application”，输入登录小部件的url。请看下图。

一旦你这么做了。您需要将SAML应用程序的应用程序嵌入链接（也可从应用程序嵌入链接部分获得）传递到登录小部件中的setCookieAndRedirect函数。请参阅下面的示例。

 oktaSignIn.renderEl(
      { el: '#okta-login-container' },
      function (res) {
        if (res.status === 'SUCCESS') {
          res.session.setCookieAndRedirect('https://org-name.okta.com/home/<app_name>/0oa4x7wkpxxxHDG8N0x7/alm5xyyyyh8eH7M6dO0x6');

        }
      } 
    );