Auth-Saverium NPM Package

Installation

1. Install package to your app

npm i auth-saverium --save

2. Create oidc configuration file

// oidc.js
export const oidcSettings = {
    authority: 'https://auth.saverium.com/openid/',
    client_id: '049817',
    redirect_uri: 'http://localhost:8080/oidc-callback',
    response_type: 'code',
    scope: 'code',
    localAuthUrl: 'http://localhost:3000/token'
  }

3. Create oidc Vuex module

// in the file you define your other store modules
import Vue from 'vue'
import Vuex from 'vuex'
import { createStoreModule } from 'auth-saverium' // Import the module

import { oidcSettings } from './../utils/oidc' // Pointing to a file your created on step 2

Vue.use(Vuex)

const oidc = createStoreModule(oidcSettings)

export const store = new Vuex.Store({
  modules: {
    oidc: oidc, // Add it as one of the modules
  }
})

4. Add OidcCallback route

  path: '/oidc-callback', // Needs to match redirect_uri in you oidcSettings
  name: 'oidcCallback',
  component: OidcCallback,
  meta: {
    isOidcCallback: true
  }

5. Create corresponding OidcCallback component

<template>
  <div>
  </div>
</template>

<script>
import { mapActions } from 'vuex'

export default {
  name: 'OidcCallback',
  methods: {
    ...mapActions([
      'oidcSignInCallback'
    ])
  },
  mounted() {
    this.oidcSignInCallback()
      .then((data) => {
        // Data is the route name what was originally requested
        // Handle it here
        // For example import router and do redirect
      })
      .catch((err) => {
        // Handle errors
      })
  }
}
</script>

Build and publish

Update version number accordingly on package.json

npm run build