Exercício - Conectar um aplicativo do JavaScript ao Microsoft 365

  • 3 minutos

Neste exercício, você criará um aplicativo JavaScript conectado ao Microsoft 365. Você usará a biblioteca JavaScript da Biblioteca de Autenticação da Microsoft para permitir que os usuários se conectem ao seu aplicativo com sua conta do Microsoft 365 e mostrem seu nome usando o SDK Microsoft Graph JavaScript.

Execute seu aplicativo

  1. Para obter o código do aplicativo inicial usado neste exercício, escolha uma das seguintes opções:

    Se você usar o Git, clone o projeto usando o comando clonar git:

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

    Se você não usar o Git, acesse https://github.com/MicrosoftDocs/mslearn-retrieve-m365-data-with-msgraph-quickstart no navegador da Web. Selecione o botão Código seguido por Baixar o ZIP. Extraia o arquivo zip no seu computador.

  2. Abra o arquivo no seu editor de código.

  3. Abra o arquivo auth.js e localize a constante msalConfig:

    const msalConfig = {
  auth: { .. }
}

  4. Substitua o valor da clientId propriedade pelo valor de ID do Aplicativo (cliente) copiado do aplicativo Azure AD (spa-aad-app) que você registrou anteriormente. Você pode obter esse valor na página de visão geral do aplicativo do Azure AD (spa-aad-app).

  5. No mesmo arquivoauth.js , localize a msalConfig.auth.authority propriedade. Substitua o valor <your directory ID here> pelo valor ID do Directory (locatário) do aplicativo do Azure AD (spa-aad-app) registrado anteriormente. Você pode obter esse valor na página de visão geral do aplicativo do Azure AD (spa-aad-app).

    A constante msalConfig deve ser semelhante ao código a seguir, com as IDs exclusivas do locatário do Azure AD e do aplicativo registrado:

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

  6. Visualize o aplicativo da Web executando o seguinte comando no terminal:

    npm start

  7. O navegador padrão deve ser aberto e apontar para http://localhost:8080.

  8. Selecione o botão Entrar com a Microsoft para entrar com sua conta do Microsoft 365.

  9. Depois de entrar com sua conta e consentir com o aplicativo, você deverá visualizar o aplicativo mostrando seu nome de usuário.

  10. Pare o servidor Node.js selecionando Ctrl+C na janela do terminal.