Упражнение — подключение приложения JavaScript к Microsoft 365

  • 3 мин

В этом упражнении вы создадите приложение JavaScript, подключенное к Microsoft 365. С помощью библиотеки JavaScript Microsoft Authentication Library вы предоставите пользователям возможность входить в систему в приложении с помощью их учетных записей Microsoft 365 и сможете отображать их имена с помощью пакета SDK JavaScript для Microsoft Graph.

Запуск приложения

  1. Получить код первоначального приложения, используемого в этом упражнении, можно одним из указанных ниже способов.

    Если вы используете Git, клонируйте проект с помощью команды git clone:

    git clone https://github.com/MicrosoftDocs/mslearn-retrieve-m365-data-with-msgraph-quickstart.git

    Если вы не используете Git, в веб-браузере перейдите по адресу https://github.com/MicrosoftDocs/mslearn-retrieve-m365-data-with-msgraph-quickstart. Нажмите кнопку Код, а затем — Скачать ZIP. Извлеките ZIP-файл на компьютер.

  2. Откройте папку проекта в редакторе кода.

  3. Откройте файл auth.js и найдите константу msalConfig:

    const msalConfig = {
  auth: { .. }
}

  4. Замените значение clientId свойства скопированным значением идентификатора приложения (клиента) из зарегистрированного ранее приложения Microsoft Entra (spa-aad-app). Это значение можно получить на странице обзора приложения Microsoft Entra (spa-aad-app).

  5. В том же auth.js файле найдите msalConfig.auth.authority свойство . Замените <your directory ID here> значение значением идентификатора каталога (клиента) приложения Microsoft Entra (spa-aad-app), зарегистрированного ранее. Это значение можно получить на странице обзора приложения Microsoft Entra (spa-aad-app).

    Константа msalConfig должна выглядеть примерно так, как показано в следующем коде с уникальными идентификаторами клиента Microsoft Entra и зарегистрированного приложения:

    const msalConfig = {
  auth: {
    clientId: 'b1a37248-53b5-430c-b946-ef83521af70c',
    authority: 'https://login.microsoftonline.com/b930540b-a147-45bb-8f24-bfbed091aa25',
    redirectUri: 'http://localhost:8080'
  }
};

  6. Просмотрите веб-приложение, выполнив следующую команду в терминале:

    npm start

  7. Должен открыться браузер, используемый по умолчанию, в котором будет указан адрес http://localhost:8080.

  8. Войдите в систему с помощью своей учетной записи Microsoft 365, нажав кнопку Войти с помощью учетной записи Майкрософт.

  9. После того как вы войдете с помощью учетной записи и предоставите нужные разрешения приложению, в приложении должно отобразиться ваше имя пользователя.

  10. Остановите сервер Node.js, нажав клавиши CTRL+C в окне терминала.