Nell'ultima lezione abbiamo menzionato che non è una buona esperienza utente lasciare semplicemente il tuo sito
Web in timeout dopo che l'utente ha inviato i propri dettagli.
Non avranno molta fiducia in questa newsletter se non forniamo loro un feedback.
Giusto.
Quindi andiamo avanti e facciamolo.
Questa sarà una sfida per te.
Come possiamo capire quale codice di risposta abbiamo ricevuto dopo aver effettuato questa richiesta HP.
E se quel codice era duecento, allora probabilmente significa che le cose sono andate bene e
invieremo all'utente un pezzo di tag da visualizzare nel sito web.
Se il codice non fosse duecento e avessimo un codice diverso, invieremo loro un messaggio
diverso.
Qualcosa sul processo è fallito e dovrebbero riprovare più tardi.
Quindi metti in pausa il video e vedi se riesci a completare questa sfida.
Tutto ok.
Quindi sappiamo che possiamo ottenere l'oggetto di risposta che riusciamo a fare dall'invio della richiesta e
possiamo attingere al codice di stato per vedere se fosse 200 o se fosse qualcos'altro e se
controlliamo se lo stato il codice era uguale a 200 e in tal caso andiamo avanti e utilizziamo il punto rosso invia per inviare
un pezzo di imposta da visualizzare nel sito Web.
Ora puoi ovviamente inviare un paragrafo o in ciascun elemento, ma ho intenzione di inviare un testo molto
semplice.
Sto per dire il successo completamente sottoscritto e se il codice non era 200 allora andrò ai residenti e si è verificato un errore
con l'iscrizione.
Per favore riprova.
Quindi ora andiamo avanti e proviamo.
Quando faccio clic su Registrami, mi iscrivo correttamente.
E questo è scritto nel sito web.
Ma diciamo che la chiave API era sbagliata o se l'elenco I. D. era sbagliata.
Bene, in questo caso, quando ho provato a registrarmi, ho ricevuto un errore durante la registrazione.
Riprova, funziona.
Ma è un po 'chiaro, giusto.
Nessuno vuole chiamare su un sito web che inizialmente sembra carino e poi dopo un po
'di interazione finisce per sembrare davvero molto semplice.
E se volessimo usare bootstrap per ravvivarlo un po '.
Bene, perché in precedenza abbiamo creato gli inizi del successo pensato HMO e il fallimento dot
HMO.
Oltre a tutti i punti di iscrizione di ogni squadra qui fuori, possiamo includere un po 'di codice bootstrap che ci darà
rapidamente una bella pagina che sembra molto meglio di quella che avevamo prima.
E possiamo anche includere il pulsante e consentire all'utente di interagire con esso.
Quindi andrò al sito Web bootstrap e andrò ai componenti e aggiungerò un jumbotron
al nostro sito Web qualcosa che assomiglia un po 'a questo.
Quindi andiamo avanti e copiamo tutto questo codice e aggiungeremo il nostro bollettino HMO.
Questo avrà un titolo di fallimento.
Sembra un po 'triste ma incolliamo il nostro codice per il nostro jumbotron e ognuno dirà
oh e avremo anche un jumbotron nel nostro successo, non HMO.
E questo dirà ora
per usare bootstrap, ovviamente abbiamo bisogno del foglio di stile bootstrap.
Quindi andiamo avanti e copiamolo per il nostro successo e il nostro fallimento.
Ora i siti Web sono di nuovo a te per una sfida anziché utilizzare la sabbia del resort per inviare questi messaggi.
Puoi capire come possiamo inviarli.
Successo e fallimento.
Pagine Web invece.
Metti in pausa il video e prova a completare la sfida.
Va bene, quindi sarà semplice come cambiare l'invio del residente per leggere quel file di invio
e quindi aggiungeremo la nostra directory e quindi taggeremo il nostro nome di file che sarà il punto di successo della barra in
avanti HMO il nome di questo file e quindi questa riga verrà letto che invia il punto di errore del file HMO.
Quindi ora diamo un'occhiata proviamo alcune cose a caso e colpiamo.
Registrami e fantastico.
Ti sei registrato con successo alla newsletter, attendo con impazienza molti contenuti fantastici,
quindi è piuttosto interessante e proviamo che in caso di fallimento
c'è un altro problema che vorrei affrontare.
Sarebbe bello se non riuscissero a registrarsi per poter riprovare.
E se avessero un grande pulsante qui che dice riprovare.
Questo li riporta alla pagina originale qui.
Sarebbe piuttosto carino, vero.
Possiamo farlo usando la nostra pagina qui.
Possiamo semplicemente aggiungere un modulo che include un pulsante di invio e questo pulsante dirà riprovare e avrà l'azione di pubblicare su
una nuova route che è la route di errore.
Ora il nostro modulo non avrà una classe, ma il nostro pulsante otterrà
alcune classi di bootstrap, vale a dire B10 B10 grande avviso B10 per farlo diventare giallo, quindi ora proviamo di nuovo ad andare alla nostra pagina di errore e ora puoi vedere che
abbiamo una prova di nuovo il pulsante, ma al momento non funziona perché non abbiamo ancora un
percorso definito per il percorso dell'errore.
Sta facendo una richiesta di posta.
Facciamolo qui sotto la nostra richiesta di post per l'itinerario di casa.
Ne aggiungerò un altro per il nostro round di fallimento e questo avrà un gestore di
completamento che reindirizza l'utente alla corsa di casa, quindi posso semplicemente dire riposo non reindirizzare e il percorso che voglio reindirizzare è
semplicemente il percorso di casa.
Quindi ora quando finiamo su quella rotta di errore, allora quando facciamo clic su questo pulsante ci
riporta alla pagina di registrazione.
Ciò significa che quando faccio clic su questo pulsante che dice riprovare, attiveremo una
richiesta post sulla rotta dell'errore e questo verrà catturato dal nostro server qui e reindirizzerà alla
rotta principale che attiva questo punto dell'app get e invia la pagina di iscrizione come file da renderizzare
sullo schermo.
Quindi è praticamente tutta la funzionalità di cui abbiamo bisogno per la nostra semplicissima pagina di iscrizione alla newsletter.
Ora c'è un intero mondo di personalizzazione che puoi aggiungere a questo.
E ovviamente puoi renderlo ancora più complesso con pagine migliori, renderizzare e personalizzare meglio queste
pagine.
Ma ciò che è più importante di questo è come ottenere il nostro server non solo per
essere ospitato localmente perché al momento questo sito funziona solo quando eseguiamo i nostri server localmente sul nostro computer.
Come posso metterlo sul web di tutto il mondo in modo da poter inviare una U. ai nostri amici
e parenti, clan e clienti. R. L. in modo che possano andare avanti e utilizzare questo sito Web e iscriversi anche al nostro elenco MailChimp.
Bene, questo è ciò che affronteremo nella prossima lezione in cui renderemo attivo il nostro sito Web in modo che
sia una vera app web disponibile sul web in tutto il mondo per tutto ciò.
E ti chiederemo la prossima lezione.