Nuxt.js est un framework JavaScript conçu pour créer rapidement des applications universelles Vue.js. Il est surtout connu pour sa capacité à créer des applications Vue.js qui peuvent être rendues sur le serveur ainsi que sur le client. Dans ce didacticiel, nous allons configurer une application Nuxt.js rendue par le serveur et la déployer sur Ubuntu 18.04 LTS.
Tout d'abord, vous devez vous assurer que vous utilisez Ubuntu 18.04 LTS. Ensuite, vous devrez installer Node.js, s'il n'est pas déjà installé. Dans ce didacticiel, nous utiliserons le Node Version Manager, ou NVM, pour rendre ce processus beaucoup plus facile.
Installez NVM à l'aide des commandes suivantes.
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
Une fois Node.js installé, nous pouvons maintenant procéder à la configuration des packages dont nous aurons besoin à l'aide de NPM. Nous utiliserons un petit outil pratique appelé create-nuxt-app, un outil communautaire qui peut facilement créer des applications Nuxt.js.
Dans votre répertoire personnel, exécutez la commande suivante pour commencer la génération d'application.
npx create-nuxt-app <nameofproject>
La console vous demandera plusieurs options importantes. Pour les besoins de ce tutoriel, nous nommerons notre projet " app". Nous utiliserons Express comme cadre de serveur personnalisé et nous exécuterons l'application en mode universel, ce qui garantit que nous afficherons notre site Web sur le serveur. Lorsque vous avez spécifié toutes les autorisations requises, le processus d'installation commencera et tous les fichiers de configuration seront créés.
Une fois que tout est téléchargé, changez de répertoire dans le dossier que vous venez de créer.
cd app
Nous pouvons maintenant démarrer le serveur de développement Nuxt.js.
npm run dev
Cette commande créera le site à l'aide de webpack, qui est un groupeur de modules, et servira le site sur un port localhost, qui sera généralement le port 3000. Il vous donnera également accès à des modules de rechargement à chaud, ce qui supprimera la nécessité de redémarrer l'application chaque fois que vous modifiez un fichier. Puisque nous exécutons l'application en mode universel, l'application se compilera à la fois sur le client et le serveur. Maintenant, votre application s'exécutera sur le port 3000.
Le mode de développement est très utile lorsque vous développez activement votre application. Cependant, lorsque vous êtes prêt à rendre votre application publique, les modules complémentaires tels que le rechargement à chaud et les outils de développement deviennent moins importants. C'est pourquoi nous voudrons construire notre application une fois, pour un environnement de production. Heureusement, Nuxt.js comprend un outil que nous pouvons utiliser pour créer rapidement les modules de notre application pour la production. Exécutez ce qui suit pour commencer le processus de génération de production.
npm run build
Essentiellement, ce que nous faisons ici, c'est que nous compilons tous nos modules Webpack, avec des optimisations pour la production.
Une fois la construction terminée, vous pourrez exécuter le site pour la production.
npm start
Maintenant, si vous accédez à http://yourip:3000, vous verrez l'écran de démarrage Nuxt.js, qui confirme que vous exécutez en mode production.
Nous comprenons maintenant les bases de l'exécution de notre application pour la production. En termes d'environnement de production, nous préférerions un bon moyen de maintenir notre application en cours d'exécution pour toujours, de redémarrer automatiquement notre application si nécessaire et de surveiller les ressources de notre application. C'est là qu'intervient Process Manager 2 (PM2). PM2 est un gestionnaire de processus Node.js pour les applications de production, qui comprend de nombreux outils de production importants tels que l'équilibrage de charge, les journaux avancés, les scripts de démarrage et bien plus encore. Tout d'abord, installez PM2.
npm install pm2 -g
Cela installe PM2 à l'échelle mondiale afin que nous puissions l'utiliser n'importe où sur notre serveur. Une fois le téléchargement de PM2 terminé, nous pouvons démarrer notre application.
pm2 start <appfolder>/server/index.js
Notez que nous démarrons le fichier serveur qui se trouve à l'intérieur de notre racine d'application.
Si vous souhaitez afficher les ressources consommées par votre application, vous pouvez le faire avec la pm2 monitcommande. Cela fera apparaître une interface similaire à celle de ncurses, où vous pouvez recueillir précisément des données sur la RAM, le CPU et l'utilisation du disque de votre application.
À présent, votre application fonctionnera exactement comme elle l'était lorsque nous l'avons exécutée avec npm plus tôt, sauf que nous avons maintenant beaucoup plus de contrôle en ce qui concerne les optimisations de la production.
Vous avez maintenant une version d'application Nuxt.js qui est déployée pour la production avec Node.js et Ubuntu 18.04. Si vous souhaitez en savoir plus sur Nuxt et toutes ses fonctionnalités détaillées, n'hésitez pas à visiter leur documentation officielle .
Vous utilisez un système différent? MODX Revolution est un système de gestion de contenu (CMS) de niveau entreprise rapide, flexible, évolutif, gratuit et open source écrit i
McMyAdmin est un panneau de contrôle de serveur Minecraft utilisé pour administrer votre serveur. Bien que McMyAdmin soit gratuit, il existe plusieurs éditions, dont certaines sont pai
TeamTalk est un système de conférence qui permet aux utilisateurs davoir des conversations audio / vidéo de haute qualité, un chat textuel, de transférer des fichiers et de partager des écrans. Cest moi
Vous utilisez un système différent? Introduction CyberPanel est lun des premiers panneaux de contrôle du marché à la fois open source et utilisant OpenLiteSpeed. Quest-ce que
PhpBB est un programme de babillard open source. Cet article vous montrera comment installer phpBB sur un serveur Web Apache sur Ubuntu 16.04. Cétait écrit
Avoir un seul utilisateur, qui est root, peut être dangereux. Permet donc de résoudre ce problème. Vultr nous donne la liberté de faire ce que nous voulons avec nos utilisateurs et nos serveurs
Vous utilisez un système différent? ESpeak peut générer des fichiers audio de synthèse vocale (TTS). Ceux-ci peuvent être utiles pour de nombreuses raisons, telles que la création de votre propre Turin
Vous utilisez un système différent? Thelia est un outil open source pour la création de sites Web de commerce électronique et la gestion de contenu en ligne, écrit en PHP. Code source Thelia i
Vous utilisez un système différent? Fuel CMS est un système de gestion de contenu basé sur CodeIgniter. Son code source est hébergé sur GitHub. Ce guide vous montrera comment
Introduction Vous avez des problèmes de connectivité lorsque des visiteurs dautres pays accèdent à votre site Web? Vous vous demandez pourquoi la vitesse de téléchargement de votre Foreig
Vous utilisez un système différent? Ghost est une plate-forme de blogs open source qui gagne en popularité auprès des développeurs et des utilisateurs ordinaires depuis sa 201
Pip est un outil de gestion des packages Python. Lutilisation dun gestionnaire de packages permet une gestion efficace de votre serveur. Dans ce tutoriel, je vais expliquer comment t
BBR (Bottleneck Bandwidth and RTT) est un nouvel algorithme de contrôle de congestion qui est contribué à la pile TCP du noyau Linux par Google. Avec BBR en place,
Icinga 2 est un système de surveillance des ressources réseau open source largement utilisé, et Icinga Web 2 est linterface Web officielle pour Icinga 2. Dans ce didacticiel,
YOURLS (Your Own URL Shortener) est une application open source de raccourcissement dURL et danalyse de données. Dans cet article, nous couvrirons le processus dinstallation
Vous utilisez un système différent? TLS 1.3 est une version du protocole TLS (Transport Layer Security) qui a été publiée en 2018 en tant que norme proposée dans la RFC 8446
Cet article vous apprendra comment configurer une prison chroot sur Debian. Je suppose que vous utilisez Debian 7.x. Si vous utilisez Debian 6 ou 8, cela peut fonctionner, bu
Introduction Un moyen facile de configurer un serveur VPN sur Debian est avec PiVPN. PiVPN est un installateur et un wrapper pour OpenVPN. Il crée des commandes simples pour vous t
Vous utilisez un système différent? Alfresco Community Edition est une version open source des services de contenu Alfresco. Il est écrit en Java et utilise PostgreSQL t
Vous utilisez un système différent? RTMP est idéal pour diffuser du contenu en direct. Lorsque RTMP est associé à FFmpeg, les flux peuvent être convertis en différentes qualités. Vultr i
Découvrez comment générer une clé SSH pour accéder à votre serveur sans mot de passe. Suivez nos étapes faciles à comprendre pour créer et ajouter des clés SSH.
Découvrez comment créer un serveur de messagerie avec hMailServer sous Windows pour recevoir des e-mails facilement.
Les attaques de ransomware sont en augmentation, mais l'IA peut-elle aider à lutter contre le dernier virus informatique ? L'IA est-elle la réponse ? Lisez ici, sachez que l'IA est un boone ou un fléau
ReactOS, un système d'exploitation open source et gratuit est ici avec la dernière version. Cela peut-il suffire aux besoins des utilisateurs de Windows modernes et faire tomber Microsoft ? Découvrons-en plus sur cet ancien style, mais une expérience de système d'exploitation plus récente.
Whatsapp a finalement lancé l'application de bureau pour les utilisateurs Mac et Windows. Vous pouvez désormais accéder facilement à Whatsapp depuis Windows ou Mac. Disponible pour Windows 8+ et Mac OS 10.9+
Lisez ceci pour savoir comment l'intelligence artificielle devient populaire parmi les petites entreprises et comment elle augmente les probabilités de les faire grandir et de donner à leurs concurrents un avantage.
Récemment, Apple a publié macOS Catalina 10.15.4, une mise à jour supplémentaire pour résoudre les problèmes, mais il semble que la mise à jour cause davantage de problèmes, ce qui entraîne le bridage des machines mac. Lisez cet article pour en savoir plus
13 outils commerciaux d'extraction de données de Big Data
Notre ordinateur stocke toutes les données d'une manière organisée connue sous le nom de système de fichiers de journalisation. C'est une méthode efficace qui permet à l'ordinateur de rechercher et d'afficher des fichiers dès que vous appuyez sur la recherche.https://wethegeek.com/?p=94116&preview=true
Alors que la science évolue à un rythme rapide, prenant le pas sur une grande partie de nos efforts, les risques de nous soumettre à une Singularité inexplicable augmentent également. Lisez, ce que la singularité pourrait signifier pour nous.
