Tudo bem.
Então, vamos começar usando uma aplicação realmente simples.
Mais uma vez, vai ter duas rotas para modelos muito simples.
A primeira coisa que eu quero fazer é apenas fazer essa aplicação.
Então vou fazer isso muito rapidamente.
Eu fiz uma nova pasta chamada demo de implantação.
A primeira coisa que farei é NPM e.
E eu vou passar pela maioria desses muito rápido.
J. S. como meu ponto de entrada.
Caso contrário, é tudo o que precisamos fazer.
A próxima coisa que vou fazer é NPM instalar Express e você também faz E. J. s dash dash save e dash dash.
Save é especialmente importante no momento em que estamos implantando.
que o nosso pacote que Jason vá em frente e abra isso, queremos
garantir que ele tenha todas as nossas dependências, porque o que acontece é que vamos enviar o nosso código
e nosso pacote que Jason passou para o Roku usando na verdade, é como nós o fazemos, vamos enviá-lo para
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.
Queremos certificar-se de
Então, neste caso, exiba-nos e expresse. Então, se estamos perdendo algo se não tivéssemos expressado
neste pacote que Jason Heroku não saberia instalá-lo.
Então, a chave é que na verdade não estamos enviando o diretório de módulos de nós.
Isso não vai até Roku porque não há motivos para fazer isso, é um ponto
do NPM em vez de enviar esses arquivos gigantes e todos os diretórios do módulo inteiro do Express.
Tudo o que fazemos é enviar o pacote que Jason contém as instruções ou a receita que precisamos. Expresso, nós
precisamos disso.
Sim.
Um tipo de lista de compras e, em seguida, Heroku irá e baixará tudo isso.
Então, queremos garantir que tudo esteja aqui.
Neste caso, é muito curto e simples, mas quando chegamos ao acampamento de Yelp, queremos fazer um controle
completo para garantir que tudo esteja lá.
Se você esquecer algo, não é o fim do mundo.
Vou mostrar-lhe como fazer isso, eu o quebrarei deliberadamente.
Uma vez que colocamos o acampamento para que você possa ver como você conserta.
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
diretório da View.
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.
E o outro chamará sobre isso E. J. Sim.
Ótimo.
Então, apenas duas visualizações.
Vamos preenchê-los com coisas realmente simples.
Então, o que vamos implantar novamente.
Um aplicativo com duas rotas dois modelos que só serão horríveis.
Knowsley avalia apenas o mínimo absoluto.
Mas você poderia levar isso e você conhece implementar um site de
portfólio ou implantar um site de blog ou o que quer que você faça, que não requer um backend do mongo.
Então, vamos abrir isso e começar
com o aplicativo J us e superior.
A primeira
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.
Enquanto estamos aqui, diremos
que, no início, vejamos o motor para Ejay e então tudo o que devemos fazer agora é declarar nossas cordas.
Então, vamos começar com apt obter apenas a página
inicial ou a rota route e vamos apenas fazer um resto renderizado.
E nós vamos apenas o que é o nosso
modelo de casa redstart render home, assim como isso fará a mesma coisa, exceto para slosh sobre e resultará renderizar.
Razoável.
Então, duas rotas com dois modelos diferentes.
Agora precisamos preencher esses modelos.
Então, vamos fazer a
casa primeiro e preencher isso.
Então, vou fazer
uma página inicial da H-1 e podemos adicionar algo depois, mas vamos começar com isso
e fazer o mesmo por cerca de H-1 sobre Paige.
Tudo bem.
Então vamos começar por lá.
E a última coisa que
precisamos antes de podermos iniciar o nosso servidor é a nossa depois de ouvir no final.
Tudo bem, então este
é o nosso aplicativo super simples que todos devem ser revisados ​​desde muito cedo na seção Express deste curso.
Então, asseguremos que as coisas funcionem.
Experimente executar aplicativos de nó.
Sim.
Não enviamos uma mensagem.
Então, ele está funcionando,
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.
Oop parece que temos um pequeno problema, nenhum mecanismo padrão foi especificado, nenhuma extensão foi fornecida.
O que temos no início.
Ver o motor.
E, claro, eu esgueirou isso.
Não é suposto ser um traço de seu mecanismo espacial de visão.
Certo.
Então vamos tentar isso mais uma vez.
Felizmente, alguns de vocês pegaram que podem atualizar.
Você também pode acelerar aqui para abrir no navegador.
Você pode ver aqui que conseguimos nossa aplicação pensar que podemos realmente nos livrar de tudo isso.
Aqui vamos nós.
E se eu for cortar sobre eu recebo uma página.
Assim, são dois envoltórios super simples e é tudo o que vamos fazer.
Talvez vamos adicionar um link.
Então, se nós vamos para a casa, vamos adicionar uma marca de âncora, A-Trak deveria ser apenas uma barra.
Vá para a página Sobre e, em seguida, vamos colocar isso de volta ou copiá-lo
para a página Sobre e ter um link para apenas a rota.
Ir para casa.
ESTÁ BEM.
Então vamos verificar se isso funciona.
Vá para a página Sobre.
Ir para casa.
Ótimo.
Então, temos duas rotas.
Nosso pedido está pronto.
Aplicação incrível direito.
Então vou fechar isso aqui, acredite.
Aqui vamos nós.
E a próxima coisa que faremos é realmente trabalhar na implantação deste.
Então, terminamos com o próprio aplicativo.
Novamente, não excitante, mas é exatamente a mesma
idéia, se você estiver fazendo um aplicativo bonito e bem desenhado ou um aplicativo super simples para rotear express.
Os conceitos são o mesmo código exato mesmo no que diz respeito à implantação