OK, ele voltará.
Então, essa lição é uma que estou bastante entusiasmada por fazer.
Espero que você aprecie.
Nós estaremos escrevendo nosso primeiro aplicativo expresso antes de realmente fazer isso.
Eu quero levar 30 segundos.
Vai ser muito curto, eu prometo.
Basta analisar dois tópicos importantes sobre como funciona um aplicativo existente, de modo que o aplicativo de cachorro que eu já mostrei e,
em seguida, os conceitos básicos do ciclo de vida da resposta do pedido HTP.
OK, vamos começar.
Vou começar por falar sobre pedidos e respostas HTP.
Então lembre-se quando eu vou para você, como o Google dot com e cheguei a Enter. Eu estou pedindo uma página
da Web que envio uma solicitação HDTV e essa solicitação tem um verbo ou tipo específico.
É um pedido GET ou um pedido POST ou alguns dos outros que ainda não vimos.
E então eu potencialmente envio alguns dados junto com a solicitação e o servidor que recebe minha solicitação, o
servidor que solicito que o Google tenha algum código que decida qual a página para me enviar de volta.
página de logon do Google ou a página de G-mail ou uma página diz que minha senha está incorreta o que quer que seja.
Então, me envia essa página inicial do Google ou talvez me envie a
O servidor está decidindo o que enviar de volta.
E então responde com uma resposta.
Então, envio um código do lado do servidor do pedido para descobrir o que eu estou pedindo e depois faz
algumas coisas e, em seguida, envie uma resposta que é fundamentalmente o que vamos usar o Express para fazer.
Então eu tenho esse aplicativo de demonstração de cachorro que você pode se lembrar.
É muito muito esquecível.
simples que possui um banco de dados ao qual nos conectamos e um usuário pode visualizar todos os cães no banco de dados.
Apenas um aplicativo
Cada cão tem apenas um nome e uma raça totalmente inútil.
Mas é bom e simples e acho que é uma boa ilustração de como o Express funciona.
Então, temos algum código aqui.
Coisas como exigir Express e exigir um banco de dados.
Mas, o mais importante, são esses três pedaços e estes são chamados de "wraps" e estaremos
escrevendo nossas próprias rotas e apenas alguns minutos rotas ou o código responsável por ouvir e receber
os pedidos de que falei e depois decidir o que enviar .
Então, neste caso, temos um código que está ouvindo um pedido para a página inicial apenas para cortar, então temos algum código
que está ouvindo uma solicitação para cortar cães e nós temos algum outro código que está ouvindo
uma solicitação de publicação na barra de criar cães e então dentro das rotas estamos executando algum código.
Nesse caso, estamos apenas a renderizar a página inicial.
Então, isso vai responder com os conteúdos da nossa página inicial, que é outro arquivo em outro
lugar neste.
Quando alguém pede cachorros cortados como um pedido de busca, encontramos todos os cães e, em seguida, nós renderizamos a
página dos cães e enviamos todos os dados para os cães.
Junto com isso.
E quando alguém cria um cachorro, estamos enviando uma solicitação de publicação para criar um cachorro.
Vamos adicionar um cachorro ao banco de dados e, em seguida, redirecioná-los de volta para a página do cão onde eles podem
ver todos os cães.
Portanto, não fique intimidado com a sintaxe e todas as peças diferentes serão apresentando um
pouco a cada momento.
Mas a primeira coisa que tudo começa é que essa idéia de uma rota e
rotas são apenas um pouco de código que executará algum outro código dependendo da solicitação recebida no nosso servidor.
Então, isso me leva ao próximo ponto que está começando nosso servidor.
Então, temos que executar o arquivo chamado apt.
Sim nó apt.
Sim, assim.
E então precisa ir.
Neste caso, a porta 3000, que será realmente diferente para nós na nuvem 9.
Mas se eu for para o Port 3000 e atualizo eu recebo a página inicial porque fiz um pedido para cortar e há algum código
que, quando eu fizer um pedido de barra, me envia a página inicial.
A mesma coisa se eu for aos cães cortados, há outro código que está escutando uma solicitação como uma solicitação de solicitação
para reduzir as dugas e me manda todos os cães de volta.
E, finalmente, eu posso fazer um novo cachorro e acertar enviar e que envia uma solicitação de publicação para cortar criar cachorro.
E este código está errado.
Tudo bem.
Então, é tudo o que eu queria rever antes de seguir a escrever o nosso próprio código.
O grande takeaway de tudo isso, se você simplesmente dormiu completamente por isso, o único grande para viagem é que
as rotas são importantes.
Rasner como escutamos solicitações particulares e depois executamos algum outro código dependendo dos
pedidos que recebemos.
OK agora é o momento que você estava esperando.
Espero que você tenha esperado por isso.
Vamos seguir em frente e criar o nosso primeiro aplicativo expresso, então vou voltar para a nuvem nove e
eu vou fazer um novo diretório.
Eu só vou chamar isso de primeiro aplicativo expresso e CD para isso e então vou fazer um
novo aplicativo de arquivo sim e então abriremos isso e começaremos constantemente a registrar nosso aplicativo expresso.
Iremos aqui e salve e vamos apenas executá-lo.
E tudo bem, obtemos o log do console.
Então, agora, o que precisamos fazer é instalar o Express e se eu voltar para as docas Express, você pode ver
que acabamos de executar a instalação do NPM express e eu mencionei no último video que íamos falar sobre
as guias dash salvo neste vídeo e Nós vamos mantê-lo até o fim.
Isso não faz diferença na funcionalidade do Express.
Então vamos deixá-lo até mais tarde no vídeo.
módulos de nó ainda, mas se a instalação do NPM for express, vou demorar um momento.
Então, queremos instalar o Express e se nós digitarmos LS. Claro que não há um diretório de
Este é definitivamente um download maior do que as outras coisas que instalamos até agora.
Agora eu tenho um diretório seguro de módulos de nó de LS ou eu realmente atualizo minha árvore de arquivos.
Você não vê módulos que eu expresso e, em vez de módulos de nó, existem muitos diretórios.
Muitos arquivos e esta é toda a lógica de todo o código que faz o quadro que não
temos que nos escrever.
Então, vamos fechar isso.
próxima coisa que precisamos fazer, é claro, é exigido expresso em nosso aplicativo, então faremos muito.
E a
Express é igual a exigir expressar assim.
E isso irá importar o módulo express.
Mas, ao contrário das bibliotecas ou pacotes anteriores, nós vimos como Cat me, onde dissemos que var Cat me equals
require Cat me e depois usá-lo, tudo o que tínhamos que fazer era dizer Cat me.
Neste caso, Cat eu só tenho uma coisa que faz uma função simples, assim como as piadas
de batida só tiveram uma função.
Bem, Express tem muitos e diferentes métodos para que não possamos apenas executar expressões assim.
Para usá-lo, embora nós vamos executá-lo e salvá-lo para uma variável que a maioria das pessoas chama o aplicativo.
Portanto, var Express Equals exige expressar que apenas inclui todos os conteúdos deste diretório expresso e, em seguida, executá-lo e
salvá-lo em uma variável chamada app que tudo o que fazemos com Express será
app dot e, em seguida, algum método que expressar vem com.
Agora que temos expressado e inicializado, é sempre uma boa idéia apenas para se certificar de
que isso funciona.
Então, vamos tentar executar aplicativos de nó.
Sim.
Nada deve acontecer enquanto não tivermos um erro.
Isso significa que estamos bons para ir.
Agora vamos definir a nossa primeira rota.
Vamos fazer uma aplicação muito simples.
Quando você vai cortar, você receberá uma mensagem que diz oi.
E quando você vai despedir-se ou vamos comprar, você receberá uma mensagem que diz adeus.
E então também faça mais um que é quando você escolhe o cão cortado, você recebe uma mensagem que diz meow.
fazer um pedido e podemos obter três respostas diferentes, dependendo de onde solicitamos.
Então, três rotas diferentes três locais diferentes, podemos
Portanto, a sintaxe para definir uma rota parece assim.
Começaremos com este primeiro.
O alto lá e nós escrevemos o ponto do aplicativo obtém um aplicativo para obter leva dois parâmetros diferentes.
O primeiro é o euro ou o caminho que é slash.
Neste caso, porque estamos tentando fazer uma rota quando um usuário faz uma
solicitação de get que é o que eles conseguem, significa que veremos postagens mais recentes e até mesmo atualizar os leads e patch e colocar
alguns dos outros verbos HTP.
Mas receber posts são os mais comuns.
Então, é possível obter quando você recebe solicitações feitas para cortar, que também é chamado de caminho raiz ou apenas a rota.
Então, queremos que esse código seja executado, que é uma função de retorno de chamada e essa função
de retorno de chamada leva dois pedidos e respostas de argumentos diferentes.
Mais uma vez, são o que quer que desejamos que sejam chamados totalmente para nós.
Mas você verá isso com mais freqüência e acho que de fato os documentos oficiais expressos são o que
eles usam req em rez.
foi feita que desencadeou esta rota e resposta irá conter todas as informações sobre o que vamos responder.
Algumas pessoas realmente digitam tudo solicitação e resposta, mas acho que o aumento é muito mais comum
para ver, portanto, os Reds são realmente objetos dentro dessa solicitação de função é um objeto
que contém todas as informações sobre a solicitação que
Então, eu vou mostrar que, num pouco, irá cancelar esse registro, ele verá o que parece.
Mas para começar, vamos escrever rez dot enviar.
Olá.
E esta é apenas uma maneira de responder com algum texto, mas se vamos à página do nosso aplicativo, uma vez
que o atendemos, uma vez que começou, esperamos obter o texto.
Olá, lá, impresso para nós no navegador, isso ainda não vai funcionar.
Porque se eu executar este aplicativo de anotações, sim, nada acontece porque estamos perdendo uma parte realmente importante
do código no Express.
Na verdade, temos que escrever o código para contar para ouvir diferentes pedidos para fazer isso.
EXPRESS nos dá um método chamado de escuta.
Então tudo bem.
Apt up escute e então precisamos fornecer a porta para ouvir e eu vou mostrar-lhe no meu exemplo aqui.
no porto três mil, mas porque estamos na nuvem nove, temos que fazer as coisas um pouco diferente.
Eu estava escutando
Precisamos ouvir o processo que as portas NVI.
Então, todo esse código realmente apenas retornará um número como 3000, exceto que ele retorna o número de servidor da
nuvem nove que temos que usar.
Então, esta é uma variável.
É chamada de variável de ambiente e a variável de ambiente com a qual estamos trabalhando é chamada de porta.
Então isso retornará um número, mas não codificamos o número.
Está vindo da nuvem nove.
Há uma outra informação que devemos transmitir em qual processo processa o EMV IP.
E esta é uma linha que você pode simplesmente copiar e colar do aplicativo para o aplicativo.
Vamos usá-lo na parte inferior de cada aplicativo que fazemos com o Express.
Então, é uma daquelas apenas linhas de cortador de bolachas que precisamos usar.
Isso diz expressar para ouvir em uma porta particular que a nuvem 9 quer e um IP
particular que a nuvem nove espera também para resumir que inicializamos a segurança expressa para a área, nós definiremos uma única
rota quando fizermos uma solicitação de busca para cortar .
Devemos ver que eles são enviados de volta na resposta em nosso navegador e apenas definir a rota não é suficiente.
Então, temos que dizer ao aplicativo para ouvir em uma determinada porta um endereço IP.
E agora só precisamos iniciar o servidor com aplicativos de nó que irão executar todo o conteúdo do arquivo.
Você verá o cursor mudar.
Na verdade, podemos digitar mais comandos porque nosso servidor começou.
Há uma coisa pequena que podemos fazer para melhorar isso.
Então, quando o Control-C fora disso e nós podemos passar na função de retorno de chamada para APT, ouça também.
E dentro daqui, você cancelará que o servidor de log tenha começado assim e salve-o agora, desmarque e comece novamente o servidor e
recebemos essa mensagem que diz que o servidor começou apenas para que esteja claro o que está
acontecendo com o nosso cônsul agora para visitar este site ao contrário da versão local que eu
mostrei com o sublime e a demonstração do cão onde eu fui ao host local Colan 3000 Clubine hospedado na
internet por sua conta, você está bem e você pode encontrar isso clicando na pré-visualização e clicando
em Visualização executando aplicativo e isso abrirá uma nova guia.
E se quisermos, podemos usar a guia aqui.
Eu prefiro copiar o papel e abrir uma nova guia e colar isso para que eu possa realmente apenas
usá-lo no navegador sem ter que passar pela nuvem 9 é um navegador falso tão perto disso e
você verá o meu papel é o nome do meu espaço de trabalho web dev que o acampamento dash meu nome de usuário ponto C-9 ponto.
Então, o que você está servindo nesse espaço de trabalho que agora é este um arquivo apt.
Sim, em vez do primeiro aplicativo expresso, estará na linha que é dada gratuitamente a você quando você cria um espaço
de trabalho nove nuvens e mais emocionante do que isso.
Podemos ver que nós ficamos altos lá.
Está funcionando e fazendo um pedido para a raiz do servidor apenas cortar.
E estou ficando alto lá.
E se tentarmos fazer outra coisa assim, você receberá uma mensagem que diz que não pode entender se você é
o caminho que eu adicionei.
Então vamos adicionar outro agora.
O mesmo padrão.
Vamos fazer a rota de compra.
Então, queremos que um aplicativo não obtenha uma barra.
E então nossa função solicita resposta exatamente assim.
E iremos enviar pontos vermelhos e adeus assim e salvar isso.
Agora, se nós formos a compra e pressione Enter.
Você verá que ainda não funciona.
E é por isso que temos que reiniciar o servidor.
Portanto, sempre que fizermos algumas alterações, é necessário reiniciar o servidor.
Por enquanto, eu vou mostrar uma ferramenta que nos ajudará a não ter que reiniciá-la constantemente.
Mas por enquanto eu preciso fazer o nó Abdulle J. S. novamente, salve ou atualize essa vez, se for cortar.
Agora recebo minha mensagem de adeus e, se eu for para a raiz, chego lá.
Então, vamos fazer mais um agora.
Vamos voltar.
um cachorro ou recorde com solicitações e respostas e, em vez disso, vamos responder.
Então, tente pegar
RAZ E meow.
O que eu estava pensando.
Por que eu disse meow.
Tudo bem, eu irei com isso.
Definitivamente deveria ter sexo feminino, mas se eu começar o meu servidor novamente, reiniciei o Control-C para sair e eles acertaram
a seta para cima e eu corro o nó após o JSC novamente e volto aqui eu atualizo.
cortar me tirar e eu posso ir para cortar pelo portão adeus e eu posso ir para não cortar nada e ficar alto lá.
E agora eu vou para o cachorro
Então, é tudo o que estamos fazendo para este primeiro aplicativo expresso.
Antes de seguir em frente.
Eu vou abrir o carteiro e testar nosso aplicativo.
Então, vamos fazer uma solicitação de get e nós faremos isso na rota do cão slash apenas
para testá-lo e, ao invés de hosts locais 3000, nós precisamos fazer uma solicitação para você, você Arel slash dog.
Então eu vou copiar isso e voltar para o carteiro e apenas colar que você é Ellen.
ele vai fazer um pedido para este Web Dev Bootcamp dash aprender com Colt C9 Daddy-O slash dog, é claro.
E antes de fazer qualquer outra coisa, você sabe redimensionar isso e redimensionar esta janela também e
podemos fechar ou encolher isso um pouco,
Isso também combinará sua própria contagem da nuvem 9.
E o que eu vou fazer é em vez do meu cão de aplicativo, vou adicionar um log Dalt.
E só
vai dizer que alguém fez um pedido para cortar o cão e vamos salvar isso e este blog do console vai
aparecer aqui.
Não vai aparecer no navegador dentro do console de depuração JavaScript.
A frente e o con. Aparece no console do nó aqui que começamos executando aplicativos de nó.
Sim.
Então, se eu reiniciar o servidor e eu começarei apenas mostrando você se eu mudar isso aqui e eu atualizar
a página, deixe-me ir a outra página e atualizar.
E agora, se eu for para cortar cachorros ou observar cães aqui, ele diz que alguém fez um pedido para o Slashdot.
Então, isso é apenas para mostrar que esse código é desencadeado assim que fazemos um pedido e
não é apenas desencadeado pelo nosso navegador, mas também podemos ativá-lo usando o postman, que vou mostrar agora.
Então, tudo o que preciso fazer é acertar aqui ou enviar e nós conseguimos outro.
Alguém fez um pedido para cortar o cão, mas também um carteiro de tela cheia.
Agora vejamos o que foi enviado de volta.
Então, o corpo é apenas maus.
Eu não sei o que eu estava pensando, eu faria isso agora, mas nós conseguimos algum texto de
volta para mim e podemos fazer a mesma coisa indo ao caminho certo e enviando um pedido e chegamos lá e também podemos
fazer slash by.
E também recebemos o mesmo.
para mostrar que esses pedidos não importa de onde eles são originários, se é de um navegador.
Então, isso é
Um telefone com o navegador se é de um terminal em algum lugar ou algo como Postman, não importa.
Nosso servidor está apenas ouvindo qualquer solicitação que seja uma solicitação para três rotas diferentes.
Cão pela rota e a rota e quando recebe uma dessas solicitações, ela responderá com algum
texto simples.
Tudo bem.
Então, é tudo o que eu queria abordar nesta primeira introdução para expressar o aplicativo.
não foi muito como uma aplicação, mas confie em mim, a ordem em que estamos indo é muito muito deliberada.
Eu sei que é realmente muito simples que
Estamos começando pequeno e vamos adicionar uma peça de cada vez, as próximas peças que adicionaremos estão respondendo
com os arquivos de correio da HQ.
Então, ao invés de ler esse envio, há outro método que usamos para enviar um arquivo completo de H. T. envie um e-mail e
também apresentamos um conceito chamado variáveis ​​Raut ou variáveis ​​de caminho.
OK, vou ver você no próximo vídeo