Concessionarie Citroen Italia

1.

In questo tutorial, proverò a farvi trovare e stampare a video i rivenditori della Citroen 

Innanzitutto andiamo a questo indirizzo: Citroen concessionarie

si aprirà la schermata sulla destra.

Concessionarie Citroen Italia

Network_1

Network 1

Network_2

Network 2

2.

A questo punto clicchiamo con il tasto destro del mouse nella pagina, e clicchiamo su Ispeziona.

Si aprirà lo strumento di sviluppo di Google Chrome.

Andiamo su Network, probabilmente chiederà di ricaricare la pagina, facciamolo.

A questo punto compariranno alcune scritte (come a sinistra Network_1)

Ora, torniamo per un attimo nella pagina iniziale (cioè quella con la mappa che abbiamo aperto precedentemente), bene ora clicchiamo su cerca, tenendo vuoto il campo di ricerca.

Nella schermata del Network comparirà un’ulteriore voce getStoreList, clicchiamo su di essa (e poi su preview), e avremo la seguente immagine di sinistra (Network_2). Questa è la lista (non completa) di tutti i concessionari Citroen in Italia.

Ora clicchiamo su Headers, copiamoci il Request URL e apriamolo in una nuova scheda, ora compariranno tutti i concessionari d’Italia sottoforma di un JSON.

Per facilitare una corretta visualizzazione di file di Json, consiglio di installare un’estensione per Chrome Json Formatter.

Ora non ci rimane che estrapolare quei dati e stamparli nel nostro frontend.

Per terminare il nostro esercizio, creiamo un progetto e apriamo un nuovo file Php, qui dentro metteremo una formattazione HTML molto semplice che ci permetta di stampare i nostri dati in moto chiaro.

Per realizzarla, abbiamo bisogno di installare:

3.

Lo snippet di codice cicla il file json e stampa nella tabella i vari dati è il seguente:

Il risultato finale è visibile nella figura a destra.

Download Tutorial
By | 2017-11-24T14:32:38+00:00 novembre 24th, 2017|Tutorial|0 Comments