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 arquivo auth.js e localize a constante
msalConfig
:const msalConfig = { auth: { .. } }
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).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' } };
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.