Exercício - Conectar um aplicativo do JavaScript ao Microsoft 365
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
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.
Abra o arquivo no seu editor de código.
Abra o ficheiro auth.js e localize a constante
msalConfig
:const msalConfig = { auth: { .. } }
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).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 inquilino do Microsoft Entra e a 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' } };
Visualize o aplicativo da Web executando o seguinte comando no terminal:
npm start
O navegador padrão deve ser aberto e apontar para
http://localhost:8080
.Selecione o botão Entrar com a Microsoft para entrar com sua conta do Microsoft 365.
Depois de entrar com sua conta e consentir com o aplicativo, você deverá visualizar o aplicativo mostrando seu nome de usuário.
Pare o servidor Node.js selecionando Ctrl+C na janela do terminal.