Azure-B2C-sample for Vuejs

• Azure Active Directory B2Cを利用した vue.js のログインフォームサンプル。

技術要素

• vuex: サインイン情報管理
• vue router: ルーティング、ナビゲーションガード
• vuetify: レイアウト用

準備

• config/maslConfig.template.jsからconfig/maslConfig.jsを作成し、clientId, authorityを貼り付ける
• scopesはそのままで良い（loginRedirect()を明示的に利用する場合に記載する）

Project setup

npm install

Run

npm run serve

参考

• Single-page application: Sign-in and Sign-out
• UserAgentApplication class
• Vue.js with Azure AD B2C integration
• 背景画像：Unsplush