forum icon indicating copy to clipboard operation
forum copied to clipboard

Mostrar informações vinda de site externo

Open brunomosciatti opened this issue 7 years ago • 4 comments

Boa tarde, pessoal! Tudo bem? Espero que sim!

Estou iniciando os estudos com Vue, instalei o template webpack com outer e estou querendo treinar um pouco.

O desafio seria mostrar uma tabela de jogos de um time de futebol vinda de algum site externo, como exemplo jogos do corinthians, vindo deste site: https://www.meutimao.com.br/proximos-jogos-do-corinthians

Seria possível? Podem me dar algum norte?

Obrigado! ;)

brunomosciatti avatar Mar 07 '18 17:03 brunomosciatti

Boa tarde, Eu recomendaria você pegar algum site que possui API pública (twitter, por exemplo) para aprender a fazer isso. Aí você usaria axios ou vue-resource por exemplo para ler os dados vindos da API.

Nesse site que você passou não há API pública pra te retornar os dados, então você teria que fazer um parse no DOM da página pra pegar os dados que você quer e isso faria você sair do foco que é aprender vue.

carlosrdemoura avatar Mar 07 '18 17:03 carlosrdemoura

Entendo @demouracarlos26 , tem razão!

Vamos melhorar então 👍

Que tal uma área de admin que permita adicionar/editar os jogos? e então os usuários poderiam ver

brunomosciatti avatar Mar 07 '18 18:03 brunomosciatti

@brunomosciatti Se você quer apenas treinar pode usar o json-server

neste caso você teria algo como:

{
  "jogos": [
    { "id": 1, "data": "08/04/2018", "time1": "palmeiras","time2":"corintias", "estadio":"alianz" },
    { "id": 2, "data": "18/04/2018", "time1": "são paulo","time2":"fluminense", "estadio":"alianz" },
  ]
}

O json server é bem completo! bom para ser usado como teste

danielschmitz avatar Apr 04 '18 00:04 danielschmitz

@danielschmitz vlw pela dica, show

marlontomaz avatar Sep 12 '19 17:09 marlontomaz