Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Problema ao rodar a "Aplicação de busca de aeroportos" do .Net e MongoDB parte 2

PessoALL,

Por favor, preciso de uma ajuda aqui.

Estou terminando a última parte do curso " .Net e MongoDB parte 2: integre uma webapp com o banco NoSQL" / "07 Testando a aplicação de mapas", e o programa roda, abre o navegador, permite preencher os dados de busca, mas o botão NÃO funciona e NÃO apresenta nenhum erro.

http://localhost:50239/

Olhando dentro do Browser no "F12" ou "Ctrl+Shift+I" (ferramentas de desenvolvedor) apareceu uma série de erros:

CONSOLE - Erros no Net e MongoDB parte 2: integre uma webapp com o banco NoSQL

O primeiro erro já delata algum problema com a comunicação com o Google Maps:

==========================================================

content.bundle.js:1 observing

content.js:52311 action frameLoad

maps.googleapis.com/maps/api/mapsjs/gen_204?csp_test=true:1 Failed to load resource: the server responded with a status of 403 (Forbidden)

:50239/favicon.ico:1 Failed to load resource: the server responded with a status of 404 (Not Found)

(index):96 localizando aeroportos...

:50239/Home/Localizar:1 Failed to load resource: the server responded with a status of 500 (Internal Server Error)

DevTools failed to load source map: Could not load content for http://localhost:50239/Scripts/bootstrap.min.js.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE

DevTools failed to load source map: Could not load content for http://localhost:50239/Content/bootstrap.css.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE

==========================================================

Me parece que alguma regra de "API" mudou... Mas para mapas estáticos, teoricamente não seria somente uma URL? Me perdi aqui...

Encontrei alguma coisa neste site:

==========================================================

Crie apps incríveis com as informações do Google sobre o mundo real

https://developers.google.com/maps/

==========================================================

Outras páginas interessantes:

==========================================================

Mensagens de erro na API Maps Static

A chave de API incluída na solicitação é inválida. - 403 FORBIDDEN

https://developers.google.com/maps/documentation/maps-static/error-messages

==========================================================

Usar chaves de API com a API Maps Static

Para proteger os produtos da Plataforma Google Maps contra uso não autorizado, restrinja as chamadas de API às que fornecem credenciais de autenticação adequadas. Essas credenciais estão na forma de uma chave de API, uma string alfanumérica exclusiva que associa a conta de faturamento do Google ao seu projeto e à API ou ao SDK específico.

Este guia mostra como criar, restringir e usar sua chave de API para a Plataforma Google Maps.

Adicionar a chave de API à solicitação

Você precisa incluir uma chave de API em todas as solicitações da API Maps Static. No exemplo a seguir, substitua YOUR_API_KEY pela sua chave.

EXEMPLO: "https://maps.googleapis.com/maps/api/staticmap?center=40.714%2c%20-73.998&zoom=12&size=400x400&key=YOUR_API_KEY"

https://developers.google.com/maps/documentation/maps-static/get-api-key#get-an-api-key

==========================================================

Google Cloud

https://console.cloud.google.com/projectselector2/google/maps-apis/credentials?pli=1

==========================================================

[]'s,

Fabio I.

2 respostas
solução!

Olá Fabio

Obrigado por compartilhar sua dúvida aqui.

Pelo console de erros que você compartilhou, parece que há um problema de comunicação com o Google Maps. O erro "Failed to load resource: the server responded with a status of 403 (Forbidden)" indica que você está tentando acessar uma API do Google Maps sem a devida autenticação.

Para resolver esse problema, você precisa adicionar uma chave de API válida nas solicitações da API Maps Static. No exemplo fornecido, você pode substituir "YOUR_API_KEY" pela sua chave. Você pode obter uma chave de API seguindo as instruções neste guia do Google: https://developers.google.com/maps/documentation/maps-static/get-api-key#get-an-api-key

Após obter a chave de API, você pode adicioná-la à solicitação da API Maps Static na sua aplicação. Isso deve resolver o problema de comunicação com o Google Maps.

Espero que isso ajude a resolver o problema que você está enfrentando. Se tiver mais alguma dúvida, é só me dizer.

Espero ter ajudado e bons estudos!

Otávio,

Acho que eu preciso prestar mais atenção nestes números...

==========================================================

6.5.3 . 403 Proibido

O código de status 403 (Proibido) indica que o servidor entendeu o pedido, mas se recusa a autorizá-lo. Um servidor que deseja tornar público por que a solicitação foi proibida pode descrever isso se deve na carga de resposta (se houver).

Se as credenciais de autenticação foram fornecidas na solicitação, o servidor os considera insuficientes para conceder acesso. O cliente NÃO DEVE repetir automaticamente o pedido com o mesmo credenciais. O cliente PODE repetir o pedido com novos ou diferentes credenciais. No entanto, uma solicitação pode ser proibida por motivos sem relação com as credenciais.

Um servidor de origem que deseja "esconder" a existência atual de um recurso-alvo proibido PODE, em vez disso, responder com um código de status de 404 não encontrado).

https://www.rfc-editor.org/rfc/rfc7231#section-6.5.3

==========================================================

Obrigado,

Fabio I.

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software