3.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 Authentication Library (MSAL JS) の認証サンプル

概要

Microsoft Authentication Library (MSAL JS) を使用して Microsoft Graph を呼び出す SharePoint Framework Web パーツのサンプルです。

MSAL WP

サンプル Web パーツは、User.Read および Mail.Read 範囲でアクセストークンを取得します。アクセストークンを取得すると、現在のユーザーとそのメールメッセージを受信する呼び出しが行われます。

アクセス許可を付与すると、次の情報が表示されます。

使用されている SharePoint Framework バージョン

適用対象

解決方法

ソリューション	作成者
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 を指定し、[暗黙的フローを許可する] が有効であることを確認する
- [保存] をクリックして変更を保存する

アプリケーション ID をコピーし、変更して 20 行目の MsalWP.tsx ファイルに追加する
npm i を実行する
gulp serve --nobrowser を実行する
ローカルまたはホストワークベンチで Web パーツをテストする

機能

このソリューションの Web パーツのサンプルは、SharePoint Framework の上位にある次の概念を示しています。

React を使用した SharePoint Framework クライアント側 Web パーツの構築
Office UI Fabric React スタイルを使用した SharePoint および Office と一貫性のあるユーザーエクスペリエンスの構築
MSAL JS ライブラリを使用した Azure Active Directory でのオンデマンド認証
REST API を使用した Microsoft Graph との通信
React を使用して構築された SharePoint Framework Web パーツを使用した MSAL JS ライブラリの使用

3.9 KiB Raw Blame History