Projeto CRESCER - Passo-a-passo configuração Marvel

modulo-06-tutorial-marvel.md

Projeto CRESCER

Passo-a-passo para configurar API da Marvel

1. Cadastre-se no Developer Portal da Marvel
2. Uma vez logado com a conta criada, vá em My Developer Account
3. Guarde os valores de public key e private key.
4. Mais abaixo, em "Your authorized referrers", clique em "add a new referrer" e preencha com o valor "localtest.me"

• O site localtest.me é utilizado por alguns desenvolvedores para testarem ambientes de desenvolvimento, basicamente ele apontará o registro do DNS para o IP local da sua máquina (127.0.0.1), que é onde roda o servidor do Visual Studio. Só que precisamos autorizar um DNS público válido no portal da Marvel, por isso utilizaremos o localtest.me.

5. Clique em Update.
6. No Visual Studio, clique com botão direito no projeto Marvelflix, vá em Properties, na aba Web e na seção Start Action, selecione Start URL e coloque o valor http://localtest.me, conforme imagem abaixo:
   
7. Garanta que seu arquivo PASTA-DO-PROJETO/.vs/config/applicationhost.config possui estas linhas aqui
8. Inicie a aplicação normalmente com F5.

Para testar a comunicação

Faça um AJAX com tipo get (só funcionará se você rodar o ajax no projeto que roda http://localtest.me), substituindo o valor de apikey abaixo para o seu public key obtido no passo 3.

let url = 'https://gateway.marvel.com:443/v1/public/characters?apikey=COLOQUE-AQUI-SUA-PUBLIC-KEY&orderBy=-modified&limit=20';
$.get(url).then(
  res => console.log(res.data.results)
);