Образец справки: одностраничное приложение, подключенное к Microsoft 365

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

Рабочим приложениям нужны рабочие данные

Microsoft 365 — это популярный набор приложений, который организации по всему миру используют для облегчения совместной работы и общения. Это также платформа, которую вы можете использовать для создания приложений для работы и оптимизации совместной работы людей.

Эти приложения могут отображаться внутри Microsoft 365, перенося информацию из линейки бизнес-систем в приложения, которые люди используют каждый день. Они также могут быть автономными веб-приложениями, настольными и мобильными приложениями, которые объединяют данные и идеи из Microsoft 365 с данными из других систем.

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

Образец справки: одностраничное приложение, подключенное к Microsoft 365

Поскольку вы можете создавать множество типов приложений, подключенных к Microsoft 365, существует множество способов настройки проверки подлинности. И если вы только начинаете создавать приложения для Microsoft 365, вам может быть не совсем ясно, что именно вам нужно и как объединить разные части вместе.

Чтобы помочь вам начать работу, я создал пример одностраничного приложения, который показывает, как:

  • настроить аутентификацию с помощью Microsoft 365 в одностраничном приложении
  • разрешить пользователям входить и выходить из своих учетных записей Microsoft 365 в ваше приложение
  • получать данные из Microsoft 365 с помощью Microsoft Graph
  • зарегистрируйте свое приложение на платформе Microsoft Identity

Пример приложения создан с использованием простого JavaScript, что позволяет повторно использовать код в любой среде JavaScript. В репозитории вы найдете приложение, построенное двумя способами: с использованием немедленно вызываемых функциональных выражений (IIFE) и с использованием модулей ES (ESM). Какой из них вы выберете, во многом зависит от ваших предпочтений, но я хотел показать вам оба подхода.

Если вы хотите увидеть, как я шаг за шагом создавал приложение, ознакомьтесь с моей последней статьей на freeCodeCamp.

Первоначально опубликовано на https://blog.mastykarz.nl 6 октября 2022 г.