benscabbia / vuejsOidcClient

A fork of joaojosefilho/vuejsOidcClient but configured to run against a project built with vue-cli 3.4.0

OIDC Client

Built the project with Vuejs CLI 3.4.0 and then migrated OIDC components from fork.

Project setup

npm install

Compiles and hot-reloads for development

npm run serve
npm run serve -- --port 5003

Compiles and minifies for production

npm run build

Run your tests

npm run test

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.

---

Connection with identity provider

Change the parameters of the variable mgr of the script [SecurityService.js][2] to the values of your identity provider.

var mgr = new Oidc.UserManager({
  userStore: new Oidc.WebStorageStateStore(),
  authority: 'https://localhost:44321',
  client_id: 'vuejsclient',
  redirect_uri: window.location.origin + '/static/callback.html',
  response_type: 'id_token token',
  scope: 'openid profile address roles identityserver4api country subscriptionlevel offline_access',
  post_logout_redirect_uri: window.location.origin + '/index.html',
  silent_redirect_uri: window.location.origin + '/static/silent-renew.html',
  accessTokenExpiringNotificationTime: 10,
  automaticSilentRenew: true,
  filterProtocolClaims: true,
  loadUserInfo: true
})

The script [SecurityService.js][2] contains triggers and methods from the [oidc-client][3] library.

API

The script [ApiService.js][4] is responsible for making requests to an API using the libraries [oidc-client][3] and [axios][5]

The baseUrl constant receives the static part of the API Url.

const baseUrl = 'https://localhost:44390/api/';

More information on fork.