buon lunedì mattina oggi stiamo andando
di guardare alcuni principi fondamentali grafico QL
Sono mpj e stai guardando divertente divertimento
funzione
[Musica]
[Musica]
Va bene così ciò che è grafico QL io personalmente
pensa al grafico QL come sostituto di
riposa con brodo QL al posto di questi post
metti e prendi e cose che abbiamo un po ‘
linguaggio di query che è leggermente più
espressivo ci permette di ottenere esattamente
i dati che vogliamo sapere di più e
roba del genere
sia chiaro che non tutti saranno d’accordo con me
che sostituirà il riposo ma qui
va la mia previsione del grafico futuro
QL sostituirà per lo più il resto lì
L’ho detto e ora le persone possono collegarsi a
questo video in futuro e sia
ridi di me o riderò di loro ma
non importa se sia o meno
pensi che sostituirà il riposo o
non è ancora uno strumento molto molto utile
lascia che ti mostri come sembra okay
quindi quello che stai guardando qui è uno strumento
chiamato QL grafico che è in esecuzione sul mio
la mia macchina locale e questa è una specie di
strumento di debug che puoi usare per te
Conoscere gli endpoint QL del grafico e
questo è in esecuzione un servizio espresso
è il servizio espresso è un po ‘di
come dove stavamo andando alla fine di
questo video e quello che stiamo vedendo qui è
una query posso eseguirlo sì, questo mostra
tu il risultato di un autore questo è un
grafico QL endpoint che espone il
API Goodreads se non si conosce
Goodreads è fondamentalmente un social
rete per i nerd del libro immagino ma cosa
stiamo guardando qui è una query quindi cosa
questa domanda fa è richiesta un autore
con ID 4432 quindi questo è l’equivalente
di mettersi a riposo e quello che poi vediamo
ecco che stiamo richiedendo un nome come
beh vogliamo il nome dell’autore e quello
è quello che stiamo ottenendo anche qui in modo
vedi qui che la query qui
e il risultato è molto simile a loro
in realtà sono esattamente la stessa cosa
bene, hanno esattamente la stessa cosa
struttura tranne quella nel
risultato che i dati effettivi sono stati compilati
e se vogliamo richiedere più dati, noi
può farlo aggiungendo per esempio libri
qui e eseguirlo e lo mostrerà
mostra libri e come dici tu vedi qui
automaticamente caduto in due proprietà
qui per me titolo e ISBN che potresti
notare qui che a differenza del grafico di riposo QL
ha uno schema quindi non c’è
in realtà una struttura di tipo qui che
QL grafico è consapevole e può quindi
completamento automatico per questo, quindi se elimini questo
eul’s e type I vedi che lo farà
suggerirò cose per me e posso anche
guarda qui nella colonna di destra
Posso anche navigare e controllare il
API quindi sapere cosa seleziona cosa cosa
Proprietà quali argomenti posso selezionare
su quando si tratta di autore e mostra
io qui che è l’ ID che dovevo
passare qui e che restituirà un
autore
dammi un autore e se clicco sul
autore vedo che tipo di sensazione ha
e vediamo che i libri sono una lista di libri
che ti mostra anche che tipo di titoli
e tutti i tipi di proprietà che ha
ha un titolo e un bel bien come vedi
qui ah vediamo
era l’ISBN qui e ora la domanda qui
include ISBN se cancello qui il titolo
Otterrò solo i libri con i loro
ISBN
rimuovere il nome qui ci sono un sacco di altro
cose fantasiose di Quarian che puoi fare ma
questo è ciò su cui ci concentreremo
questo episodio così che cosa stiamo guardando
ecco perché è così utile perché siamo noi
semplicemente non andando
dritto verso l’ API Goodreads
lascia che ti mostri di cosa si tratta
l’ endpoint dell’autore si presenta come in
API Goodreads quindi quello che vedi qui è
il payload del endpoint REST API
autore qui nell’API Goodreads e come
vedi che è bene che sia XML per i principianti
ed è anche molto grande quindi
ti dà un sacco di dati quindi se tu
non si può realisticamente usare questo da
il cliente se vuoi un cliente veloce
perché ti piacerà darti tutto il
dati ti darà anche tutto di
anche gli autori sono libri, quindi vedi
qui come wow ci sono tutti i libri
qui e questo è naturale quando arriva
a REST API come la maggior parte s REST API ti danno
un sacco di cose lì dentro endpoint
perché non è stato creato un linguaggio di query
nel riposo va bene lo chiediamo
risorsa che chiediamo a questo autore e
non c’è niente specificato nel resto
contratto di bene con cui voglio gli autori
un titolo e i loro libri con un sì
c’è PMS che non esiste una cosa del genere
integrato nel resto del protocollo o del
contratto di riposo o il resto standard oh
puoi costruire questo sopra a riposo e
alcuni ApS hanno che, per esempio, facciamo
dì che potresti avere una specie di
i campi equivalgono al titolo qui ma a tutto questo
sarebbe diverso da API a API e
non saresti in grado di riutilizzare ogni riposo
strumenti da caso a caso questo è
qualcosa che ogni endpoint dovrebbe avere
costruire da zero e tutti i consumatori
dovrebbe anche albero
ogni consumo API in modo diverso con
cosa ricostruire questo Beltran
in alternativa puoi costruire a
servizio intermedio tra i resti
il servizio principale l’ API Goodreads
e poi costruisci il tuo piccolo
servizio di supporto forse con nodo blu
Servizio espresso che alimenta esattamente
informazioni al cliente con
fondamentalmente tu crei fondamentalmente un cliente
servizio di back-end specifico Netflix
reso popolare questo in realtà un paio di
anni fa come quattro quattro anni fa quando
hanno pubblicato un articolo che parla
la loro architettura dove li avevano
avevano il loro nucleo di servizi che tutti
tutte le cose hanno consumato il posto in cui tu
preso i film e roba loro erano super
generico ma poi avevano anche questi
servizi di aggregazione che hanno scelto e
mostra quali fonti scegliere tra e
poi hanno servito un cliente molto specifico
carico utile ai rispettivi clienti così
avevano un piccolo servizio di server per il
diciamo un po ‘il client Apple TV
servizio per il client Android un po ‘
servizio per il client Roku e uno per
il servizio web ma a seconda di cosa
quella vista aveva bisogno di quali informazioni
ho bisogno di quello che vedo grafico QL come è un altro
modo generico di creare questi
servizi di aggregazione così invece di
costruire questo insieme di servizi con vista
meccanismi di consegna specifici che puoi utilizzare
grafico QL per costruire uno che è carina
dannatamente bravo a consegnare esattamente il
tipo di dati richiesti da ogni cliente
quindi nel video di oggi cosa faremo
è che lo trasformeremo in questo
questo è ciò che faremo iniziamo
creando
ting un nuovo repository su github yeah I’m
questo sarà disponibile per te
posso seguire, credo e me ne vado
per chiamarlo f FF dot graph graph QL e
Goodreads e non mi preoccuperò di darlo a
descrizione e aggiungerò un git ignore
per il nodo F la mia chiave qualcosa che forse
creare un deposito clone o scaricare un prestito
copia copia copia e stiamo per ottenere
pasta soffiata che nel caricamento della clonazione
clonazione e clonazione e vedere il grafico FFF QL
buone radici
apriamo il codice tutto bene
Il primo passo è creare un web di base
server di servizio un server Express sono
lo farò ora, creeremo un
servire punto J e sono bravo a scrivere questo
adesso
va bene, iniziamo includendo
Express richiede look Express e il
il primo passo è quello di creare un’applicazione è giusto
come tramite lo scrolling Express che ci regala
un’app e poi l’app sta per
ascolta alcune porte 4000 oh penso e
quindi cancelliamo il log ascoltandomi
portare la console creare integrato
terminale entrambi e non lo so signore ma sì
non riesco a trovare modulo Express no
corretto perché non abbiamo tirato dentro
il modulo npm
quindi, prima andiamo e ci sono dentro così
creiamo un pacchetto per Jason, sono solo
colpire invio inserire inserire inserire inserire
accedere
inserisci inserisci inserisci inserisci sì qualunque e
quindi inseriremo l’ Express
modulo e può installare – test – salvare
Esprimete l’installazione per favore, aspettatevi oh
è stato veloce
okay, eseguiamolo di nuovo, il nodo serve a rantolare
oh questo ascolto cool, ma non abbiamo nulla
sta davvero succedendo qui così che cosa siamo
intenzione di fare ora è che ci accingiamo a
creare un grafico QL endpoint e fare
che c’è un Express molto utile
plug-in extension plug-in II non so
in entrambi i casi si chiama gruppo richiede
Esprimi il grafico QL e lo faremo
uccidere quel grafico QL HTTP credo
questa è una convenzione e prima di ascoltare
lo useremo in Express e noi
stanno facendo 2 QL Non sono esattamente sicuro di cosa
cosa sta facendo, ma è così
l’hai impostato espressamente, quindi facciamolo
suppongo che questo significhi che noi
stanno registrando questa estensione a
questo a questo endpoint vediamo
Lo passerò grafico vero vero vediamo
se funziona
in questa forma no non lo farà perché
impossibile trovare il modulo Express graph QL
includiamo un’installazione NPM – basta salvare
Il grafico Express eseguito di nuovo non può trovare
modulo grafico QL
perchè non l’hai installato per me no?
perché stai usando le dipendenze tra pari
che sono cattivi in entrambi i casi vuol dire che
anche
Cerchiamo di nuovo si sta ascoltando fresco
okay ho scritto grap ql sbagliato quindi vediamo
se funziona, se io vado a quello ora
che succede
localhost correct ql okay
grafico Le opzioni del middleware QL devono contenere
uno schema che non è ancora corretto
abbastanza
abbiamo bisogno di definire uno schema bene così dove
riceviamo schemi da e cosa è
quindi lo schema è fondamentalmente il tuo grafico
stanno cantando è quello che contiene
i tipi e può anche contenere tutto
delle informazioni su come arrivare al
dati quindi è fondamentalmente dove tutto
la magia accade così andiamo
definire uno schema e stiamo per mettere
quello in un file
sai che creiamo quel nuovo lasciami
chiudi questa console per ora salva e io sono
per rimodellare J noi ora prima di noi
qualsiasi cosa mi piacerebbe davvero ottenere
i dati dal dall’API Goodreads
e per farlo useremo fetch
recuperare è il modo standard di ottenere
dati sui browser moderni non è così
non esiste nel nodo ma per fortuna noi
abbiamo cose fantastiche come i moduli così possiamo
prendilo con un modulo FBI e noi
appena fresco richiedono nodo prendere e noi siamo
andando a prendere l’endpoint e
ciao-yah ho intenzione di copiare incolla questo qui
dal nostro esempio di esempio quello che ho incollato
nel browser in precedenza stiamo andando a
conservare
ID hard-coded qui per ora e una volta
noi con la risposta poiché questo è
normalmente se questo fosse Jason, lo faremmo
risposta punto JSON ma questo è XML così noi
ho a che fare con quello e ho
API intenzionalmente scelta e fastidiosa
qui perché API è sono spesso molto
imperfetto devi fare un bel po ‘ di
mangling con loro e questo è in realtà
è un ottimo caso d’uso per il grafico QL
questa cosa carina che hai messo di fronte
un sacco di API sporche quindi forse no
sporco ma forse solo balcanizzato loro
non sono coesi ma non puoi ottenere tutto
i dati che vuoi in un colpo solo
quindi aggiungi una cosa QL del grafico nel
mezzo per aggregare quel pittore per te
in entrambi i casi quindi penso che vediamo
quello che succede qui arriva ax pick e X
e sto per iniziare Quokka qui
quokka inizia con il file corrente si
kyoool okay abbiamo delle cose qui sì
questo ci dà l’XML come una multa di stringa
questo è il plug-in di valutazione in linea
chiamato quokka è molto utile quando si
voglio solo fare un po ‘di increspatura
sviluppo basato mi piace molto e
ma non vogliamo che questo sia difficile da gestire
con una stringa così vorrei
qualcosa che analizza questo in un like
sarà ancora la struttura xml
ma mi piacerebbe che fosse come un
oggetto javascript quindi c’è a portata di mano
Modulo JSON spiace modulo npm per quello
si chiama require dot xml lasciami fare
minimizzalo per ora
xml – Jas e il
una pratica funzione chiamata stringa di parti
quello farà esattamente quello che voglio
ora il problema è che questa povera stringa
è stato uno strumento molto maturo è stato
in giro per un po ‘ ma come conseguenza
usa i callback non promette quindi siamo
intenzione di utilizzare un YouTube che è stato aggiunto
nel nodo 1.81 per un nodo moderno simile
richiedi la regola u 2 & u 2 dot pro me vedi
bene affinchè questa cosa ritorni a
promettere
invece di usare le callback in modo che noi
può usarlo nella nostra catena di promesse
qui parlerò di XML fantastico
e poi lo passiamo al nostro allora
lalala lalala scusa parsec così bello questo
viene letto perché è rosso non riesce a trovare il modulo
XML to JSON è perfettamente corretto
quindi passiamo al commutatore integrato
nope terminal e lasciami installare – –
– salva XML – J si va bene
vedere se questo inizia a far funzionare le parti più interessanti
XML non è definito
no ho sbagliato ok ora abbiamo e
invece otteniamo questo oggetto handle con
XML come base di oggetti che è buono
abbastanza per procedere lasciami posso spegnere
quak quak off
stop stop cool la la la la cosa noi
gonna do è che ci accingiamo a fare
esportiamo le esportazioni di moduli che stiamo andando a
esportare un nuovo schema di schema QL grafico
gruppo alla radice qui stiamo andando
definire la nostra query query difficile da scrivere e
quello sarà un grafico QL qql
tipo di oggetto funk che a sua volta è
avrò un nome che chiameremo
chiedo avrà una descrizione che sono
non sono sicuro se questo è necessario o non tutto
gli esempi lo usano ma continuiamo a farlo
lì per ora e poi quella cosa è
andando a disporre di campi con queste vecchie mappe
l’esempio che abbiamo visto in precedenza Fields è a
funzione che dovrebbe restituire un oggetto
ed è bello ricordare un autore
che stiamo interrogando gli autori nel
Arthur in API e questo sta per
avere un tipo di autore dopo il tipo ora da
da dove viene il tipo di autore?
andando a definire questo in un po ‘ ma
Vado avanti ancora un po ‘
è questa domanda richiede alcuni argomenti
un argomento per essere specifici richiede
un ID e quell’ID è di tipo grafico QL
int e forse possiamo davvero fare
procedere definendo l’altro tipo
in realtà facciamolo
questo è il modo in cui lo fai che fai com punti
o terzo tipo è uguale a nuovo grafico è
un altro di questi ne ho copiata
grafico QL tipo di oggetto ed è simile a
la query richiede un nome Mew Mew Mew
Mew Sto andando chiamo all’autore ed è
avrò una descrizione e
è anche andando ad avere alcuni campi si
scorri un po ‘in modo da poterlo fare
vedere entrambi allo stesso tempo i campi è
di nuovo una funzione che restituisce un oggetto
e l’autore ha un nome
[Musica]
sai cosa lasciamo per ora
e vediamo se possiamo farlo funzionare
prima di procedere quindi stiamo esportando
questo schema qui e commenta questo
prendi solo per ora e sì, così siamo
piuttosto uno schema che lo passa
forse funzionerà, vediamo alternativamente
passare all’integrazione al diario e lo sai
iniziamo il grafico del server okay bang
Il tipo di oggetto QL è notificato no
in realtà richiedono questi oggetti questi
cose in faccia, facciamolo
cabina di comunicazione da cui abbiamo bisogno
grafico QL devi farlo così sto andando
afferrare che usiamo anche questo grafico delle cose
Schema QL mi dispiace lì e anche noi
ha avuto il grafico QL int
che va bene eseguirlo e vedere se è così
lavori
non si rompe ancora vediamo cosa è rotto
ciò che ha rotto ciò che sente l’ autore è necessario
essere un oggetto con i nomi dei campi come chiavi o
okay, dobbiamo definire un campo così
facciamolo, quindi diamo un nome e
quello deve essere un tipo aspettare vicino
questo per non essere distratto e il tipo
sta per essere una stringa QL grafico e
[Musica]
okay forse è abbastanza
vediamo e abbiamo anche bisogno di includere
questo richiede che veda Wow apriamo la corsa
di nuovo e vedi cosa succede
tutto bene così bene, ascoltami bene così
quello che stiamo facendo qui è il mio vecchio
esempio preparato che è stato scritto bene
ora ora cosa serve il servizio servire come
a localhost è la mia vera ascia
o codice che stiamo guardando così sì
posso ottenere la radice che è corretta perché noi
non ho input lì ma andiamo a
grafico QL
Penso che abbiamo scritto male il grafico QL
grafico QL va bene, questo è in realtà
qualcosa che ricorda dal locale
memorizzazione dei cookie o qualcosa di questo è
non effettivamente estratto dal server
cancelliamo questo per ora e andiamo
esegui questo e guarda cosa succede
errore di sintassi grafico richiesta QL prevista
nome trovato nome previsto trovato ciò che il
diavolo significa questo
okay, perché l’ho passato vuoto
oggetti vuoti che hanno appena rotto è a
una volta o niente o questo questo oggetto
cosa letterale con una proprietà così
ora stiamo ottenendo alcuni dati
qui come è non sta effettivamente dando
noi qualsiasi autore perché non abbiamo dato
è un modo per arrivare a quei dati così
facciamolo ora spostalo
per un po ‘risolviamo questo errore di battitura in realtà
grafico qui bene okay torniamo a
lo schema e vediamo se possiamo prenderne un po ‘
alcuni dati a qui quindi sono copia andando questo
il nostro bastone di recupero e io sto andando a scorrere
quaggiù all’autore
ora oltre a tipo e org possono anche
forniscigli una funzione risolutiva
è fondamentalmente la funzione che il
graffia userà per recuperare o acquisire il
dati per un autore, quindi cosa stiamo andando
fare è prendere una funzione
il primo argomento per la funzione è
i dati qualsiasi genitore che viene passato ad esso
se è una struttura annidata non ci interessa
su questo al momento il secondo
la discussione è l’org che suppongo di poter fare
chiamalo sono queste cose ma con il
dati effettivi passati in te se tu
ricorda come questi sono gli archi così questo
è quello che avremo capito
un ID e stiamo andando ottenere questo questo
numero quindi inserirò il fatto
qui e ricorda che questo è il nostro
argomenti ti vedo che cambieremo
questo a un modello letterale e lo siamo
sostituirò questa cosa qui dove il
args dot ID in modo che ora diventi effettivo
usa questo ID da questo ID qui è
inserirò questo in questa API qui
e sta andando a prendere tutti questi dati
qui non sono sicuro esattamente dove siamo
sai cosa facciamo solo facciamo solo correre
e vedere cosa succede Let’s
riavvia il server, lo farò
finestra un po ‘più piccola e andiamo
torna indietro al yeah per il browser oh
e corriamo e vediamo cosa succede
oh mio dio non può quello che neanche è
va bene è perché ho risolto il tipo di
grafico QL blam run ok come possono sapere
bene questo ha senso perché hmm so
quello che risolverà è che sta andando
per recuperare tutti questi dati e poi è
andando ad analizzare l’XML è un oggetto JSON
e poi fornirà quei dati
e ha chiesto come i dati si incontrano con il
il tipo di autore
come stiamo caricando, quindi lo caricheremo ma
se guardiamo qui al tipo di auto c’è
questo nome qui che abbiamo ce l’ha no
modo di sapere come estrarre questo nome
da questo questo mostro XML che abbiamo
ricorda come questo è ciò che in realtà
sembra che ci sia come dov’è il
nome dell’autore bene è qui noi
so questo, ma il codice non quindi cerchiamo di
correggi quella correzione e aggiustiamo la cosa
rendere questa finestra un po ‘più piccola
lasciami rimuovere quella barra laterale e averli
firmare il mio lato così vediamo qui che il
il primo elemento radice qui è un Goodreads
risposta , copiamo questo
e che dire del pop-up fanno le persone
nomi così nominati
abbiamo bisogno di un modo qui per risolvere il nome il
risolvere la funzione di nuovo qui ha lo stesso
formato ma qui ricorda qui bene
ora non abbiamo argomenti
perché non ci sono argomenti in corso
qui solo gli argomenti in corso su questo
livello così qui ottiene solo il nome
ma è stato passato è stato passato
i dati in basso da questo così in questo caso
il primo argomento qui sarà
l’XML effettivo che viene restituito
dalla raccolta qui, quindi stiamo andando a
fare un punto XML potrebbe raggiungere il ponte quindi noi
vedi qui come me chiudi questa richiesta
sotto buona risposta in lettura abbiamo un
autore quindi questo è un autore con a
questa proprietà ha quindi questi multipli
elementi questo se vedi che questo è
poiché questo è XML
l’autore potrebbe avere più elementi così
in realtà dovremmo farlo in questo modo quando
è convertito in JSON è un po ‘funky
ma questo è il modo in XML per JSON
la conversione funziona e poi ci va
essere questo elemento con nome e di nuovo nome
potrebbe avere potrebbe essere più uno così noi
stanno andando a scegliere il campo del primo nome
e penso che sia vedere se ha funzionato
Wow, diamo un’occhiata così carina
controllalo
whoa autore di nome Jasper Fforde noi
non abbiamo visto come si, solo per
i divertimenti guardiamo un altro Walter
basta vedere che tutto funziona ma io
non ho accidentalmente codificato
qualcosa va bene seleziona il check-out
Nassim Taleb come ID è qui in woof e
vediamo come incolliamo quello dentro oh aspetta
Lo incollo qui boom Nassim
Nicholas Taleb ok eccellente, facciamolo
stessa cosa per i libri, quindi aggiungeremo
un nuovo campo Oh libri non a caso
questo tipo sarà un grafico Q un
lista o lista e sarà una lista
del tipo di libro e che stiamo andando
per definire quel tag book qui su Const
prenotare il tempo quindi questo è lo stesso processo di
autore strettamente nuovo tipo di oggetto QL grafico
perché ho voglia di scriverlo in questo
tempo e non copiare incollarlo ed è
avrò un nome e una descrizione
ma sembreremo proprio come il
il tipo di autore avrà dei campi
campi di nuovo è una funzione che
restituisce un oggetto letterale sì ma io
non posso digitare non posso che cosa sia
succede a me sto avendo un ictus
va bene lì e il campo quindi andiamo
dai un’occhiata a come appaiono i libri
l’XML mmm mmm sì, ha un titolo qui
e ha un codice ISBN accontentiamoci
definendo quelli per il momento non lo è
ha chiamato il suo titolo ed è un grafico temporale
Stringa QL e abbiamo anche un codice ISBN che
beh, cos’è che è BN no e lo sono stato
sembra che sia effettivamente una stringa
perché a volte inizia con uno zero
e questo potrebbe essere significativo, quindi facciamolo
chiamiamo anche questo grafico QL QL
stringa mm-hmm, facciamolo eseguire e
guarda dove siamo e così sarà
mm-hm qualcosa è rotto elenco QL grafico è
non definito okay, sì no
richiesto che così dove è a
lista grafica prendi la lista che non ho
vuoi scriverlo non voglio scriverlo
dove si trova dove si trova lì è
e lo incollo qui
sono stati molto più veloci per iniziare e
si rompe di nuovo scorrere qui
non posso chiamare una classe come una funzione che
è probabilmente perché ho dimenticato di nuovo
da qualche parte
book volta che probabilmente nella grafica
sì, ho di nuovo qui, sai, servito
si okay e corriamo sì, ma va bene
trova le tue parole ma possiamo accedere ai libri
no non può ancora perché non tipo di campo di libri
i libri di tipo libro devono avere una selezione
di sottocampo intendi libri va bene
cosa succede se dico titoli non va bene
e di nuovo siamo nella stessa situazione noi
erano prima che abbiamo uno schema nel
posto giusto ma lo schema non ha modo di
sapendo come estrarre libri dal
Mostro XML quindi diamo un’occhiata a come
questo vale c’è un Wow XML sotto il
autore c’è un elemento di libri , quindi facciamolo
assicurati che l’ elemento del libro sia
passato
– Sì, vogliamo questa collezione questi
qui vogliamo che questi elementi siano passati
a ogni ogni tipo di libro come a un dato
quindi andiamo all’autore e ai libri
quindi penso che possiamo farlo così, lo farò
fai questo per risolvere risolvere e di nuovo
risolvere è una funzione che riceve il
Percorso XML in questo caso e noi vogliamo noi
non voglio passare in tutta la faccenda
vogliamo solo passare
le rispettive specifiche diviso lo stufato
solo l’autore era il libro libri questo
sta per essere tale elemento e sono un
un po ‘incerto su come procedere
forse penso che sarà così
una matrice di tutto il libro
elementi okay vediamo come questo
gioca , vediamo cosa si sta facendo
passato, creiamo una soluzione
funzione da qualche parte qui risolviamo
per esempio, per esempio, vendiamolo
è una funzione e credo che lo farò
console.log questo fuori
Sono XML vediamo cosa succede perché
Sono così incerto che succede tutto bene
facciamolo e vediamo cosa è
passato a I am XML BAM è previsto iterabile
ma non ne trova uno per l’autore del campo
libri shet non ha ottenuto fino a questo punto non c’è
no console.log facciamo scorrere verso il basso a
un po
hmm okay estraiamo questo punto della console
log ciao – ora ho i libri che stiamo andando
chiama i libri che riavvieremo vedere
che succede
ok , vediamo cosa è uscito
oh ok, ecco perché non funziona così
questo in realtà vedrà questo si disconnette
un oggetto con un libro di proprietà con un
array di ciò che vogliamo così XML a JSON
la conversione è a volte un po ‘
da capogiro perché non fanno Mack
piuttosto uno a uno, ma se lo faccio
Penso che andrà tutto bene Diamo
riavviare e vedere cosa succede se otteniamo
più forte, otteniamo un po ‘di più
vediamo di nuovo di nuovo adesso
registro della console risolviamo sul libro
vediamo cosa stiamo trovando qui così io
sono XML qui e questo è quello che sembra
come se fossi un’automobile
quindi sai cosa sto per fare questo
trucco Jason non lo fanno stringa mi fie
così ora no – così che scrive il suo
un po ‘di più perché lo vedi qui
fa crollare le cose e questo semplicemente confonde
quindi liberiamoci di quello proviamo
di nuovo okay oh okay, in realtà
Va bene qui andiamo
ISP cosa ok ID qui questo è strano cosa
è questo, ma almeno abbiamo titoli
qui è bello, va bene, va bene
e forse forse questa è una specie di
libri che ha scritto che non ha
sono piensan che mi permette di scorrere verso l’alto
un pochino e vediamo di sì così per alcuni
i libri hanno un codice ISBN corretto ma
alcuni no
quello che è brutto va bene, ma possiamo occuparci
con quello
così funzionerà con questo punto nome punto XML
che cosa come questo, vediamo ricominciamo
il server vede se non può leggere
proprietà zero di noite indefinita no
va bene , ma non è il nome che i libri non fanno
avere un nome libri sono come oh va bene
riavvio riavvio ricomincia si cool titolo
il cigno nero ingannato dalla casualità entrambi
questi libri sono presumibilmente molto buoni, io sono
cercando di superare l’ allenamento del cigno nero
va bene, e se faccio lo stesso?
cosa quattro quattro quattro quattro quattro occhi
oltre XML dude XML dot ASP e zero
avvia il codice ISBN dei libri server, così noi
non vedo un bel di là ma di nuovo
Sono tipo gli occhi oltre la fine che non abbiamo
richiesto, quindi facciamolo aggiunto
ecco Shh e guarda che stiamo ricevendo
il ghiaccio oltre lo sguardo ora possiamo
basta richiedere solo l’autore con il
nome se vogliamo BAM
prendi il nome che è bello aureus
libri con solo l’ISP e anche questo
bello penso che questa sia ora la missione
compiuto
Ho intenzione di commettere questa eliminazione e
quindi ottenere lo stato ottenere aggiungere il blocco del pacchetto
pacchetto JSON schema J else e servire J s
damnit JS su git commit e iniziale
commettere non è davvero l’iniziale
commit ma ottieni push push origine master
v’è ora possibile verificare che fuori
te stesso con cui vuoi giocare
questo però questo è solo graffiare il
superficie di quale grafico QL può fare ciò che io
vorrei fare la prossima volta è mostrare
hai un po ‘di tutto il pigro recupero di dati
la prossima volta la capacità del grafico QL
faremo finta che la nostra API sia nostra
Il giardino sicuro di Goodreads non aveva questo
perché l’autore si trova qui
include tutti i libri che un autore
ha quale è un design API piuttosto strano
di solito in riposo non lo sono
abbastanza aggressivo in incluso
roba del genere perché il carico utile
diventa enorme normalmente devi prima
richiedere un autore e quindi anche richiedere
l’altro endpoint l’endpoint dei libri
o qualcosa del genere per ottenere il
i libri che questo autore possiede così
parla e questo è qualcosa che puoi
molto facilmente nel grafico QL perché
questi metodi di risoluzione qui possono
restituire le promesse e questo è super-super
potente e flessibile e davvero bello
lavorare con e questo è quello che stiamo andando
per guardare il prossimo episodio che hai
ho appena guardato un episodio divertente
funzione lo rilascio ogni lunedì
mattina Oh 800 GMT se stai guardando
dal futuro puoi guardare dopo
episodio della settimana qui adesso se lo sei
non ancora in futuro puoi controllare
il video di Patreon mentre aspetti
Sono NPJ fino al prossimo soggiorno Lunedi mattina
curioso
di guardare alcuni principi fondamentali grafico QL
Sono mpj e stai guardando divertente divertimento
funzione
[Musica]
[Musica]
Va bene così ciò che è grafico QL io personalmente
pensa al grafico QL come sostituto di
riposa con brodo QL al posto di questi post
metti e prendi e cose che abbiamo un po ‘
linguaggio di query che è leggermente più
espressivo ci permette di ottenere esattamente
i dati che vogliamo sapere di più e
roba del genere
sia chiaro che non tutti saranno d’accordo con me
che sostituirà il riposo ma qui
va la mia previsione del grafico futuro
QL sostituirà per lo più il resto lì
L’ho detto e ora le persone possono collegarsi a
questo video in futuro e sia
ridi di me o riderò di loro ma
non importa se sia o meno
pensi che sostituirà il riposo o
non è ancora uno strumento molto molto utile
lascia che ti mostri come sembra okay
quindi quello che stai guardando qui è uno strumento
chiamato QL grafico che è in esecuzione sul mio
la mia macchina locale e questa è una specie di
strumento di debug che puoi usare per te
Conoscere gli endpoint QL del grafico e
questo è in esecuzione un servizio espresso
è il servizio espresso è un po ‘di
come dove stavamo andando alla fine di
questo video e quello che stiamo vedendo qui è
una query posso eseguirlo sì, questo mostra
tu il risultato di un autore questo è un
grafico QL endpoint che espone il
API Goodreads se non si conosce
Goodreads è fondamentalmente un social
rete per i nerd del libro immagino ma cosa
stiamo guardando qui è una query quindi cosa
questa domanda fa è richiesta un autore
con ID 4432 quindi questo è l’equivalente
di mettersi a riposo e quello che poi vediamo
ecco che stiamo richiedendo un nome come
beh vogliamo il nome dell’autore e quello
è quello che stiamo ottenendo anche qui in modo
vedi qui che la query qui
e il risultato è molto simile a loro
in realtà sono esattamente la stessa cosa
bene, hanno esattamente la stessa cosa
struttura tranne quella nel
risultato che i dati effettivi sono stati compilati
e se vogliamo richiedere più dati, noi
può farlo aggiungendo per esempio libri
qui e eseguirlo e lo mostrerà
mostra libri e come dici tu vedi qui
automaticamente caduto in due proprietà
qui per me titolo e ISBN che potresti
notare qui che a differenza del grafico di riposo QL
ha uno schema quindi non c’è
in realtà una struttura di tipo qui che
QL grafico è consapevole e può quindi
completamento automatico per questo, quindi se elimini questo
eul’s e type I vedi che lo farà
suggerirò cose per me e posso anche
guarda qui nella colonna di destra
Posso anche navigare e controllare il
API quindi sapere cosa seleziona cosa cosa
Proprietà quali argomenti posso selezionare
su quando si tratta di autore e mostra
io qui che è l’ ID che dovevo
passare qui e che restituirà un
autore
dammi un autore e se clicco sul
autore vedo che tipo di sensazione ha
e vediamo che i libri sono una lista di libri
che ti mostra anche che tipo di titoli
e tutti i tipi di proprietà che ha
ha un titolo e un bel bien come vedi
qui ah vediamo
era l’ISBN qui e ora la domanda qui
include ISBN se cancello qui il titolo
Otterrò solo i libri con i loro
ISBN
rimuovere il nome qui ci sono un sacco di altro
cose fantasiose di Quarian che puoi fare ma
questo è ciò su cui ci concentreremo
questo episodio così che cosa stiamo guardando
ecco perché è così utile perché siamo noi
semplicemente non andando
dritto verso l’ API Goodreads
lascia che ti mostri di cosa si tratta
l’ endpoint dell’autore si presenta come in
API Goodreads quindi quello che vedi qui è
il payload del endpoint REST API
autore qui nell’API Goodreads e come
vedi che è bene che sia XML per i principianti
ed è anche molto grande quindi
ti dà un sacco di dati quindi se tu
non si può realisticamente usare questo da
il cliente se vuoi un cliente veloce
perché ti piacerà darti tutto il
dati ti darà anche tutto di
anche gli autori sono libri, quindi vedi
qui come wow ci sono tutti i libri
qui e questo è naturale quando arriva
a REST API come la maggior parte s REST API ti danno
un sacco di cose lì dentro endpoint
perché non è stato creato un linguaggio di query
nel riposo va bene lo chiediamo
risorsa che chiediamo a questo autore e
non c’è niente specificato nel resto
contratto di bene con cui voglio gli autori
un titolo e i loro libri con un sì
c’è PMS che non esiste una cosa del genere
integrato nel resto del protocollo o del
contratto di riposo o il resto standard oh
puoi costruire questo sopra a riposo e
alcuni ApS hanno che, per esempio, facciamo
dì che potresti avere una specie di
i campi equivalgono al titolo qui ma a tutto questo
sarebbe diverso da API a API e
non saresti in grado di riutilizzare ogni riposo
strumenti da caso a caso questo è
qualcosa che ogni endpoint dovrebbe avere
costruire da zero e tutti i consumatori
dovrebbe anche albero
ogni consumo API in modo diverso con
cosa ricostruire questo Beltran
in alternativa puoi costruire a
servizio intermedio tra i resti
il servizio principale l’ API Goodreads
e poi costruisci il tuo piccolo
servizio di supporto forse con nodo blu
Servizio espresso che alimenta esattamente
informazioni al cliente con
fondamentalmente tu crei fondamentalmente un cliente
servizio di back-end specifico Netflix
reso popolare questo in realtà un paio di
anni fa come quattro quattro anni fa quando
hanno pubblicato un articolo che parla
la loro architettura dove li avevano
avevano il loro nucleo di servizi che tutti
tutte le cose hanno consumato il posto in cui tu
preso i film e roba loro erano super
generico ma poi avevano anche questi
servizi di aggregazione che hanno scelto e
mostra quali fonti scegliere tra e
poi hanno servito un cliente molto specifico
carico utile ai rispettivi clienti così
avevano un piccolo servizio di server per il
diciamo un po ‘il client Apple TV
servizio per il client Android un po ‘
servizio per il client Roku e uno per
il servizio web ma a seconda di cosa
quella vista aveva bisogno di quali informazioni
ho bisogno di quello che vedo grafico QL come è un altro
modo generico di creare questi
servizi di aggregazione così invece di
costruire questo insieme di servizi con vista
meccanismi di consegna specifici che puoi utilizzare
grafico QL per costruire uno che è carina
dannatamente bravo a consegnare esattamente il
tipo di dati richiesti da ogni cliente
quindi nel video di oggi cosa faremo
è che lo trasformeremo in questo
questo è ciò che faremo iniziamo
creando
ting un nuovo repository su github yeah I’m
questo sarà disponibile per te
posso seguire, credo e me ne vado
per chiamarlo f FF dot graph graph QL e
Goodreads e non mi preoccuperò di darlo a
descrizione e aggiungerò un git ignore
per il nodo F la mia chiave qualcosa che forse
creare un deposito clone o scaricare un prestito
copia copia copia e stiamo per ottenere
pasta soffiata che nel caricamento della clonazione
clonazione e clonazione e vedere il grafico FFF QL
buone radici
apriamo il codice tutto bene
Il primo passo è creare un web di base
server di servizio un server Express sono
lo farò ora, creeremo un
servire punto J e sono bravo a scrivere questo
adesso
va bene, iniziamo includendo
Express richiede look Express e il
il primo passo è quello di creare un’applicazione è giusto
come tramite lo scrolling Express che ci regala
un’app e poi l’app sta per
ascolta alcune porte 4000 oh penso e
quindi cancelliamo il log ascoltandomi
portare la console creare integrato
terminale entrambi e non lo so signore ma sì
non riesco a trovare modulo Express no
corretto perché non abbiamo tirato dentro
il modulo npm
quindi, prima andiamo e ci sono dentro così
creiamo un pacchetto per Jason, sono solo
colpire invio inserire inserire inserire inserire
accedere
inserisci inserisci inserisci inserisci sì qualunque e
quindi inseriremo l’ Express
modulo e può installare – test – salvare
Esprimete l’installazione per favore, aspettatevi oh
è stato veloce
okay, eseguiamolo di nuovo, il nodo serve a rantolare
oh questo ascolto cool, ma non abbiamo nulla
sta davvero succedendo qui così che cosa siamo
intenzione di fare ora è che ci accingiamo a
creare un grafico QL endpoint e fare
che c’è un Express molto utile
plug-in extension plug-in II non so
in entrambi i casi si chiama gruppo richiede
Esprimi il grafico QL e lo faremo
uccidere quel grafico QL HTTP credo
questa è una convenzione e prima di ascoltare
lo useremo in Express e noi
stanno facendo 2 QL Non sono esattamente sicuro di cosa
cosa sta facendo, ma è così
l’hai impostato espressamente, quindi facciamolo
suppongo che questo significhi che noi
stanno registrando questa estensione a
questo a questo endpoint vediamo
Lo passerò grafico vero vero vediamo
se funziona
in questa forma no non lo farà perché
impossibile trovare il modulo Express graph QL
includiamo un’installazione NPM – basta salvare
Il grafico Express eseguito di nuovo non può trovare
modulo grafico QL
perchè non l’hai installato per me no?
perché stai usando le dipendenze tra pari
che sono cattivi in entrambi i casi vuol dire che
anche
Cerchiamo di nuovo si sta ascoltando fresco
okay ho scritto grap ql sbagliato quindi vediamo
se funziona, se io vado a quello ora
che succede
localhost correct ql okay
grafico Le opzioni del middleware QL devono contenere
uno schema che non è ancora corretto
abbastanza
abbiamo bisogno di definire uno schema bene così dove
riceviamo schemi da e cosa è
quindi lo schema è fondamentalmente il tuo grafico
stanno cantando è quello che contiene
i tipi e può anche contenere tutto
delle informazioni su come arrivare al
dati quindi è fondamentalmente dove tutto
la magia accade così andiamo
definire uno schema e stiamo per mettere
quello in un file
sai che creiamo quel nuovo lasciami
chiudi questa console per ora salva e io sono
per rimodellare J noi ora prima di noi
qualsiasi cosa mi piacerebbe davvero ottenere
i dati dal dall’API Goodreads
e per farlo useremo fetch
recuperare è il modo standard di ottenere
dati sui browser moderni non è così
non esiste nel nodo ma per fortuna noi
abbiamo cose fantastiche come i moduli così possiamo
prendilo con un modulo FBI e noi
appena fresco richiedono nodo prendere e noi siamo
andando a prendere l’endpoint e
ciao-yah ho intenzione di copiare incolla questo qui
dal nostro esempio di esempio quello che ho incollato
nel browser in precedenza stiamo andando a
conservare
ID hard-coded qui per ora e una volta
noi con la risposta poiché questo è
normalmente se questo fosse Jason, lo faremmo
risposta punto JSON ma questo è XML così noi
ho a che fare con quello e ho
API intenzionalmente scelta e fastidiosa
qui perché API è sono spesso molto
imperfetto devi fare un bel po ‘ di
mangling con loro e questo è in realtà
è un ottimo caso d’uso per il grafico QL
questa cosa carina che hai messo di fronte
un sacco di API sporche quindi forse no
sporco ma forse solo balcanizzato loro
non sono coesi ma non puoi ottenere tutto
i dati che vuoi in un colpo solo
quindi aggiungi una cosa QL del grafico nel
mezzo per aggregare quel pittore per te
in entrambi i casi quindi penso che vediamo
quello che succede qui arriva ax pick e X
e sto per iniziare Quokka qui
quokka inizia con il file corrente si
kyoool okay abbiamo delle cose qui sì
questo ci dà l’XML come una multa di stringa
questo è il plug-in di valutazione in linea
chiamato quokka è molto utile quando si
voglio solo fare un po ‘di increspatura
sviluppo basato mi piace molto e
ma non vogliamo che questo sia difficile da gestire
con una stringa così vorrei
qualcosa che analizza questo in un like
sarà ancora la struttura xml
ma mi piacerebbe che fosse come un
oggetto javascript quindi c’è a portata di mano
Modulo JSON spiace modulo npm per quello
si chiama require dot xml lasciami fare
minimizzalo per ora
xml – Jas e il
una pratica funzione chiamata stringa di parti
quello farà esattamente quello che voglio
ora il problema è che questa povera stringa
è stato uno strumento molto maturo è stato
in giro per un po ‘ ma come conseguenza
usa i callback non promette quindi siamo
intenzione di utilizzare un YouTube che è stato aggiunto
nel nodo 1.81 per un nodo moderno simile
richiedi la regola u 2 & u 2 dot pro me vedi
bene affinchè questa cosa ritorni a
promettere
invece di usare le callback in modo che noi
può usarlo nella nostra catena di promesse
qui parlerò di XML fantastico
e poi lo passiamo al nostro allora
lalala lalala scusa parsec così bello questo
viene letto perché è rosso non riesce a trovare il modulo
XML to JSON è perfettamente corretto
quindi passiamo al commutatore integrato
nope terminal e lasciami installare – –
– salva XML – J si va bene
vedere se questo inizia a far funzionare le parti più interessanti
XML non è definito
no ho sbagliato ok ora abbiamo e
invece otteniamo questo oggetto handle con
XML come base di oggetti che è buono
abbastanza per procedere lasciami posso spegnere
quak quak off
stop stop cool la la la la cosa noi
gonna do è che ci accingiamo a fare
esportiamo le esportazioni di moduli che stiamo andando a
esportare un nuovo schema di schema QL grafico
gruppo alla radice qui stiamo andando
definire la nostra query query difficile da scrivere e
quello sarà un grafico QL qql
tipo di oggetto funk che a sua volta è
avrò un nome che chiameremo
chiedo avrà una descrizione che sono
non sono sicuro se questo è necessario o non tutto
gli esempi lo usano ma continuiamo a farlo
lì per ora e poi quella cosa è
andando a disporre di campi con queste vecchie mappe
l’esempio che abbiamo visto in precedenza Fields è a
funzione che dovrebbe restituire un oggetto
ed è bello ricordare un autore
che stiamo interrogando gli autori nel
Arthur in API e questo sta per
avere un tipo di autore dopo il tipo ora da
da dove viene il tipo di autore?
andando a definire questo in un po ‘ ma
Vado avanti ancora un po ‘
è questa domanda richiede alcuni argomenti
un argomento per essere specifici richiede
un ID e quell’ID è di tipo grafico QL
int e forse possiamo davvero fare
procedere definendo l’altro tipo
in realtà facciamolo
questo è il modo in cui lo fai che fai com punti
o terzo tipo è uguale a nuovo grafico è
un altro di questi ne ho copiata
grafico QL tipo di oggetto ed è simile a
la query richiede un nome Mew Mew Mew
Mew Sto andando chiamo all’autore ed è
avrò una descrizione e
è anche andando ad avere alcuni campi si
scorri un po ‘in modo da poterlo fare
vedere entrambi allo stesso tempo i campi è
di nuovo una funzione che restituisce un oggetto
e l’autore ha un nome
[Musica]
sai cosa lasciamo per ora
e vediamo se possiamo farlo funzionare
prima di procedere quindi stiamo esportando
questo schema qui e commenta questo
prendi solo per ora e sì, così siamo
piuttosto uno schema che lo passa
forse funzionerà, vediamo alternativamente
passare all’integrazione al diario e lo sai
iniziamo il grafico del server okay bang
Il tipo di oggetto QL è notificato no
in realtà richiedono questi oggetti questi
cose in faccia, facciamolo
cabina di comunicazione da cui abbiamo bisogno
grafico QL devi farlo così sto andando
afferrare che usiamo anche questo grafico delle cose
Schema QL mi dispiace lì e anche noi
ha avuto il grafico QL int
che va bene eseguirlo e vedere se è così
lavori
non si rompe ancora vediamo cosa è rotto
ciò che ha rotto ciò che sente l’ autore è necessario
essere un oggetto con i nomi dei campi come chiavi o
okay, dobbiamo definire un campo così
facciamolo, quindi diamo un nome e
quello deve essere un tipo aspettare vicino
questo per non essere distratto e il tipo
sta per essere una stringa QL grafico e
[Musica]
okay forse è abbastanza
vediamo e abbiamo anche bisogno di includere
questo richiede che veda Wow apriamo la corsa
di nuovo e vedi cosa succede
tutto bene così bene, ascoltami bene così
quello che stiamo facendo qui è il mio vecchio
esempio preparato che è stato scritto bene
ora ora cosa serve il servizio servire come
a localhost è la mia vera ascia
o codice che stiamo guardando così sì
posso ottenere la radice che è corretta perché noi
non ho input lì ma andiamo a
grafico QL
Penso che abbiamo scritto male il grafico QL
grafico QL va bene, questo è in realtà
qualcosa che ricorda dal locale
memorizzazione dei cookie o qualcosa di questo è
non effettivamente estratto dal server
cancelliamo questo per ora e andiamo
esegui questo e guarda cosa succede
errore di sintassi grafico richiesta QL prevista
nome trovato nome previsto trovato ciò che il
diavolo significa questo
okay, perché l’ho passato vuoto
oggetti vuoti che hanno appena rotto è a
una volta o niente o questo questo oggetto
cosa letterale con una proprietà così
ora stiamo ottenendo alcuni dati
qui come è non sta effettivamente dando
noi qualsiasi autore perché non abbiamo dato
è un modo per arrivare a quei dati così
facciamolo ora spostalo
per un po ‘risolviamo questo errore di battitura in realtà
grafico qui bene okay torniamo a
lo schema e vediamo se possiamo prenderne un po ‘
alcuni dati a qui quindi sono copia andando questo
il nostro bastone di recupero e io sto andando a scorrere
quaggiù all’autore
ora oltre a tipo e org possono anche
forniscigli una funzione risolutiva
è fondamentalmente la funzione che il
graffia userà per recuperare o acquisire il
dati per un autore, quindi cosa stiamo andando
fare è prendere una funzione
il primo argomento per la funzione è
i dati qualsiasi genitore che viene passato ad esso
se è una struttura annidata non ci interessa
su questo al momento il secondo
la discussione è l’org che suppongo di poter fare
chiamalo sono queste cose ma con il
dati effettivi passati in te se tu
ricorda come questi sono gli archi così questo
è quello che avremo capito
un ID e stiamo andando ottenere questo questo
numero quindi inserirò il fatto
qui e ricorda che questo è il nostro
argomenti ti vedo che cambieremo
questo a un modello letterale e lo siamo
sostituirò questa cosa qui dove il
args dot ID in modo che ora diventi effettivo
usa questo ID da questo ID qui è
inserirò questo in questa API qui
e sta andando a prendere tutti questi dati
qui non sono sicuro esattamente dove siamo
sai cosa facciamo solo facciamo solo correre
e vedere cosa succede Let’s
riavvia il server, lo farò
finestra un po ‘più piccola e andiamo
torna indietro al yeah per il browser oh
e corriamo e vediamo cosa succede
oh mio dio non può quello che neanche è
va bene è perché ho risolto il tipo di
grafico QL blam run ok come possono sapere
bene questo ha senso perché hmm so
quello che risolverà è che sta andando
per recuperare tutti questi dati e poi è
andando ad analizzare l’XML è un oggetto JSON
e poi fornirà quei dati
e ha chiesto come i dati si incontrano con il
il tipo di autore
come stiamo caricando, quindi lo caricheremo ma
se guardiamo qui al tipo di auto c’è
questo nome qui che abbiamo ce l’ha no
modo di sapere come estrarre questo nome
da questo questo mostro XML che abbiamo
ricorda come questo è ciò che in realtà
sembra che ci sia come dov’è il
nome dell’autore bene è qui noi
so questo, ma il codice non quindi cerchiamo di
correggi quella correzione e aggiustiamo la cosa
rendere questa finestra un po ‘più piccola
lasciami rimuovere quella barra laterale e averli
firmare il mio lato così vediamo qui che il
il primo elemento radice qui è un Goodreads
risposta , copiamo questo
e che dire del pop-up fanno le persone
nomi così nominati
abbiamo bisogno di un modo qui per risolvere il nome il
risolvere la funzione di nuovo qui ha lo stesso
formato ma qui ricorda qui bene
ora non abbiamo argomenti
perché non ci sono argomenti in corso
qui solo gli argomenti in corso su questo
livello così qui ottiene solo il nome
ma è stato passato è stato passato
i dati in basso da questo così in questo caso
il primo argomento qui sarà
l’XML effettivo che viene restituito
dalla raccolta qui, quindi stiamo andando a
fare un punto XML potrebbe raggiungere il ponte quindi noi
vedi qui come me chiudi questa richiesta
sotto buona risposta in lettura abbiamo un
autore quindi questo è un autore con a
questa proprietà ha quindi questi multipli
elementi questo se vedi che questo è
poiché questo è XML
l’autore potrebbe avere più elementi così
in realtà dovremmo farlo in questo modo quando
è convertito in JSON è un po ‘funky
ma questo è il modo in XML per JSON
la conversione funziona e poi ci va
essere questo elemento con nome e di nuovo nome
potrebbe avere potrebbe essere più uno così noi
stanno andando a scegliere il campo del primo nome
e penso che sia vedere se ha funzionato
Wow, diamo un’occhiata così carina
controllalo
whoa autore di nome Jasper Fforde noi
non abbiamo visto come si, solo per
i divertimenti guardiamo un altro Walter
basta vedere che tutto funziona ma io
non ho accidentalmente codificato
qualcosa va bene seleziona il check-out
Nassim Taleb come ID è qui in woof e
vediamo come incolliamo quello dentro oh aspetta
Lo incollo qui boom Nassim
Nicholas Taleb ok eccellente, facciamolo
stessa cosa per i libri, quindi aggiungeremo
un nuovo campo Oh libri non a caso
questo tipo sarà un grafico Q un
lista o lista e sarà una lista
del tipo di libro e che stiamo andando
per definire quel tag book qui su Const
prenotare il tempo quindi questo è lo stesso processo di
autore strettamente nuovo tipo di oggetto QL grafico
perché ho voglia di scriverlo in questo
tempo e non copiare incollarlo ed è
avrò un nome e una descrizione
ma sembreremo proprio come il
il tipo di autore avrà dei campi
campi di nuovo è una funzione che
restituisce un oggetto letterale sì ma io
non posso digitare non posso che cosa sia
succede a me sto avendo un ictus
va bene lì e il campo quindi andiamo
dai un’occhiata a come appaiono i libri
l’XML mmm mmm sì, ha un titolo qui
e ha un codice ISBN accontentiamoci
definendo quelli per il momento non lo è
ha chiamato il suo titolo ed è un grafico temporale
Stringa QL e abbiamo anche un codice ISBN che
beh, cos’è che è BN no e lo sono stato
sembra che sia effettivamente una stringa
perché a volte inizia con uno zero
e questo potrebbe essere significativo, quindi facciamolo
chiamiamo anche questo grafico QL QL
stringa mm-hmm, facciamolo eseguire e
guarda dove siamo e così sarà
mm-hm qualcosa è rotto elenco QL grafico è
non definito okay, sì no
richiesto che così dove è a
lista grafica prendi la lista che non ho
vuoi scriverlo non voglio scriverlo
dove si trova dove si trova lì è
e lo incollo qui
sono stati molto più veloci per iniziare e
si rompe di nuovo scorrere qui
non posso chiamare una classe come una funzione che
è probabilmente perché ho dimenticato di nuovo
da qualche parte
book volta che probabilmente nella grafica
sì, ho di nuovo qui, sai, servito
si okay e corriamo sì, ma va bene
trova le tue parole ma possiamo accedere ai libri
no non può ancora perché non tipo di campo di libri
i libri di tipo libro devono avere una selezione
di sottocampo intendi libri va bene
cosa succede se dico titoli non va bene
e di nuovo siamo nella stessa situazione noi
erano prima che abbiamo uno schema nel
posto giusto ma lo schema non ha modo di
sapendo come estrarre libri dal
Mostro XML quindi diamo un’occhiata a come
questo vale c’è un Wow XML sotto il
autore c’è un elemento di libri , quindi facciamolo
assicurati che l’ elemento del libro sia
passato
– Sì, vogliamo questa collezione questi
qui vogliamo che questi elementi siano passati
a ogni ogni tipo di libro come a un dato
quindi andiamo all’autore e ai libri
quindi penso che possiamo farlo così, lo farò
fai questo per risolvere risolvere e di nuovo
risolvere è una funzione che riceve il
Percorso XML in questo caso e noi vogliamo noi
non voglio passare in tutta la faccenda
vogliamo solo passare
le rispettive specifiche diviso lo stufato
solo l’autore era il libro libri questo
sta per essere tale elemento e sono un
un po ‘incerto su come procedere
forse penso che sarà così
una matrice di tutto il libro
elementi okay vediamo come questo
gioca , vediamo cosa si sta facendo
passato, creiamo una soluzione
funzione da qualche parte qui risolviamo
per esempio, per esempio, vendiamolo
è una funzione e credo che lo farò
console.log questo fuori
Sono XML vediamo cosa succede perché
Sono così incerto che succede tutto bene
facciamolo e vediamo cosa è
passato a I am XML BAM è previsto iterabile
ma non ne trova uno per l’autore del campo
libri shet non ha ottenuto fino a questo punto non c’è
no console.log facciamo scorrere verso il basso a
un po
hmm okay estraiamo questo punto della console
log ciao – ora ho i libri che stiamo andando
chiama i libri che riavvieremo vedere
che succede
ok , vediamo cosa è uscito
oh ok, ecco perché non funziona così
questo in realtà vedrà questo si disconnette
un oggetto con un libro di proprietà con un
array di ciò che vogliamo così XML a JSON
la conversione è a volte un po ‘
da capogiro perché non fanno Mack
piuttosto uno a uno, ma se lo faccio
Penso che andrà tutto bene Diamo
riavviare e vedere cosa succede se otteniamo
più forte, otteniamo un po ‘di più
vediamo di nuovo di nuovo adesso
registro della console risolviamo sul libro
vediamo cosa stiamo trovando qui così io
sono XML qui e questo è quello che sembra
come se fossi un’automobile
quindi sai cosa sto per fare questo
trucco Jason non lo fanno stringa mi fie
così ora no – così che scrive il suo
un po ‘di più perché lo vedi qui
fa crollare le cose e questo semplicemente confonde
quindi liberiamoci di quello proviamo
di nuovo okay oh okay, in realtà
Va bene qui andiamo
ISP cosa ok ID qui questo è strano cosa
è questo, ma almeno abbiamo titoli
qui è bello, va bene, va bene
e forse forse questa è una specie di
libri che ha scritto che non ha
sono piensan che mi permette di scorrere verso l’alto
un pochino e vediamo di sì così per alcuni
i libri hanno un codice ISBN corretto ma
alcuni no
quello che è brutto va bene, ma possiamo occuparci
con quello
così funzionerà con questo punto nome punto XML
che cosa come questo, vediamo ricominciamo
il server vede se non può leggere
proprietà zero di noite indefinita no
va bene , ma non è il nome che i libri non fanno
avere un nome libri sono come oh va bene
riavvio riavvio ricomincia si cool titolo
il cigno nero ingannato dalla casualità entrambi
questi libri sono presumibilmente molto buoni, io sono
cercando di superare l’ allenamento del cigno nero
va bene, e se faccio lo stesso?
cosa quattro quattro quattro quattro quattro occhi
oltre XML dude XML dot ASP e zero
avvia il codice ISBN dei libri server, così noi
non vedo un bel di là ma di nuovo
Sono tipo gli occhi oltre la fine che non abbiamo
richiesto, quindi facciamolo aggiunto
ecco Shh e guarda che stiamo ricevendo
il ghiaccio oltre lo sguardo ora possiamo
basta richiedere solo l’autore con il
nome se vogliamo BAM
prendi il nome che è bello aureus
libri con solo l’ISP e anche questo
bello penso che questa sia ora la missione
compiuto
Ho intenzione di commettere questa eliminazione e
quindi ottenere lo stato ottenere aggiungere il blocco del pacchetto
pacchetto JSON schema J else e servire J s
damnit JS su git commit e iniziale
commettere non è davvero l’iniziale
commit ma ottieni push push origine master
v’è ora possibile verificare che fuori
te stesso con cui vuoi giocare
questo però questo è solo graffiare il
superficie di quale grafico QL può fare ciò che io
vorrei fare la prossima volta è mostrare
hai un po ‘di tutto il pigro recupero di dati
la prossima volta la capacità del grafico QL
faremo finta che la nostra API sia nostra
Il giardino sicuro di Goodreads non aveva questo
perché l’autore si trova qui
include tutti i libri che un autore
ha quale è un design API piuttosto strano
di solito in riposo non lo sono
abbastanza aggressivo in incluso
roba del genere perché il carico utile
diventa enorme normalmente devi prima
richiedere un autore e quindi anche richiedere
l’altro endpoint l’endpoint dei libri
o qualcosa del genere per ottenere il
i libri che questo autore possiede così
parla e questo è qualcosa che puoi
molto facilmente nel grafico QL perché
questi metodi di risoluzione qui possono
restituire le promesse e questo è super-super
potente e flessibile e davvero bello
lavorare con e questo è quello che stiamo andando
per guardare il prossimo episodio che hai
ho appena guardato un episodio divertente
funzione lo rilascio ogni lunedì
mattina Oh 800 GMT se stai guardando
dal futuro puoi guardare dopo
episodio della settimana qui adesso se lo sei
non ancora in futuro puoi controllare
il video di Patreon mentre aspetti
Sono NPJ fino al prossimo soggiorno Lunedi mattina
curioso
Please follow and like us: