Skip to content
Building Single Page Application with React, MSAL.js and PnPjs
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.vscode
app
assets
public
scripts
test Misc issues fixed. Jun 2, 2019
webpack
.editorconfig
.gitignore
.prettierrc
.stylelintignore
.stylelintrc.json
.travis.yml
LICENSE
README.md
package-lock.json
package.json
tsconfig.json
tslint.json

README.md

Standalone React SPA web application with PnPjs and msal.js

How to run

  1. Create a new app registation in Azure AD. Enable implict flow, add https://localhost:3000/ as a valid redirect url
  2. Add API permissons to the app: MS Graph: User.Read, Group.Read.All, profile, SharePoint: AllSites.Read
  3. Under ./webpack/dev.env.js change SP_SITE_URL to point to your SharePoint site
  4. Under ./app/src/msal/msalConfig.ts replace values with yours tenant id and client id from step 1
  5. npm i
  6. npm run start - a browser window will open and will give you an option to login. After authentication you will see your groups and site info.

-- Blog post - Building Single Page Application with React, MSAL.js and PnPjs

You can’t perform that action at this time.