Giter Club home page Giter Club logo

nuxt-auth-azuread-example's Introduction

nuxt-auth-azuread-example

This project demonstrates the use of Nuxt.js Auth module with Azure Active Directory and the OAuth2 Authorization Code (PKCE) flow. It does not require or make use of the Microsoft Authentication Library for JavaScript v2.

A basic demonstration of decoding the access_token is shown in order to retrieve basic profile information.

Screenshots

Build Setup

# install dependencies
$ npm install

# serve with hot reload at localhost:3000
$ npm run dev

# build for production and launch server
$ npm run build
$ npm run start

# generate static project
$ npm run generate

How this project was created

C:\projects\stuartpreston\nuxt-auth-azuread-example [master ≡]> npx create-nuxt-app .

create-nuxt-app v2.15.0
✨  Generating Nuxt.js project in .
? Project name nuxt-auth-azuread-example
? Project description My fantastic Nuxt.js project
? Author name Stuart Preston
? Choose programming language TypeScript
? Choose the package manager Npm
? Choose UI framework Tailwind CSS
? Choose custom server framework Express
? Choose Nuxt.js modules Axios
? Choose linting tools ESLint
? Choose test framework Jest
? Choose rendering mode Single Page App
? Choose development tools jsconfig.json (Recommended for VS Code)

Dependencies:

npm install @nuxtjs/auth-next @nuxtjs/axios jwt-decode

Further reading : https://stuartpreston.net/2020/05/azure-ad-pkce-spa-nuxt/


Author

Stuart Preston

License

Released under an MIT License

nuxt-auth-azuread-example's People

Contributors

dependabot[bot] avatar snyk-bot avatar stuartpreston avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

nuxt-auth-azuread-example's Issues

Microsoft Authentication Library

While going thru this set up, I got a notification on Azure that "Applications will need to be upgraded to Microsoft Authentication Library". What are your thoughts on this? Is this still valid way to implement Azure AD authentication on Nuxt or should I find another way?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.