Exercício – Configurar o CORS

  • 3 minutos

Neste exercício, você configurará o CORS (Compartilhamento de Recursos entre Origens) em suas Funções do Azure locais e verá o aplicativo Product Manager ganhar vida.

Configurar o CORS

  1. Abra o ficheiro api/local.settings.json.

  2. Adicione uma secção "Host" (Anfitrião) por baixo da propriedade "Values" (Valores). Defina o valor "CORS" em "Host" como "*".

    {
  "IsEncrypted": false,
  "Values": {
    "AzureWebJobsStorage": "",
    "FUNCTIONS_WORKER_RUNTIME": "node",
     "AzureWebJobsFeatureFlags": "EnableWorkerIndexing",
    "CONNECTION_STRING": "PASTE YOUR CONNECTION STRING HERE"
  },
  "Host": {
    "CORS": "*"
  }
}

  3. Se a API ainda estiver em execução, reinicie o processo selecionando Desconectar na barra de depuração e pressionando F5 para iniciá-lo novamente.

Verificar a aplicação de front-end

  1. A aplicação de front-end ainda deve estar em execução num separador do browser na porta 5000. Atualize a página.

  2. O aplicativo carrega os dados da API.

    Captura de ecrã do browser a mostrar a aplicação Gestor de Produtos preenchida com dados.

  3. Para garantir que todos os pontos finais funcionam, tente criar, atualizar e eliminar produtos.

Esta aplicação parece estar em bom estado de funcionamento. Tem muito bom aspeto. Nada disto seria possível sem a sua brilhante API. Vamos testar o que aprendeu?