Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/chanwit/vuejs-springboot
https://github.com/chanwit/vuejs-springboot
Last synced: 12 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/chanwit/vuejs-springboot
- Owner: chanwit
- License: apache-2.0
- Created: 2020-03-29T06:41:27.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2023-01-04T14:44:00.000Z (almost 2 years ago)
- Last Synced: 2024-10-11T00:31:31.007Z (about 1 month ago)
- Language: Vue
- Size: 5.15 MB
- Stars: 1
- Watchers: 2
- Forks: 1
- Open Issues: 28
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Simple CRUD with Vue.js and Spring Boot
This example app shows how to build a basic CRUD app with Spring Boot 2.1, Spring Data, and Vue.js.
Please read [Build a Simple CRUD App with Spring Boot and Vue.js](https://developer.okta.com/blog/2018/11/20/build-crud-spring-and-vue) to see how this app was created.
**Prerequisites:** [Java 8](http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html), [Node.js](https://nodejs.org/), and [Yarn](https://yarnpkg.com/).
> [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-spring-boot-vue-crud-example.git
cd okta-spring-boot-vue-crud-example
```
This will get a copy of the project installed locally. To install all of its dependencies and start each app, follow the instructions below.
To run the server, cd into the `server` folder and run:
```bash
./gradlew bootRun
```
To run the client, cd into the `client` folder and run:
```bash
yarn install && yarn run serve
```
### Create a New OIDC App in Okta
To create a new OIDC app on Okta:
1. Log in to your developer account, navigate to **Applications**, and click on **Add Application**.
3. Select **Single-Page App** and click **Next**.
4. Give the application a name and click **Done**.
#### Server Configuration
Set your domain and copy the `clientId` into `server/src/main/resources/application.yml`.
**NOTE:** The value of `{yourOktaDomain}` should be something like `dev-123456.oktapreview`. Make sure you don't include `-admin` in the value!
```yaml
okta:
oauth2:
client-id: {yourClientId}
issuer: https://{yourOktaDomain}/oauth2/default
```
#### Client Configuration
For the client, set the `issuer` and copy the `clientId` into `client/src/router.js`.
```js
Vue.use(Auth, {
issuer: 'https://{yourOktaDomain}/oauth2/default',
client_id: '{yourClientId}',
redirect_uri: window.location.origin + '/implicit/callback',
scope: 'openid profile email'
});
```
## Links
This example uses the following open source libraries from Okta:
* [Okta Spring Boot Starter](https://github.com/okta/okta-spring-boot)
* [Okta Vue SDK](https://github.com/okta/okta-oidc-js/tree/master/packages/okta-vue)
## Help
Please post any questions as comments on the [blog post](https://developer.okta.com/blog/2018/11/20/build-crud-spring-and-vue), or visit our [Okta Developer Forums](https://devforum.okta.com/). You can also email [email protected] if would like to create a support ticket.
## License
Apache 2.0, see [LICENSE](LICENSE).