1 00:00:00,510 --> 00:00:00,920 Tutto ok. 2 00:00:00,930 --> 00:00:04,560 Quindi iniziamo distribuendo un'applicazione davvero semplice. 3 00:00:04,560 --> 00:00:09,770 Di nuovo ci saranno solo due percorsi per i modelli davvero molto semplici. 4 00:00:09,900 --> 00:00:12,710 La prima cosa che voglio fare è creare questa applicazione. 5 00:00:12,990 --> 00:00:14,790 Quindi lo farò molto velocemente. 6 00:00:14,790 --> 00:00:17,770 Ho creato una nuova cartella chiamata distribuzione demo. 7 00:00:18,060 --> 00:00:21,670 La prima cosa che farò è NPM e. 8 00:00:22,740 --> 00:00:27,410 E ho intenzione di passare attraverso la maggior parte di questi abbastanza rapidamente. 9 00:00:27,570 --> 00:00:30,540 J. S. come mio punto di partenza. 10 00:00:31,460 --> 00:00:34,980 Altrimenti è tutto ciò che dobbiamo fare. 11 00:00:34,980 --> 00:00:47,190 La prossima cosa che farò è NPM install Express e anche tu fai E. J. dash dash di sicurezza e dash dash. 12 00:00:47,220 --> 00:00:51,280 Il salvataggio è particolarmente importante in questo momento quando stiamo implementando. 13 00:00:51,390 --> 00:00:55,200 il nostro pacchetto che Jason vada avanti e aprirlo vogliamo assicurarci 14 00:00:59,610 --> 00:01:05,160 che abbia tutte le nostre dipendenze, perché quello che succede è che manderemo il nostro codice e 15 00:01:05,430 --> 00:01:11,250 il nostro pacchetto che Jason ha usato per il suo Roku usando in realtà è come lo faremo 16 00:01:11,250 --> 00:01:18,690 lo manderemo ai server di Heroku e poi Heroku eseguirà l'installazione di NPM e installerà tutto ciò che c'è nel pacchetto, Jason. 17 00:01:18,690 --> 00:01:19,610 Vogliamo assicurarci che 18 00:01:19,620 --> 00:01:25,440 Quindi in questo caso Ejay us ed express Quindi se ci manca qualcosa se non abbiamo espresso 19 00:01:25,440 --> 00:01:28,660 in questo pacchetto che Jason Heroku non saprebbe installarlo. 20 00:01:28,950 --> 00:01:35,670 Quindi la chiave è che in realtà non stiamo inviando la directory dei moduli del nodo. 21 00:01:35,670 --> 00:01:41,160 Questo non va fino a Roku perché non c'è motivo di farlo che sia un 22 00:01:41,160 --> 00:01:47,470 punto di NPM invece di inviare questi file giganti e le intere directory dell'intero modulo di Express. 23 00:01:47,580 --> 00:01:52,940 Tutto ciò che facciamo è inviare il pacchetto che Jason che contiene le istruzioni o la ricetta di cui abbiamo bisogno Express ne 24 00:01:52,940 --> 00:01:53,370 abbiamo bisogno. 25 00:01:53,370 --> 00:01:53,860 Sì. 26 00:01:53,910 --> 00:01:57,990 Una sorta di lista della spesa e poi Heroku andrà a scaricare tutto questo. 27 00:01:58,020 --> 00:02:00,230 Quindi vogliamo solo assicurarci che tutto sia qui. 28 00:02:00,510 --> 00:02:05,430 In questo caso è davvero breve e semplice, ma quando arriviamo al campo di Yelp vogliamo fare un controllo 29 00:02:05,430 --> 00:02:07,170 approfondito per assicurarci che tutto sia lì. 30 00:02:07,260 --> 00:02:10,220 Se dimentichi qualcosa non è la fine del mondo. 31 00:02:10,260 --> 00:02:13,040 Ti mostrerò come farlo lo romperò deliberatamente. 32 00:02:13,170 --> 00:02:16,770 Una volta sistemato il campo, puoi vedere come lo aggiusti. 33 00:02:16,770 --> 00:02:24,540 Va bene, quindi la prossima cosa che voglio fare è creare la mia app J J. S. e poi creerò anche la directory 34 00:02:24,540 --> 00:02:25,710 di View. 35 00:02:26,130 --> 00:02:31,890 E poi, mentre sono qui, facciamo delle viste e facciamo solo il papà a casa E. J. Sì. 36 00:02:31,910 --> 00:02:33,120 E l'altro chiamerà su quel E. J. Sì. 37 00:02:33,420 --> 00:02:39,610 Grande. 38 00:02:40,050 --> 00:02:40,640 Quindi solo due visualizzazioni. 39 00:02:40,800 --> 00:02:43,120 Li riempiremo con cose davvero semplici. 40 00:02:43,170 --> 00:02:45,240 Quindi, cosa stiamo per distribuire di nuovo. 41 00:02:45,240 --> 00:02:46,990 Un'applicazione con due percorsi due modelli che saranno orribili. 42 00:02:47,370 --> 00:02:51,740 Knowsley valuta solo il minimo indispensabile. 43 00:02:51,740 --> 00:02:54,760 Ma si potrebbe prendere questo e sai distribuire un sito 44 00:02:55,170 --> 00:03:00,690 portfolio o implementare un sito blog o qualunque cosa tu faccia che non richiede un backend mongo. 45 00:03:00,690 --> 00:03:02,980 Quindi apriamolo e iniziamo con la 46 00:03:03,360 --> 00:03:05,850 loro app J e in alto. 47 00:03:09,390 --> 00:03:10,530 La prima 48 00:03:10,530 --> 00:03:21,510 cosa che vuoi fare è dire che express equals richiede express e quindi lo faremo equivale a Express che esegue quella funzione. 49 00:03:21,990 --> 00:03:24,070 Mentre siamo qui diremo 50 00:03:24,750 --> 00:03:35,580 all'inizio del motore di visualizzazione di Ejay e quindi tutto ciò che dovremmo aver bisogno di fare ora è dichiarare le nostre corde. 51 00:03:35,580 --> 00:03:38,570 Quindi iniziamo con apt ottenere solo la home page 52 00:03:38,670 --> 00:03:42,570 o il percorso del percorso e faremo solo un rendering di riposo. 53 00:03:47,160 --> 00:03:51,060 E sarà proprio quello che è il nostro modello 54 00:03:52,140 --> 00:04:00,660 di casa redstart a rendere la casa così come farebbe la stessa cosa tranne che per lo slosh e il rendering. 55 00:04:00,900 --> 00:04:04,370 Mi sembra giusto. 56 00:04:04,380 --> 00:04:06,510 Quindi due percorsi con due modelli diversi. 57 00:04:06,510 --> 00:04:10,060 Ora dobbiamo compilare quei modelli. 58 00:04:10,170 --> 00:04:11,970 Quindi, prima facciamo 59 00:04:12,240 --> 00:04:14,940 a casa e riempiendolo. 60 00:04:19,080 --> 00:04:20,390 Quindi farò semplicemente 61 00:04:20,610 --> 00:04:27,420 una home page H-1 e potremo aggiungere qualcosa in seguito, ma iniziamo con quello 62 00:04:27,720 --> 00:04:32,220 e facciamo la stessa cosa per H-1 su Paige. 63 00:04:35,960 --> 00:04:38,090 Tutto ok. 64 00:04:38,100 --> 00:04:38,650 Quindi inizieremo lì. 65 00:04:38,910 --> 00:04:40,630 E l'ultima cosa di cui 66 00:04:41,400 --> 00:04:46,920 abbiamo bisogno prima di poter avviare il nostro server è il nostro dopo ascolto alla fine. 67 00:04:46,920 --> 00:04:48,300 Va bene quindi questa 68 00:04:48,300 --> 00:04:54,330 è la nostra app super semplice che dovrebbe essere rivista da molto presto nella parte Express di questo corso. 69 00:04:54,330 --> 00:04:55,150 Quindi assicuriamoci che le cose funzionino. 70 00:04:55,380 --> 00:04:57,020 Prova a eseguire le app di nodo. 71 00:04:57,330 --> 00:04:59,180 Sì. 72 00:04:59,280 --> 00:05:02,100 Non abbiamo messo un messaggio. 73 00:05:03,390 --> 00:05:04,440 Quindi funziona solo non 74 00:05:04,440 --> 00:05:09,510 sembra molto bello o in realtà non ci dice che sta funzionando, ma è quindi andiamo e anteprima la nostra applicazione. 75 00:05:09,510 --> 00:05:13,630 Oop sembra che abbiamo un piccolo problema, non è stato specificato alcun motore predefinito, non è stata fornita alcuna estensione. 76 00:05:14,460 --> 00:05:19,640 Cosa abbiamo all'inizio. 77 00:05:19,710 --> 00:05:21,250 Visualizza il motore. 78 00:05:21,450 --> 00:05:22,500 E naturalmente l'ho incasinato. 79 00:05:22,620 --> 00:05:24,840 Non dovrebbe essere un trattino il loro motore dello spazio visivo. 80 00:05:24,990 --> 00:05:28,980 Destra. 81 00:05:29,540 --> 00:05:29,780 Quindi proviamo ancora una volta. 82 00:05:29,790 --> 00:05:32,730 Spero che alcuni di voi catturati possano rinfrescarsi. 83 00:05:34,440 --> 00:05:39,090 Puoi anche fare un rapido Questo qui per aprire nel browser. 84 00:05:39,160 --> 00:05:44,280 Potete vedere qui che la nostra applicazione pensa che possiamo effettivamente sbarazzarci di tutto ciò. 85 00:05:44,610 --> 00:05:49,500 Eccoci. 86 00:05:49,500 --> 00:05:50,140 E se vado allo slash, vado sulla pagina. 87 00:05:50,340 --> 00:05:53,500 Quindi sono due involucri super semplici e questo è tutto ciò che faremo. 88 00:05:53,610 --> 00:05:57,330 Forse aggiungeremo un link. 89 00:05:57,330 --> 00:05:59,340 Quindi se andiamo a casa aggiungiamo un tag di ancoraggio A-Trak dovrebbe essere solo una barra. 90 00:05:59,340 --> 00:06:08,620 Vai alla pagina About e poi lo rimettiamo in copia o lo copiamo 91 00:06:09,210 --> 00:06:16,620 alla pagina About e abbiamo un link per il solo percorso. 92 00:06:16,620 --> 00:06:18,480 Andare a casa. 93 00:06:18,480 --> 00:06:21,110 OK. 94 00:06:21,900 --> 00:06:22,680 Quindi controlliamo che funzioni. 95 00:06:23,310 --> 00:06:28,470 Vai alla pagina Informazioni. 96 00:06:28,470 --> 00:06:29,510 Andare a casa. 97 00:06:29,550 --> 00:06:30,720 Grande. 98 00:06:30,750 --> 00:06:31,260 Quindi abbiamo due percorsi. 99 00:06:31,500 --> 00:06:33,200 La nostra applicazione è fatta. 100 00:06:33,570 --> 00:06:35,550 Impressionante applicazione giusta. 101 00:06:36,060 --> 00:06:37,910 Quindi chiuderò qui quaggiù credo. 102 00:06:37,950 --> 00:06:42,280 Eccoci. 103 00:06:42,300 --> 00:06:43,350 E la prossima cosa che faremo in realtà è lavorare sulla distribuzione di questo. 104 00:06:43,920 --> 00:06:47,400 Quindi abbiamo finito con l'app stessa. 105 00:06:47,520 --> 00:06:50,390 Ancora una volta non è eccitante, ma è 106 00:06:50,580 --> 00:06:57,240 la stessa identica idea se stai facendo una bella applicazione con stile o una super semplice app per esprimere app. 107 00:06:57,300 --> 00:07:00,400 I concetti sono lo stesso identico codice per quanto riguarda la distribuzione 108 00:07:00,600 --> 00:07:04,990