sp-dev-fx-webparts/samples/react-msal-msgraph/README-Localized/README-zh-cn.md

2.9 KiB
Raw Blame History

page_type products languages extensions
sample
office-sp
ms-graph
javascript
typescript
contentType technologies services platforms createdDate
samples
SharePoint Framework
Microsoft Graph
SharePoint
react
8/1/2017 12:00:00 AM

Microsoft 身份验证库(MSAL JS) 身份验证示例

摘要

此示例 SharePoint 框架 Web 部件使用 Microsoft 身份验证库 (MSAL JS) 来调用 Microsoft Graph。

MSAL WP

此示例使用 User.ReadMail.Read 范围检索访问令牌。检索到访问令牌后,将执行调用以接收当前用户和其邮件正文。

权限范围

授予权限后,将显示下列信息:

SharePoint 工作台中显示的 MSAL web 部件

使用的 SharePoint Framework 版本

drop

适用于

解决方案

解决方案 作者
react-msal-msgraph Elio Struyf (MVP, U2U, @eliostruyf)

版本历史记录

版本 日期 注释
1.0.0 2017 年 3 月 17 日 首次发布

免责声明

此代码按原样提供,不提供任何明示或暗示的担保,包括对特定用途适用性、适销性或不侵权的默示担保。


先决条件

  • 包含 SharePoint Online 和 Exchange 的 Office 365 订阅

通向卓越的最短路径

  • 克隆此存储库
  • 转到 https://apps.dev.microsoft.com 注册新的应用程序
    • 登录后,单击“添加应用
    • 指定应用程序名称,并点击“创建”。
    • 单击“添加平台”并选择 Web
    • 指定工作台 URL并确保已启用“允许隐式流
    • 点击“保存”以存储这些更改

Web URL 配置和隐式流

  • 复制应用程序 id并添加至 MsalWP.tsx file on line 20
  • 运行 npm i
  • 运行 gulp serve --nobrowser
  • 在本地或托管工作台中测试 web 部件

功能

此解决方案中的示例 web 部件基于 SharePoint 框架阐述了以下概念:

  • 使用“回应” 构建 SharePoint 框架客户端 Web 部件
  • 使用 Office UI Fabric React 样式创建与 SharePoint 和 Office 一致的用户体验
  • 使用 MSAL JS 库通过 Azure Active Directory 按需进行身份验证
  • 使用 REST API 与 Microsoft Graph 通信
  • 使用 MSAL JS 库及使用“回应”创建的 SharePoint 框架 web 部件