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

  • 12 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 ficheiro auth.js e localize a constante msalConfig:

    const msalConfig = {
    auth: { .. }
}

  4. Substitua o valor da clientId propriedade pelo valor de ID da Aplicação (cliente) copiado da aplicação Microsoft Entra (spa-aad-app) que registou anteriormente. Pode obter este valor na página de descrição geral da aplicação Microsoft Entra (spa-aad-app).

  5. No mesmo ficheiro auth.js , localize a msalConfig.auth.authority propriedade . Substitua o <your directory ID here> valor pelo valor de ID do Diretório (inquilino) da aplicação Microsoft Entra (spa-aad-app) que registou anteriormente. Pode obter este valor na página de descrição geral da aplicação Microsoft Entra (spa-aad-app).

    A msalConfig constante deve ter um aspeto semelhante ao seguinte código, com os IDs exclusivos do seu inquilino Microsoft Entra e da aplicação registada:

    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.