Identicum/oidc-demoapp-vue

OpenID Connect Vue demo spa using oidc-client-js library

oidc-demoapp-vue

OpenID Connect (OIDC) VueJS demo application using oidc-client library. Authentication flow data is handled by Vuex.

Supports:

• OpenID Connect Authentication (Authorization Code flow with PCKE)
• Token Negotiation
• OAuth API Call

In order to test the API call, you can use our OAuth demo API.

Run

Run as Docker

docker run -d \
	--name oidc-demoapp-vue \
	-p xxxx:80 \
	-e VUE_APP_OIDC_PROVIDER_DOMAIN=https://idp.domain.com \
	-e VUE_APP_CLIENT_ID=my_client_id \
	-e VUE_APP_API_URL=http://localhost:8081/api/v1/products \
	identicum/oidc-demoapp-vue:latest

Run locally

Clone repository

git clone git@github.com:https://github.com/Identicum/oidc-demoapp-vue.git

Configure

• Adjust the oidc client parameters in oidc-client.js
• Adjust the API endpoint URL in Home.vue.js

Execute

npm run serve

• You can access to the UI on http://hostname:8080/

Screenshots