Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/oktadev/okta-vue-node-example
Example of a Basic CRUD App with Vue.js and Node
https://github.com/oktadev/okta-vue-node-example
authentication javascript jwt nodejs oidc vue vuejs
Last synced: 1 day ago
JSON representation
Example of a Basic CRUD App with Vue.js and Node
- Host: GitHub
- URL: https://github.com/oktadev/okta-vue-node-example
- Owner: oktadev
- License: apache-2.0
- Created: 2018-02-16T22:12:52.000Z (over 6 years ago)
- Default Branch: main
- Last Pushed: 2023-02-28T02:31:10.000Z (over 1 year ago)
- Last Synced: 2024-04-15T15:55:34.502Z (7 months ago)
- Topics: authentication, javascript, jwt, nodejs, oidc, vue, vuejs
- Language: JavaScript
- Homepage: https://developer.okta.com/blog/2018/02/15/build-crud-app-vuejs-node
- Size: 4.43 MB
- Stars: 96
- Watchers: 7
- Forks: 53
- Open Issues: 15
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Basic CRUD with Vue.js and Node
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](https://developer.okta.com/blog/2018/02/15/build-crud-app-vuejs-node) to see how this app was created.
**Prerequisites:** [Node.js](https://nodejs.org/).
> [Okta](https://developer.okta.com/) 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](#getting-started)
* [Links](#links)
* [Help](#help)
* [License](#license)
## Getting Started
To install this example application, run the following commands:
```bash
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:
```bash
node ./src/server
```
To run the client:
```bash
npm run dev
```
### Create an Application in Okta
You will need to [create an OpenID Connect Application in Okta](https://developer.okta.com/blog/2018/02/15/build-crud-app-vuejs-node#add-authentication-with-okta) to get your values to perform authentication.
Before you begin, you’ll need a free Okta developer account. Install the [Okta CLI](https://cli.okta.com/) 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`.
#### Server Configuration
Set the `issuer` and copy the `clientId` into `src/server.js`.
```javascript
const oktaJwtVerifier = new OktaJwtVerifier({
clientId: '{yourClientId}',
issuer: 'https://{yourOktaDomain}/oauth2/default'
})
```
#### Client Configuration
Set the `issuer` and copy the `clientId` into `src/router/index.js`.
```javascript
const oktaAuth = new OktaAuth({
issuer: 'https://{yourOktaDomain}/oauth2/default',
clientId: '{yourClientId}',
redirectUri: window.location.origin + '/callback',
scopes: ['openid', 'profile', 'email']
})
```
## Links
This example uses the following libraries provided by Okta:
* [Okta JWT Verifier](https://github.com/okta/okta-oidc-js/tree/master/packages/jwt-verifier)
* [Okta Vue SDK](https://github.com/okta/okta-vue)
## Help
Please post any questions as comments on the [blog post](https://developer.okta.com/blog/2018/02/15/build-crud-app-vuejs-node), or visit our [Okta Developer Forums](https://devforum.okta.com/).
## License
Apache 2.0, see [LICENSE](LICENSE).