[MÚSICA]
A última pergunta que pode surgir em sua mente é como faço para construir e
implantar o aplicativo Angular?
Se você se lembra, no curso anterior no Bootstrap 4,
aprendemos sobre como usar os scripts MPM ou grand ou
culp para construir a pasta de distribuição, a fim de construir nossa aplicação web.
Agora, com a aplicação Angular que temos vindo a desenvolver neste curso,
temos a ajuda do Angular CLI.
O Angular CLI fornece um comando de compilação que nos permite construir nosso aplicativo Angular
, construir a pasta de distribuição e, em seguida, ter todos os arquivos para
nosso aplicativo Angular compilado e pronto para implantar em um site de servidor.
Então é isso que vamos aprender neste exercício.
Para avançar com a construção e implantação da nossa aplicação Angular em
o prompt tipo ng building — porque queremos desenvolver a versão de produção
do nosso aplicativo Angular que pode ser implantado em um servidor.
Então, para fazer isso, no prompt, como eu mencionei, digite ng
build —prod, e então deixe o processo de compilação completo.
Isso levará um pouco de tempo para que o processo de compilação seja concluído.
Depois que o processo de compilação estiver concluído,
você verá que a pasta de distribuição agora estará pronta.
Uma vez que o processo de construção seja concluído com sucesso, então
você pode ver que está tudo verde lá, então a pasta de distribuição está preparada agora.
Agora, como implantamos o aplicativo Angular?
Agora, neste caso, se temos um servidor onde você pode implantar seu aplicativo web,
então é apenas uma questão de copiar o conteúdo de
a pasta de distribuição diretamente para o servidor.
E então seu aplicativo Angular estará funcionando em pouco tempo.
Agora, felizmente, já temos nosso servidor JSON em execução lá.
Então vamos usar o nosso servidor JSON e
a pasta pública do nosso servidor JSON, para que eles copiem todo o conteúdo
da pasta de distribuição para a pasta pública do nosso servidor JSON.
Indo para a pasta Confusão, onde a nossa aplicação está armazenada,
vamos passar agora para a pasta de distribuição.
Você verá que a pasta de distribuição foi criada.
Então você vai para a pasta de distribuição e
você verá que um monte de arquivos foram criados pelo processo de compilação Angular CLI.
Vamos apenas copiar todo o conteúdo desta pasta, e
então vamos para o servidor JSON, que está na pasta json-server aqui e
ir para a pasta pública da pasta json-server.
E então vamos simplesmente copiar o conteúdo para esta pasta pública.
Agora seu aplicativo Angular deve estar disponível em localhost:3000 porque
seu servidor JSON servirá tudo o que estiver na pasta pública no localhost:3000.
Indo para um navegador, agora em uma nova guia vou digitar localhost:3000 e
você verá que seu aplicativo Angular agora estará funcionando em nenhum momento.
Então é assim que você implantaria seu aplicativo Angular.
Agora, é claro, neste caso, já que temos nosso servidor sob nosso controle,
é apenas uma questão de copiar os arquivos para o lado do servidor.
Agora, se você estiver fazendo essa implantação em um servidor real na Nuvem,
então você só precisa seguir as instruções que são dadas pelo
o provedor de serviços Cloud para aumentar o lado do servidor.
Então eles podem ter uma pasta pública que pode ser suportada em seu servidor de nuvem.
Então, nesse caso, você pode simplesmente precisar copiar o conteúdo da pasta
de distribuição para a pasta do servidor público em seu provedor de serviços de nuvem.
É claro que você também precisa garantir que haja um servidor de back-end
em execução que suporte a API REST.
No nosso caso, o servidor JSON está servindo a finalidade.
Quando você concluir o curso final nesta especialização,
onde lidamos com o desenvolvimento do lado do servidor usando Node-JS,
você aprenderá o procedimento para construir seu próprio servidor de API REST personalizado.
Então, nesse caso, em seguida, dentro do servidor REST API haverá uma pasta pública que
irá suportar, e então você teria
necessidade de copiar seu aplicativo Angular para a pasta pública no lado do servidor.
É assim que você implantaria seu aplicativo Angular.
Com isso, completamos este exercício.
Neste exercício, aprendemos como implantar nosso aplicativo Angular
em um servidor.
E como fazer uso do Angular CLI para construir uma versão de produção do nosso aplicativo
Angular antes de fazer a implantação do nosso aplicativo Angular
para o lado do servidor.
[MÚSICA]