开源项目教程：ms-identity-javascript-v2

开源项目教程：ms-identity-javascript-v2

ms-identity-javascript-v2VanillaJS sample using MSAL.js v2.x and OAuth 2.0 Authorization Code Flow with PKCE on Microsoft identity platform 项目地址:https://gitcode.com/gh_mirrors/ms/ms-identity-javascript-v2

1. 项目的目录结构及介绍

ms-identity-javascript-v2/
├── App/
│   ├── public/
│   │   ├── authConfig.js
│   │   └── index.html
│   ├── src/
│   │   ├── auth.js
│   │   ├── graph.js
│   │   ├── index.js
│   │   └── ui.js
│   └── package.json
├── .gitignore
└── README.md

• App/: 主应用程序目录。
  • public/: 包含公共文件，如 authConfig.js 和 index.html。
    • authConfig.js: 身份验证配置文件。
    • index.html: 应用程序的主HTML文件。
  • src/: 包含源代码文件。
    • auth.js: 处理身份验证逻辑。
    • graph.js: 处理与Microsoft Graph API的交互。
    • index.js: 应用程序的入口文件。
    • ui.js: 处理用户界面逻辑。
  • package.json: 项目的依赖和脚本配置文件。
• .gitignore: Git忽略文件配置。
• README.md: 项目说明文档。

2. 项目的启动文件介绍

项目的启动文件是 App/src/index.js。这个文件是应用程序的入口点，负责初始化应用程序并启动服务器。以下是 index.js 的主要内容：

import { PublicClientApplication } from "@azure/msal-browser";
import { msalConfig } from "../public/authConfig.js";

const msalInstance = new PublicClientApplication(msalConfig);

// 初始化应用程序逻辑
// ...

// 启动服务器
// ...

3. 项目的配置文件介绍

项目的配置文件是 App/public/authConfig.js。这个文件包含了应用程序的身份验证配置信息。以下是 authConfig.js 的主要内容：

export const msalConfig = {
  auth: {
    clientId: "YOUR_CLIENT_ID",
    authority: "https://login.microsoftonline.com/YOUR_TENANT_ID",
    redirectUri: "http://localhost:3000",
  },
  cache: {
    cacheLocation: "sessionStorage",
    storeAuthStateInCookie: false,
  },
};

export const loginRequest = {
  scopes: ["User.Read"],
};

export const graphConfig = {
  graphMeEndpoint: "https://graph.microsoft.com/v1.0/me",
};

• msalConfig: 包含应用程序的身份验证配置，如客户端ID、租户ID和重定向URI。
• loginRequest: 包含登录请求的权限范围。
• graphConfig: 包含与Microsoft Graph API交互的配置。

以上是 ms-identity-javascript-v2 项目的目录结构、启动文件和配置文件的详细介绍。希望这份文档能帮助你更好地理解和使用该项目。

ms-identity-javascript-v2VanillaJS sample using MSAL.js v2.x and OAuth 2.0 Authorization Code Flow with PKCE on Microsoft identity platform 项目地址:https://gitcode.com/gh_mirrors/ms/ms-identity-javascript-v2