5e3uk (5e3uk) asked a question.
My organization has a need for a traditional deployment process, where QA and active development take place in separate environments. If we independently host a sign-in widget, we can also feasibly do local development and choose when to deploy changes for QA. At the moment, with the built-in widget editor, active development and QA happen in the same place and often conflict with each other.
However, the only documentation I found suggesting support and integration with independently hosted sign-in widgets is on the Okta Sign-In Widget Guide:
Okta uses the Widget as part of its normal sign-in page. If you would like to customize the Widget, then you will need to host it yourself.
I've reviewed Okta's node.js Github projects such as @okta/okta-signin-widget, @okta/okta-oidc-js, @okta/okta-sdk-nodejs, and @okta/oidc-middleware, but I haven't found direction on how to both customize the widget and insert it as the new "default" login page.
What steps can I take to integrate an independently hosted sign-in page with Okta? Optimistically, I'd like to plug in a URL into Okta's configuration that would handle the redirection involved.
Q- How to customize the widget and insert it as the new "default" login page.
You have to customize Okta url domain then only you can put your custom login page on Okta. refer - https://help.okta.com/en/prod/Content/Topics/Settings/custom-okta-hosted-sign-in-page.htm
To use custom login page as new "default" login page for your tenant, user has to sign in to Okta through your custom URL domain and not with the https://<your tenant>.okta.com/
Q- What steps can I take to integrate an independently hosted sign-in page with Okta?
As of now Okta supports only one custom sign in page on Okta tenant. If you want to have two separate login page then you can host it on your server. it doesn't need to link to Okta. you just need to give complete url of your hosted page to an application setting.
Go to Okta Admin GUI -> Applications -> Select your app -> General -> APPLICATION LOGIN PAGE (at the bottom of the page) -> Use a custom login page for this application. and enter Login page URL