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 acessem seu aplicativo com sua conta do Microsoft 365. O nome deles será exibido então usando o SDK do JavaScript do Microsoft Graph.

Executar 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 encontre a constante msalConfig:

    const msalConfig = {
    auth: { .. }
}

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

  5. No mesmo arquivoauth.js , localize a msalConfig.auth.authority propriedade. Substitua o <your directory ID here> valor pelo valor da ID do diretório (locatário) do aplicativo Microsoft Entra (spa-aad-app) que você registrou anteriormente. Você pode obter esse valor na página de visão geral do aplicativo Microsoft Entra (spa-aad-app).

    A msalConfig constante deve ser semelhante ao código a seguir, com as IDs exclusivas do seu locatário do Microsoft Entra 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.