kvaes/TasmanianTraders-MSAL-AdvancedVueJsExample

Example to showcase how VueJS & MSAL can play together!

Credits

• CoreUI Template
• MSAL for JS
• Stack Overflow thread on the integration
• Sunil Bandla's previous example

Status

One time fork of a cleaned project I was working on to help everyone who has been cursing on getting the integration working like me. ;-)

Things changed

• src/main.js
• msal/*
• config/*
• router/*
• containers/DefaultHeaderDropdownAccnt.vue
• views/auth/*

What to expect

Testing

Browsing to URI/auth/test will give you an isolated testing page

Header

The header will provide you with a typical flow on how to do a login (redirect method) and logout (redirect to home page)

Challenges

As the Stack Overflow thread states... Sharing the data/objects across components isn't always easy (understatement). Leveraging the vue root/parent/base instance itself was key to getting everything working. In essence it's providing a wrapper class for the library and initilizing it on the root/parent/base instance.