This example app shows how to create a Node.js API and display its data with a Vue.js UI.

Please read Build a Basic CRUD App with Vue.js and Node to see how this app was created.

Prerequisites: Node.js.

Okta has Authentication and User Management APIs that reduce development time with instant-on, scalable user infrastructure. Okta's intuitive API and expert support make it easy for developers to authenticate, manage, and secure users and roles in any application.

• Getting Started
• Links
• Help
• License

To install this example application, run the following commands:

git clone https://github.com/oktadeveloper/okta-vue-node-example.git cd okta-vue-node-example npm install

This will get a copy of the project installed locally. To start each app, follow the instructions below.

To run the server:

node ./src/server

To run the client:

npm run dev

You will need to create an OpenID Connect Application in Okta to get your values to perform authentication.

Before you begin, you’ll need a free Okta developer account. Install the Okta CLI and run okta register to sign up for a new account. If you already have an account, run okta login.

Then, run okta apps create. Select the default app name, or change it as you see fit. Choose Single-Page App and press Enter.

Use http://localhost:8080/callback for the Redirect URI and accept the default Logout Redirect URI of http://localhost:8080.

Set the issuer and copy the clientId into src/server.js.

const oktaJwtVerifier = new OktaJwtVerifier({ clientId: '{yourClientId}', issuer: 'https://{yourOktaDomain}/oauth2/default' })

Set the issuer and copy the clientId into src/router/index.js.

const oktaAuth = new OktaAuth({ issuer: 'https://{yourOktaDomain}/oauth2/default', clientId: '{yourClientId}', redirectUri: window.location.origin + '/callback', scopes: ['openid', 'profile', 'email'] })

This example uses the following libraries provided by Okta:

• Okta JWT Verifier
• Okta Vue SDK

Please post any questions as comments on the blog post, or visit our Okta Developer Forums.

Apache 2.0, see LICENSE.