Agora, que aprendemos sobre o Express Generator,
a ferramenta de andaimes para aplicações de especialistas,
vamos instalar o Express Generator e, em seguida, criar uma nova aplicação Express.
Criaremos a réplica exata
do aplicativo Express REST API que implementamos no módulo anterior.
Vamos realmente reutilizar os três roteadores,
roteadores Express que implementamos no aplicativo Express anterior
no aplicativo recém-gerado que vamos
gerar usando o Express Generator neste exercício.
Para começar, seu primeiro passo é instalar o Express Generator.
Então, no prompt digite “npm
install -g” para instalá-lo como um módulo NPM global.
Vamos dizer “Gerador Expresso” e “Retornar”.
Agora, se você estiver instalando em um OSX ou uma máquina Linux,
certifique-se de usar sudo na frente deste comando.
Em seguida, instale o aplicativo como um aplicativo global.
Como você pode ver, a versão do Express Generator que estou usando é 4.16.0 neste curso.
Agora, que instalamos o Express Generator, em seu terminal,
mova para a pasta Node.Js onde você tem armazenado
todos os vários aplicativos de nó que temos vindo a desenvolver neste curso,
na pasta Node.Js.
No prompt digite express ConfusionServer.
Agora, se você tem seguido os cursos anteriores,
você entende por que eu chamo de Confusão e então
vamos andaime nossa aplicação expressa no ConfusionServer.
Estou andaime para fora sem novas opções e, em seguida, dentro de um curto período de tempo,
o servidor Express será andaime para fora.
Agora, mova para a pasta ConfusionServer e, em seguida,
você veria que um monte de arquivos já foram andaimes para você.
Então, vamos abrir esse projeto no Visual Studio Code.
Além disso, no prompt digite “npm
install” para instalar todos os módulos NPM
que já estão incluídos no arquivo package.json.
Então, vamos dar uma olhada rápida no arquivo package.json para ver quais são
todos os vários módulos NPM Node que vão ser instalados.
Indo para
o nosso aplicativo, no arquivo package.json,
você vê que o servidor com o nome padrão
foi andaime e você vê um monte de dependências que são declaradas aqui.
Então, todos esses módulos NPM serão instalados automaticamente para
você pelo NPM quando você digitar “npm install” nesta pasta.
Então, você verá a pasta de módulos nó sendo criado aqui.
Vá para o terminal, digite “npm install” e, em seguida, deixe-o
prosseguir com a instalação de todos os vários módulos NPM.
Uma vez que todos estejam concluídos,
então estamos prontos para começar com a nossa aplicação Express.
Você notaria que o aplicativo Express padrão já foi instalado.
Então, no prompt,
se você simplesmente dizer npm start,
o aplicativo padrão será iniciado e você pode
navegar usando seu navegador padrão para ver o que este aplicativo serve para cima.
Vá para Postman no tipo de bloco de endereços localhost:3000 e
envie a solicitação e você verá que seu servidor retornará
essas informações padrão do site do servidor.
Então, este é o servidor Express padrão que é andaimes pelo Express Generator.
No console, você verá informações como esta impressas aqui.
Isto é o que Morgan imprime na tela para mostrar os pedidos que chegam.
Então, ele mostra o tipo de solicitação para qual URL
e a resposta correspondente que foi enviada de volta para o cliente do servidor.
Vamos parar o servidor Express.
Vamos inicializar um repositório Git e, em seguida,
vamos verificar o status do Git e você verá que os módulos do nó está sendo incluído.
Então, deixe-me mudar para o meu aplicativo e, em seguida, criar
um arquivo gitignore e, em seguida, no arquivo gitignore,
deixe-me especificar os módulos de nó como um arquivo que eu quero ignorar.
Em seguida, voltando para o terminal,
deixe-me verificar o status do git e você vê que agora
vamos estar verificando em apenas os arquivos que fazem parte de nossa aplicação.
Então, no prompt, digite git add
e, em seguida, diga, git status e você verá que todos os arquivos foram verificados.
Então, você diz, git commit -m “Express Generator”.
Agora, vamos continuar com esta aplicação Express.
Nós já tínhamos construído os três roteadores usando
o roteador Express no aplicativo Express anterior que implementamos.
Vamos copiar esses três roteadores para este aplicativo que geramos usando o
Express Generator e também configurar este aplicativo para fazer uso desses três roteadores.
Então, para fazer isso,
deixe-me ir para a pasta Node.Js e,
em seguida,
indo para a pasta express nó e rotas, eu vou copiar o dishRouter.js,
leaderRouter.js router.js e promoRouter.js que eu implementei
na atribuição e vamos para
o ConfusionServer que eu acabaram de criar e para a pasta de rotas e, em seguida, copiar
sobre esses três roteadores Express que criamos lá.
Então, automaticamente, agora modificando o arquivo app.js,
seremos capazes de suportar a API REST usando
o aplicativo Express que acabamos de sair.
Fazendo uma rápida visita ao aplicativo que foi andaime para fora.
Como mencionei na palestra anterior,
o app.js é o lugar onde tudo começa.
Então, este é o arquivo padrão para que você possa ver algumas
das coisas que você está familiarizado com a partir do módulo anterior.
Então, estamos exigindo logger de caminho expresso que é morgan neste caso.
CookieParser que vamos usar em um dos exercícios posteriores e você
também vê que você está importando duas rotas;
o índice e os usuários,
que já estão andaimes para fora pelo Express para nós.
Então, vamos adicionar os três novos roteadores aqui.
Então, eu vou apenas dizer, var DisishRouter exigem rotas
DishRouter e, em seguida, eles vão copiar isso e, em seguida, também importar
o PromORouter
e o LeaderRouter e vamos configurar estes para ser usado aqui.
Aqui você vê que o índice é montado
na barra e, em seguida, os usuários são montados em /users.
Então, vamos dizer, uso do aplicativo
e pratos DisishRouter.
São quatro horas.
Promoções PromOrouter e líderes.
LeaderRouter. É isso.
Nosso aplicativo Express que foi andaime para fora agora está configurado
para ser um servidor de API REST completo que servirá para pratos,
pratos, promoções e líderes.
Agora, se você navegar pelo resto do código,
ele vai parecer tudo familiarizado com algumas coisas novas lá dentro.
Vamos visitá-los como e quando precisarmos entender um pouco mais de detalhes lá.
Então, você pode ver que o servidor estático foi configurado,
o logger foi configurado lá e alguns deste outro- então,
este é um manipulador global para erros.
Veremos como fazer uso dele com mais detalhes.
E esses dois são manipuladores de erros adicionais que se seguem depois disso.
Vamos ver como fazemos uso deles à medida que implementamos ainda mais nesta aplicação.
Então, é aqui que você percebe toda essa informação.
Agora, você está se perguntando onde o servidor em si está
configurado para o host local e o número da porta está configurado.
Agora, esta informação está neste arquivo chamado bin/www.
Se você abrir a pasta bin/www,
você verá informações adicionais aqui.
Então, ele diz, var aplicativo exigem.. barra /aplicativo.
Então, a partir da pasta bin,
você vem aqui e, em seguida,
este arquivo app.js é necessário aqui para isso;
e assim, isso incluirá automaticamente o expresso e tudo mais.
E então, aqui você está configurando
o servidor http aqui e você está configurando o número da porta.
Você também pode fornecer seu próprio número de porta na linha de comando,
mas no momento vamos usar o valor padrão, que é 3000,
e vamos configurar o número da porta aqui; e, em seguida,
você vê o servidor var HTTP.CreateServer que você viu anteriormente,
e o servidor está ouvindo As coisas aqui.
E, em seguida, também, aqui estão alguns ouvindo eventos no lado do servidor.
Voltaremos a isso em um dos exercícios posteriores.
E, em seguida, abaixo, você verá algum
código adicional que configura seu servidor para ser capaz de
lidar com erros e ouvir solicitações recebidas no número da porta e assim por diante.
No momento, não se preocupe muito com este código.
Vamos revisitar este código sempre que
precisarmos, e vamos modificar este código como e quando precisarmos em um dos exercícios posteriores.
Então, é aí que as informações do servidor estão todas configuradas lá.
E app.js, já vimos a pasta rotas lá.
Index.js e users.js são duas rotas padrão que já estão configuradas para nós.
Vamos usar o users.js em um dos exercícios posteriores.
E na pasta pública,
vamos em frente e copiar o index.html e
aboutus.html do nosso aplicativo Express para a pasta pública também.
Então, voltando para a pasta pública node-express.
Só vou copiar estes dois.
E então, vamos voltar para o servidor de confusão;
e então, na pasta pública,
eu vou simplesmente colá-los no lugar.
No momento, estes são espaços reservados.
Mais tarde, vamos substituí-los por outras coisas.
Então, com essas alterações,
nosso servidor está agora totalmente configurado para ser executado como
um servidor de API REST e suportará todos os pontos finais da API REST.
Então, vamos começar o nosso servidor.
Então, no prompt,
digite npm start e seu servidor estará ativo e em execução.
Vamos para PostBin e enviar algumas solicitações para este servidor.
Vamos agora enviar uma solicitação get para o host local 3000/pratos,
e você notará que o REST API Server está funcionando exatamente como esperamos.
Enviamos um pedido de exclusão e ele vai apagar os pratos.
E então, vamos enviar
uma solicitação de exclusão para promoções e você verá que ela funciona exatamente como antes.
E fazemos uma postagem para promoções
com o corpo fielding
e enviamos a solicitação de postagem,
e você verá que ele diz,
“Vamos adicionar o teste de promoção com descrição detalhada.”
Vamos enviar isso para leaders.23,
mas colocar o pedido para leaders.23 e você deve ver que ele diz, “Atualizando o líder 23.
Irá atualizar o líder.” Então, você vê que
o gerador Express que gerou o aplicativo e nós o modificamos
para suportar todos os pontos de extremidade da API REST que
configuramos na versão anterior do roteador Express.
Agora, com isso, concluímos este exercício onde demonstramos como podemos
usar o gerador Express para construir o endpoint da API REST.
Agora, este é um bom momento para nós fazer um Git Kermit das mudanças com a mensagem,
“Express generator REST API.”