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

4.8 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)

Сводка

Пример веб-части SharePoint Framework, в которой используется библиотека проверки подлинности Microsoft (MSAL JS) для вызова Microsoft Graph.

MSAL WP

Образец веб-части получает маркер доступа с помощью областей User.Read и Mail.Read. После получения маркера доступа, выводится вызов для получения текущего пользователя и его сообщений.

Области разрешений

После вашего разрешения, появится следующая информация:

Веб-часть MSAL, отображаемая в рабочей области SharePoint

Использованная версия SharePoint Framework

drop

Сфера применения

Решение

Решение Авторы
react-msal-msgraph Елио Струйф (MVP U2U, @eliostruyf)

Журнал версий

Версия Дата Примечания
1.0.0 17 марта 2017 г. Первоначальный выпуск

Заявление об отказе

ЭТОТ КОД ПРЕДОСТАВЛЯЕТСЯ КАК ЕСТЬ БЕЗ КАКОЙ-ЛИБО ЯВНОЙ ИЛИ ПОДРАЗУМЕВАЕМОЙ ГАРАНТИИ, ВКЛЮЧАЯ ПОДРАЗУМЕВАЕМЫЕ ГАРАНТИИ ПРИГОДНОСТИ ДЛЯ КАКОЙ-ЛИБО ЦЕЛИ, ДЛЯ ПРОДАЖИ ИЛИ ГАРАНТИИ ОТСУТСТВИЯ НАРУШЕНИЯ ПРАВ ИНЫХ ПРАВООБЛАДАТЕЛЕЙ.


Необходимые компоненты

  • Подписка на Office 365 с SharePoint Online and Exchange.

Путь к совершенству

  • Клонируйте этот репозиторий
  • Зарегистрируйте новое приложение в https://apps.dev.microsoft.com
    • После входа, нажмите Добавить приложение
    • Укажите имя приложения и щелкните "Создать".
    • Щелкните Добавить платформу и выберите параметр Веб.
    • Укажите URL-адрес рабочей области и убедитесь, что разрешение неявного потока включено
    • Чтобы сохранить изменения, нажмите кнопку "Сохранить".

Настройка URL-адреса и неявный поток

  • Скопируйте идентификатор приложения и измените добавив в файл MsalWP.tsx в строке 20
  • Запустите npm i
  • Запустите gulp serve --nobrowser
  • Проверьте нашу веб-часть в местной или размещенной рабочей области

Функции

Образец веб-части иллюстрирует следующие концепции SharePoint Framework:

  • использование React для создания клиентских веб-частей SharePoint Framework
  • использование стилей Office UI Fabric React для постоянного взаимодействия пользователей с SharePoint и Office
  • проверка подлинности по запросу используя Azure Active Directory с помощью библиотеки MSAL JS
  • взаимодействие с Microsoft Graph с помощью REST API
  • использование библиотеки MSAL JS с веб-частями SharePoint Framework, созданными с помощью React