Importante

Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!

1
resposta

2. Preparando o ambiente

Olá professores vai a execução das atividades no ambiente e duas partes e depois o resultado no navegador:

Foi de boa, já tinha tudo instalado, agente que já vem programando, acaba que já tendo muitas coisas prontas no computador, e na tela do cmd de boa mesmo pela facilidade com o DOS. Quanto terminei os dois processos a pagina já abriu direto automático no navegador sem precisar de acessar o endereço.

Primeira parte:

Primeira parte
Primeira parte
Primeira parte
Segunda parte do processo:

Microsoft Windows [versão 10.0.19045.6466]
(c) Microsoft Corporation. Todos os direitos reservados.

C:\Users\junior>cd\

C:>git clone https://github.com/alura-cursos/curso-react-alurabooks.git
Cloning into 'curso-react-alurabooks'...
remote: Enumerating objects: 374, done.
remote: Counting objects: 100% (129/129), done.
remote: Compressing objects: 100% (51/51), done.
remote: Total 374 (delta 107), reused 78 (delta 78), pack-reused 245 (from 1)
Receiving objects: 100% (374/374), 6.05 MiB | 4.05 MiB/s, done.
Resolving deltas: 100% (155/155), done.

C:>cd curso-react-alurabooks

C:\curso-react-alurabooks>git checkout aula-5
branch 'aula-5' set up to track 'origin/aula-5'.
Switched to a new branch 'aula-5'

C:\curso-react-alurabooks>npm install
npm warn deprecated stable@0.1.8: Modern JS already guarantees Array#sort() is a stable sort, so this library is deprecated. See the compatibility table on MDN: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort#browser_compatibility
npm warn deprecated svgo@1.3.2: This SVGO version is no longer supported. Upgrade to v2.x.x.

added 1446 packages, and audited 1447 packages in 45s

210 packages are looking for funding
run npm fund for details

74 vulnerabilities (14 low, 25 moderate, 30 high, 5 critical)

To address issues that do not require attention, run:
npm audit fix

To address all issues (including breaking changes), run:
npm audit fix --force

Run npm audit for details.

C:\curso-react-alurabooks>git checkout aula-5
Already on 'aula-5'
Your branch is up to date with 'origin/aula-5'.

C:\curso-react-alurabooks>npm install

up to date, audited 1447 packages in 16s

210 packages are looking for funding
run npm fund for details

74 vulnerabilities (14 low, 25 moderate, 30 high, 5 critical)

To address issues that do not require attention, run:
npm audit fix

To address all issues (including breaking changes), run:
npm audit fix --force

Run npm audit for details.

Browserslist: caniuse-lite is outdated. Please run:
npx update-browserslist-db@latest
Why you should do it regularly: https://github.com/browserslist/update-db#readme
(node:1372) [DEP_WEBPACK_DEV_SERVER_ON_AFTER_SETUP_MIDDLEWARE] DeprecationWarning: 'onAfterSetupMiddleware' option is deprecated. Please use the 'setupMiddlewares' option.
(Use node --trace-deprecation ... to show where the warning was created)
(node:1372) [DEP_WEBPACK_DEV_SERVER_ON_BEFORE_SETUP_MIDDLEWARE] DeprecationWarning: 'onBeforeSetupMiddleware' option is deprecated. Please use the 'setupMiddlewares' option.
Starting the development server...
Compiled successfully!

You can now view alurabooks in the browser.

Local: http://localhost:3000
On Your Network: http://10.0.0.4:3000

Note that the development build is not optimized.
To create a production build, use npm run build.

webpack compiled successfully
No issues found.

Resultado final
Resultado final
Resultado final

1 resposta

Olá, Fábio. Como vai?

Excelente postagem compartilhando a preparação e a subida do ambiente da AluraBooks! Ter o projeto front-end em React rodando na porta 3000 e a API de autenticação respondendo perfeitamente na porta 8000 é o cenário ideal para começarmos a estudar DevOps e tráfego seguro na web.

Como você bem pontuou, a familiaridade com o terminal agiliza demais esse processo. Gostaria de aproveitar os seus registros técnicos para trazer um complemento importante sobre segurança e arquitetura de pacotes no ecossistema Node.js, algo essencial para o dia a dia em DevOps:

  • Gerenciamento de Vulnerabilidades: Notei que o terminal exibiu alertas de vulnerabilidades ao instalar os pacotes (tanto na API quanto no Front-end). Em ambientes de desenvolvimento local, isso nos permite rodar o projeto normalmente, mas em uma esteira de produção (CI/CD) de DevOps, esses alertas podem travar o deploy. Uma boa prática para corrigir falhas de segurança sem quebrar o projeto é rodar o comando npm audit fix.
  • Módulos Faltantes: Em uma das capturas do terminal, a API chegou a acusar o erro MODULE_NOT_FOUND para o pacote body-parser. Isso acontece quando o projeto faz a requisição de uma biblioteca que ainda não foi baixada para a pasta node_modules. Para sanar esse ponto de forma rápida, basta executar o comando de instalação direta:
npm install body-parser

Esse comando garante que o servidor consiga processar os dados das requisições corretamente para o funcionamento do ecossistema. Com o AluraBooks ativo e integrado, você tem o laboratório perfeito para aplicar os conceitos de criptografia, certificados e tráfego seguro que o curso apresenta.

Parabéns pelo empenho e pela organização dos logs e telas!

Espero que possa ter lhe ajudado!