Configurar um aplicativo Web Nuxt.js no Ubuntu 18.04 LTS

Nuxt.js: a estrutura universal

O Nuxt.js é uma estrutura JavaScript projetada para criar rapidamente aplicativos universais do Vue.js. É notoriamente notável por sua capacidade de criar aplicativos Vue.js. que podem ser renderizados no servidor e no cliente. Neste tutorial, configuraremos um aplicativo Nuxt.js renderizado pelo servidor e o implantaremos no Ubuntu 18.04 LTS.

Instalando o Node.js

Primeiro, você precisará ter certeza de que está executando o Ubuntu 18.04 LTS. Em seguida, você precisará instalar o Node.js, se ainda não estiver instalado. Neste tutorial, usaremos o Node Version Manager, ou NVM, para facilitar esse processo.

Instale o NVM usando os seguintes comandos.

curl -sL https://raw.githubusercontent.com/creationix/nvm/v0.33.11/install.sh -o install_nvm.sh
bash install_nvm.sh
source ~/.profile
nvm install 11.1.0
nvm use 11.1.0

Aplicação do andaime

Depois de instalar o Node.js, agora podemos prosseguir com a configuração dos pacotes que precisaremos usando o NPM. Usaremos uma pequena ferramenta útil chamada create-nuxt-app, uma ferramenta criada pela comunidade que pode facilmente criar aplicativos Nuxt.js.

No seu diretório pessoal, execute o seguinte comando para iniciar a geração do aplicativo.

npx create-nuxt-app <nameofproject>

O console solicitará várias opções importantes. Para fins deste tutorial, nomearemos nosso projeto " app". Usaremos o Express como nossa estrutura de servidor personalizada e executaremos o aplicativo no modo universal, o que garante que renderizaremos nosso site no servidor. Quando você especificar todas as permissões necessárias, o processo de instalação será iniciado e todos os arquivos de configuração serão criados.

Início inicial

Depois que tudo tiver sido baixado, altere os diretórios para a pasta que você acabou de criar.

cd app

Agora podemos iniciar o servidor de desenvolvimento Nuxt.js.

npm run dev

Este comando criará o site usando o webpack, que é um empacotador de módulo, e servirá o site em uma porta localhost, que geralmente será port 3000. Também lhe dará acesso a módulos de recarga a quente, o que removerá a necessidade de reiniciar o aplicativo toda vez que você alterar um arquivo. Como estamos executando o aplicativo no modo universal, o aplicativo será compilado no cliente e no servidor. Agora seu aplicativo estará sendo executado na porta 3000.

Prédio para produção

O modo de desenvolvimento é bastante útil para quando você está desenvolvendo ativamente seu aplicativo. No entanto, quando você estiver pronto para tornar seu aplicativo público, complementos como ferramentas de atualização a quente e de desenvolvedor se tornam menos importantes. É por isso que queremos construir nosso aplicativo uma vez, para um ambiente de produção. Felizmente, o Nuxt.js inclui uma ferramenta que podemos usar para criar rapidamente módulos de produção de aplicativos. Execute o seguinte para iniciar o processo de construção da produção.

npm run build

Essencialmente, o que estamos fazendo aqui é que estamos compilando todos os nossos módulos de webpack, com otimizações para produção.

Quando a construção estiver concluída, você poderá executar o site para produção.

npm start

Agora, se você navegar http://yourip:3000, verá a tela inicial do Nuxt.js., que confirma que você está executando no modo de produção.

PM2: gerencie seu aplicativo com facilidade

Agora entendemos o básico da execução de nosso aplicativo para produção. Em termos de ambiente de produção, preferimos uma boa maneira de manter o aplicativo em execução para sempre, reiniciar automaticamente o aplicativo quando necessário e monitorar os recursos do aplicativo. É aí que entra o Process Manager 2 (PM2). O PM2 é um gerenciador de processos do Node.js. para aplicativos de produção, que inclui muitas ferramentas importantes de produção, como balanceamento de carga, logs avançados, scripts de inicialização e muito mais. Primeiro, instale o PM2.

npm install pm2 -g

Isso instala o PM2 globalmente, para que possamos usá-lo em qualquer lugar do nosso servidor. Quando o download do PM2 terminar, podemos iniciar nosso aplicativo.

pm2 start <appfolder>/server/index.js

Observe que estamos iniciando o arquivo do servidor localizado dentro da raiz do aplicativo.

Se você deseja visualizar os recursos que seu aplicativo está consumindo, pode fazê-lo com o pm2 monitcomando Isso exibirá uma interface semelhante à das ncurses, na qual você poderá coletar dados com precisão sobre a RAM, a CPU e o uso do disco do seu aplicativo.

Até agora, seu aplicativo estará sendo executado exatamente como era quando o rodamos com o npm anteriormente, mas agora temos muito mais controle quando se trata de otimizações de produção.

Agora você tem uma compilação de aplicativo Nuxt.js implantada para produção com Node.js. e Ubuntu 18.04. Se você quiser saber mais sobre o Nuxt, e todos os seus recursos, sinta-se à vontade para visitar a documentação oficial .



Leave a Comment

Como instalar a plataforma LiteCart Shopping Cart no Ubuntu 16.04

Como instalar a plataforma LiteCart Shopping Cart no Ubuntu 16.04

LiteCart é uma plataforma de carrinho de compras de código aberto e gratuita escrita em PHP, jQuery e HTML 5. É um software de comércio eletrônico simples, leve e fácil de usar

Configuração inicial segura do servidor Ubuntu 18.04

Configuração inicial segura do servidor Ubuntu 18.04

Introdução Neste tutorial, você aprenderá como configurar um nível básico de segurança em uma nova máquina virtual Vultr VC2 executando o Ubunt

Instalando o McMyAdmin no Ubuntu 14.10

Instalando o McMyAdmin no Ubuntu 14.10

McMyAdmin é um painel de controle do servidor Minecraft usado para administrar seu servidor. Embora o McMyAdmin seja gratuito, há várias edições, algumas das quais são pai

Configurar um TeamTalk Server no Linux

Configurar um TeamTalk Server no Linux

O TeamTalk é um sistema de conferência que permite aos usuários ter conversas de áudio / vídeo de alta qualidade, bate-papo por texto, transferir arquivos e compartilhar telas. É eu

Como instalar e configurar o CyberPanel no servidor CentOS 7

Como instalar e configurar o CyberPanel no servidor CentOS 7

Usando um sistema diferente? Introdução O CyberPanel é um dos primeiros painéis de controle do mercado, tanto de código aberto quanto de OpenLiteSpeed. What thi

Instale o Grafana no Ubuntu 16.04 LTS

Instale o Grafana no Ubuntu 16.04 LTS

Usando um sistema diferente? Introdução O Grafana é um software de código aberto que transforma vários feeds de sistemas como Graphite, Telegraf, um

Instale o phpBB com Apache no Ubuntu 16.04

Instale o phpBB com Apache no Ubuntu 16.04

PhpBB é um programa de boletim de código aberto. Este artigo mostra como instalar o phpBB em cima de um servidor Apache no Ubuntu 16.04. Foi writte

Como instalar o Foreman no Ubuntu 16.04 LTS

Como instalar o Foreman no Ubuntu 16.04 LTS

Usando um sistema diferente? O Foreman é uma ferramenta gratuita e de código aberto que ajuda na configuração e gerenciamento de servidores físicos e virtuais. Forema

Configurar um usuário não root com Sudo Access no Ubuntu

Configurar um usuário não root com Sudo Access no Ubuntu

Ter apenas um usuário, que é root, pode ser perigoso. Então vamos consertar isso. O Vultr nos dá a liberdade de fazer o que quisermos com nossos usuários e servidores

Instale o eSpeak no CentOS 7

Instale o eSpeak no CentOS 7

Usando um sistema diferente? O ESpeak pode gerar arquivos de áudio de conversão de texto em fala (TTS). Isso pode ser útil por vários motivos, como criar seu próprio Turim

Instalando o Fuel CMS no Ubuntu 16.04 LTS

Instalando o Fuel CMS no Ubuntu 16.04 LTS

Usando um sistema diferente? O Fuel CMS é um sistema de gerenciamento de conteúdo baseado em CodeIgniter. Seu código fonte está hospedado no GitHub. Este guia mostra como você pode

Como instalar o Couch CMS 2.0 em um VPS Debian 9 LAMP

Como instalar o Couch CMS 2.0 em um VPS Debian 9 LAMP

Usando um sistema diferente? O Couch CMS é um sistema de gerenciamento de conteúdo (CMS) simples e flexível, gratuito e de código aberto que permite que os web designers

Monitore seus dispositivos usando o LibreNMS no CentOS 7

Monitore seus dispositivos usando o LibreNMS no CentOS 7

Usando um sistema diferente? O LibreNMS é um sistema de monitoramento de rede de código aberto completo. Ele usa o SNMP para obter os dados de diferentes dispositivos. Uma variedade

Como usar o Sudo no Debian, CentOS e FreeBSD

Como usar o Sudo no Debian, CentOS e FreeBSD

Usar um usuário sudo para acessar um servidor e executar comandos no nível raiz é uma prática muito comum entre o Linux e o Unix Systems Administrator. O uso de um sud

Como instalar o RabbitMQ no CentOS 7

Como instalar o RabbitMQ no CentOS 7

Usando um sistema diferente? O RabbitMQ é um intermediário de mensagens de código aberto amplamente usado, escrito na linguagem de programação Erlang. Como um middleware orientado a mensagens

Como ativar o TLS 1.3 no Apache no Fedora 30

Como ativar o TLS 1.3 no Apache no Fedora 30

Usando um sistema diferente? O TLS 1.3 é uma versão do protocolo TLS (Transport Layer Security) publicada em 2018 como um padrão proposto no RFC 8446

Configurando um Chroot no Debian

Configurando um Chroot no Debian

Este artigo ensinará como configurar uma prisão chroot no Debian. Presumo que você esteja usando o Debian 7.x. Se você estiver executando o Debian 6 ou 8, isso pode funcionar, mas

Como instalar o PiVPN no Debian

Como instalar o PiVPN no Debian

Introdução Uma maneira fácil de configurar um servidor VPN no Debian é com o PiVPN. PiVPN é um instalador e wrapper para o OpenVPN. Ele cria comandos simples para você t

Configurar o Nginx-RTMP no CentOS 7

Configurar o Nginx-RTMP no CentOS 7

Usando um sistema diferente? O RTMP é ótimo para veicular conteúdo ao vivo. Quando o RTMP é emparelhado com o FFmpeg, os fluxos podem ser convertidos em várias qualidades. Vultr i

Como instalar e configurar o CyberPanel no Ubuntu 18.04 LTS

Como instalar e configurar o CyberPanel no Ubuntu 18.04 LTS

Usando um sistema diferente? Introdução O CyberPanel é um dos primeiros painéis de controle do mercado, tanto de código aberto quanto de OpenLiteSpeed. What thi

A IA pode lutar contra o aumento do número de ataques de ransomware

A IA pode lutar contra o aumento do número de ataques de ransomware

Os ataques de ransomware estão aumentando, mas a IA pode ajudar a lidar com os vírus de computador mais recentes? AI é a resposta? Leia aqui para saber se é AI boone ou bane

ReactOS: Este é o futuro do Windows?

ReactOS: Este é o futuro do Windows?

ReactOS, um sistema operacional de código aberto e gratuito está aqui com a versão mais recente. Será que ela pode atender às necessidades dos usuários modernos do Windows e derrubar a Microsoft? Vamos descobrir mais sobre esse estilo antigo, mas uma experiência de sistema operacional mais recente.

Fique conectado por meio do aplicativo WhatsApp Desktop 24 * 7

Fique conectado por meio do aplicativo WhatsApp Desktop 24 * 7

O Whatsapp finalmente lançou o aplicativo Desktop para usuários de Mac e Windows. Agora você pode acessar o Whatsapp do Windows ou Mac facilmente. Disponível para Windows 8+ e Mac OS 10.9+

Como a IA pode levar a automação de processos ao próximo nível?

Como a IA pode levar a automação de processos ao próximo nível?

Leia isto para saber como a Inteligência Artificial está se tornando popular entre as empresas de pequena escala e como está aumentando as probabilidades de fazê-las crescer e dar vantagem a seus concorrentes.

A atualização do suplemento do macOS Catalina 10.15.4 está causando mais problemas do que resolvendo

A atualização do suplemento do macOS Catalina 10.15.4 está causando mais problemas do que resolvendo

Recentemente, a Apple lançou o macOS Catalina 10.15.4, uma atualização suplementar para corrigir problemas, mas parece que a atualização está causando mais problemas, levando ao bloqueio de máquinas mac. Leia este artigo para saber mais

13 Ferramentas de Extração de Dados Comerciais de Big Data

13 Ferramentas de Extração de Dados Comerciais de Big Data

13 Ferramentas de Extração de Dados Comerciais de Big Data

O que é um sistema de arquivos de registro no diário e como ele funciona?

O que é um sistema de arquivos de registro no diário e como ele funciona?

Nosso computador armazena todos os dados de uma maneira organizada conhecida como sistema de arquivos Journaling. É um método eficiente que permite ao computador pesquisar e exibir arquivos assim que você clicar em search.https: //wethegeek.com/? P = 94116 & preview = true

Singularidade tecnológica: um futuro distante da civilização humana?

Singularidade tecnológica: um futuro distante da civilização humana?

À medida que a ciência evolui em um ritmo rápido, assumindo muitos de nossos esforços, os riscos de nos sujeitarmos a uma singularidade inexplicável também aumentam. Leia, o que a singularidade pode significar para nós.

Uma visão sobre 26 técnicas analíticas de Big Data: Parte 1

Uma visão sobre 26 técnicas analíticas de Big Data: Parte 1

Uma visão sobre 26 técnicas analíticas de Big Data: Parte 1

O impacto da inteligência artificial na saúde 2021

O impacto da inteligência artificial na saúde 2021

A IA na área da saúde deu grandes saltos nas últimas décadas. Portanto, o futuro da IA ​​na área da saúde ainda está crescendo dia a dia.