OktaDev Schematics 0.7.0: Now with Ionic 4 Support!

We released v0.7.0 of OktaDev Schematics today. This release includes preliminary support for Ionic v4 and updates all Okta SDKs to the latest versions.

Ionic support builds on ionic-appauth and its examples:

It also uses authorization code flow + PKCE instead of implicit flow. You can try it out today with the following commands:

npm install -g ionic
ionic start ionic-okta tabs
cd ionic-okta
ng add @oktadev/schematics --issuer=https://{yourOktaDomain}/oauth2/default --clientId={yourClientId}

To get the values for {yourOktaDomain} and {yourClientId}, you can follow the instructions for Ionic (pasted below for your convenience).

Create an Application in Okta

Log in to your Okta Developer account (or sign up if you don’t have an account).

From the Applications page, choose Add Application. On the Create New Application page, select SPA. Give your app a memorable name, and configure it as follows:

  • Login redirect URIs:
    • http://localhost:8100/implicit/callback
    • com.okta.dev-737523:/callback (where dev-737523.okta.com is your Okta URL)
  • Grant type allowed: Authorization Code
  • Click Done
  • Click Edit and add Logout redirect URIs:
    • http://localhost:8100/implicit/logout
    • com.okta.dev-737523:/logout
  • Click Save

Copy your issuer (found under API > Authorization Servers), and client ID into the command above and run it.

Please let us know if you find any issues!

I released a new version this morning - v0.7.1. This fixes issues on Android and Capacitor + iOS. See the code changes for more information.