1 00:00:00,510 --> 00:00:00,920 Tudo bem. 2 00:00:00,930 --> 00:00:04,560 Então, vamos começar usando uma aplicação realmente simples. 3 00:00:04,560 --> 00:00:09,770 Mais uma vez, vai ter duas rotas para modelos muito simples. 4 00:00:09,900 --> 00:00:12,710 A primeira coisa que eu quero fazer é apenas fazer essa aplicação. 5 00:00:12,990 --> 00:00:14,790 Então vou fazer isso muito rapidamente. 6 00:00:14,790 --> 00:00:17,770 Eu fiz uma nova pasta chamada demo de implantação. 7 00:00:18,060 --> 00:00:21,670 A primeira coisa que farei é NPM e. 8 00:00:22,740 --> 00:00:27,410 E eu vou passar pela maioria desses muito rápido. 9 00:00:27,570 --> 00:00:30,540 J. S. como meu ponto de entrada. 10 00:00:31,460 --> 00:00:34,980 Caso contrário, é tudo o que precisamos fazer. 11 00:00:34,980 --> 00:00:47,190 A próxima coisa que vou fazer é NPM instalar Express e você também faz E. J. s dash dash save e dash dash. 12 00:00:47,220 --> 00:00:51,280 Save é especialmente importante no momento em que estamos implantando. 13 00:00:51,390 --> 00:00:55,200 que o nosso pacote que Jason vá em frente e abra isso, queremos 14 00:00:59,610 --> 00:01:05,160 garantir que ele tenha todas as nossas dependências, porque o que acontece é que vamos enviar o nosso código 15 00:01:05,430 --> 00:01:11,250 e nosso pacote que Jason passou para o Roku usando na verdade, é como nós o fazemos, vamos enviá-lo para 16 00:01:11,250 --> 00:01:18,690 os servidores Heroku e, em seguida, o Heroku vai executar a instalação do NPM e instalar o que quer que seja no pacote de coisas Jason. 17 00:01:18,690 --> 00:01:19,610 Queremos certificar-se de 18 00:01:19,620 --> 00:01:25,440 Então, neste caso, exiba-nos e expresse. Então, se estamos perdendo algo se não tivéssemos expressado 19 00:01:25,440 --> 00:01:28,660 neste pacote que Jason Heroku não saberia instalá-lo. 20 00:01:28,950 --> 00:01:35,670 Então, a chave é que na verdade não estamos enviando o diretório de módulos de nós. 21 00:01:35,670 --> 00:01:41,160 Isso não vai até Roku porque não há motivos para fazer isso, é um ponto 22 00:01:41,160 --> 00:01:47,470 do NPM em vez de enviar esses arquivos gigantes e todos os diretórios do módulo inteiro do Express. 23 00:01:47,580 --> 00:01:52,940 Tudo o que fazemos é enviar o pacote que Jason contém as instruções ou a receita que precisamos. Expresso, nós 24 00:01:52,940 --> 00:01:53,370 precisamos disso. 25 00:01:53,370 --> 00:01:53,860 Sim. 26 00:01:53,910 --> 00:01:57,990 Um tipo de lista de compras e, em seguida, Heroku irá e baixará tudo isso. 27 00:01:58,020 --> 00:02:00,230 Então, queremos garantir que tudo esteja aqui. 28 00:02:00,510 --> 00:02:05,430 Neste caso, é muito curto e simples, mas quando chegamos ao acampamento de Yelp, queremos fazer um controle 29 00:02:05,430 --> 00:02:07,170 completo para garantir que tudo esteja lá. 30 00:02:07,260 --> 00:02:10,220 Se você esquecer algo, não é o fim do mundo. 31 00:02:10,260 --> 00:02:13,040 Vou mostrar-lhe como fazer isso, eu o quebrarei deliberadamente. 32 00:02:13,170 --> 00:02:16,770 Uma vez que colocamos o acampamento para que você possa ver como você conserta. 33 00:02:16,770 --> 00:02:24,540 Tudo bem, então a próxima coisa que eu quero fazer é fazer meu aplicativo J J. S. e então também vou fazer um 34 00:02:24,540 --> 00:02:25,710 diretório da View. 35 00:02:26,130 --> 00:02:31,890 E então, enquanto eu estiver aqui, vamos fazer as opiniões cortar e nós vamos fazer o pai da casa, E. J. Sim. 36 00:02:31,910 --> 00:02:33,120 E o outro chamará sobre isso E. J. Sim. 37 00:02:33,420 --> 00:02:39,610 Ótimo. 38 00:02:40,050 --> 00:02:40,640 Então, apenas duas visualizações. 39 00:02:40,800 --> 00:02:43,120 Vamos preenchê-los com coisas realmente simples. 40 00:02:43,170 --> 00:02:45,240 Então, o que vamos implantar novamente. 41 00:02:45,240 --> 00:02:46,990 Um aplicativo com duas rotas dois modelos que só serão horríveis. 42 00:02:47,370 --> 00:02:51,740 Knowsley avalia apenas o mínimo absoluto. 43 00:02:51,740 --> 00:02:54,760 Mas você poderia levar isso e você conhece implementar um site de 44 00:02:55,170 --> 00:03:00,690 portfólio ou implantar um site de blog ou o que quer que você faça, que não requer um backend do mongo. 45 00:03:00,690 --> 00:03:02,980 Então, vamos abrir isso e começar 46 00:03:03,360 --> 00:03:05,850 com o aplicativo J us e superior. 47 00:03:09,390 --> 00:03:10,530 A primeira 48 00:03:10,530 --> 00:03:21,510 coisa que você quer fazer é dizer que express justes exigem express e então vamos fazer isso igual a Express que executa essa função. 49 00:03:21,990 --> 00:03:24,070 Enquanto estamos aqui, diremos 50 00:03:24,750 --> 00:03:35,580 que, no início, vejamos o motor para Ejay e então tudo o que devemos fazer agora é declarar nossas cordas. 51 00:03:35,580 --> 00:03:38,570 Então, vamos começar com apt obter apenas a página 52 00:03:38,670 --> 00:03:42,570 inicial ou a rota route e vamos apenas fazer um resto renderizado. 53 00:03:47,160 --> 00:03:51,060 E nós vamos apenas o que é o nosso 54 00:03:52,140 --> 00:04:00,660 modelo de casa redstart render home, assim como isso fará a mesma coisa, exceto para slosh sobre e resultará renderizar. 55 00:04:00,900 --> 00:04:04,370 Razoável. 56 00:04:04,380 --> 00:04:06,510 Então, duas rotas com dois modelos diferentes. 57 00:04:06,510 --> 00:04:10,060 Agora precisamos preencher esses modelos. 58 00:04:10,170 --> 00:04:11,970 Então, vamos fazer a 59 00:04:12,240 --> 00:04:14,940 casa primeiro e preencher isso. 60 00:04:19,080 --> 00:04:20,390 Então, vou fazer 61 00:04:20,610 --> 00:04:27,420 uma página inicial da H-1 e podemos adicionar algo depois, mas vamos começar com isso 62 00:04:27,720 --> 00:04:32,220 e fazer o mesmo por cerca de H-1 sobre Paige. 63 00:04:35,960 --> 00:04:38,090 Tudo bem. 64 00:04:38,100 --> 00:04:38,650 Então vamos começar por lá. 65 00:04:38,910 --> 00:04:40,630 E a última coisa que 66 00:04:41,400 --> 00:04:46,920 precisamos antes de podermos iniciar o nosso servidor é a nossa depois de ouvir no final. 67 00:04:46,920 --> 00:04:48,300 Tudo bem, então este 68 00:04:48,300 --> 00:04:54,330 é o nosso aplicativo super simples que todos devem ser revisados ​​desde muito cedo na seção Express deste curso. 69 00:04:54,330 --> 00:04:55,150 Então, asseguremos que as coisas funcionem. 70 00:04:55,380 --> 00:04:57,020 Experimente executar aplicativos de nó. 71 00:04:57,330 --> 00:04:59,180 Sim. 72 00:04:59,280 --> 00:05:02,100 Não enviamos uma mensagem. 73 00:05:03,390 --> 00:05:04,440 Então, ele está funcionando, 74 00:05:04,440 --> 00:05:09,510 simplesmente não parece muito bom ou realmente não nos diz que está funcionando, mas é então vamos começar a visualizar nossa aplicação. 75 00:05:09,510 --> 00:05:13,630 Oop parece que temos um pequeno problema, nenhum mecanismo padrão foi especificado, nenhuma extensão foi fornecida. 76 00:05:14,460 --> 00:05:19,640 O que temos no início. 77 00:05:19,710 --> 00:05:21,250 Ver o motor. 78 00:05:21,450 --> 00:05:22,500 E, claro, eu esgueirou isso. 79 00:05:22,620 --> 00:05:24,840 Não é suposto ser um traço de seu mecanismo espacial de visão. 80 00:05:24,990 --> 00:05:28,980 Certo. 81 00:05:29,540 --> 00:05:29,780 Então vamos tentar isso mais uma vez. 82 00:05:29,790 --> 00:05:32,730 Felizmente, alguns de vocês pegaram que podem atualizar. 83 00:05:34,440 --> 00:05:39,090 Você também pode acelerar aqui para abrir no navegador. 84 00:05:39,160 --> 00:05:44,280 Você pode ver aqui que conseguimos nossa aplicação pensar que podemos realmente nos livrar de tudo isso. 85 00:05:44,610 --> 00:05:49,500 Aqui vamos nós. 86 00:05:49,500 --> 00:05:50,140 E se eu for cortar sobre eu recebo uma página. 87 00:05:50,340 --> 00:05:53,500 Assim, são dois envoltórios super simples e é tudo o que vamos fazer. 88 00:05:53,610 --> 00:05:57,330 Talvez vamos adicionar um link. 89 00:05:57,330 --> 00:05:59,340 Então, se nós vamos para a casa, vamos adicionar uma marca de âncora, A-Trak deveria ser apenas uma barra. 90 00:05:59,340 --> 00:06:08,620 Vá para a página Sobre e, em seguida, vamos colocar isso de volta ou copiá-lo 91 00:06:09,210 --> 00:06:16,620 para a página Sobre e ter um link para apenas a rota. 92 00:06:16,620 --> 00:06:18,480 Ir para casa. 93 00:06:18,480 --> 00:06:21,110 ESTÁ BEM. 94 00:06:21,900 --> 00:06:22,680 Então vamos verificar se isso funciona. 95 00:06:23,310 --> 00:06:28,470 Vá para a página Sobre. 96 00:06:28,470 --> 00:06:29,510 Ir para casa. 97 00:06:29,550 --> 00:06:30,720 Ótimo. 98 00:06:30,750 --> 00:06:31,260 Então, temos duas rotas. 99 00:06:31,500 --> 00:06:33,200 Nosso pedido está pronto. 100 00:06:33,570 --> 00:06:35,550 Aplicação incrível direito. 101 00:06:36,060 --> 00:06:37,910 Então vou fechar isso aqui, acredite. 102 00:06:37,950 --> 00:06:42,280 Aqui vamos nós. 103 00:06:42,300 --> 00:06:43,350 E a próxima coisa que faremos é realmente trabalhar na implantação deste. 104 00:06:43,920 --> 00:06:47,400 Então, terminamos com o próprio aplicativo. 105 00:06:47,520 --> 00:06:50,390 Novamente, não excitante, mas é exatamente a mesma 106 00:06:50,580 --> 00:06:57,240 idéia, se você estiver fazendo um aplicativo bonito e bem desenhado ou um aplicativo super simples para rotear express. 107 00:06:57,300 --> 00:07:00,400 Os conceitos são o mesmo código exato mesmo no que diz respeito à implantação 108 00:07:00,600 --> 00:07:04,990