help with Microsoft Authentication Library (MSAL) for vue.js

Giorgi Mebonia 6 Reputation points
2022-05-17T09:34:30.75+00:00

please can someone give me working example of vue.js application that uses mircosoft authentication,
in official documentations there are examples for angular and react but not for vue, i am a begginer and could not implement that examples to my code

thanks fro help

Microsoft Authenticator
Microsoft Authenticator
A Microsoft app for iOS and Android devices that enables authentication with two-factor verification, phone sign-in, and code generation.
5,543 questions
Microsoft Entra ID
Microsoft Entra ID
A Microsoft Entra identity service that provides identity management and access control capabilities. Replaces Azure Active Directory.
19,581 questions
0 comments No comments
{count} vote

1 answer

Sort by: Most helpful
  1. Marilee Turscak-MSFT 34,046 Reputation points Microsoft Employee
    2022-06-17T18:28:34.347+00:00

    Hi @Giorgi Mebonia ,

    Thank you for your post and apologies for the delayed response! I understand that you are looking for samples of applications using MSAL with vue.js. It appears that there are a few examples out there.

    There is this sample and blog post by Christos Matskas. https://devblogs.microsoft.com/azure-sdk/vue-js-user-authentication/

    There is also the plugin here: https://github.com/mvertopoulos/vue-msal

    And there is an example that shows how to integrate the msal-browser with Vue 3: https://github.com/AzureAD/microsoft-authentication-library-for-js/pull/4188

    I found a few third party demos on Github as well. This one is a Vue.js sample app showing the use of MSAL for authentication and calling MS Graph APIs: https://github.com/benc-uk/msal-graph-vue

    This one integrates Vue.js with Azure AD B2C. https://dev.to/425show/secure-your-vue-js-apis-with-azure-ad-b2c-42j6

    If you would like to request any more specific examples, I would recommend creating a feature request in the Ideas forum. I'm also happy to pass along a documentation request if you provide more details about your scenario.

    -

    If the information provided was helpful to you, please remember to "mark as answer" so that others in the community with similar questions can more easily find a solution.

    0 comments No comments