Déployer un projet Nuxt.js SSR sur CloudWeb (multisites)

Alors j'ai réussi à déployer l'app nuxt.js en mode universal. Mais elle ne démarre pas car Phusion Passenger (wrapper utilisé par OVH) ne semble pas prendre en charge (entre autres) la fonctionnalité import/export... Une idée de comment faire ?

Une piste ici : https://stackoverflow.com/questions/56610800/nuxt-js-transpilation-into-commonjs-when-build

Bon j'ai contacté le support : "Je suis navrée mais nous n'apportons de solutions pour le développement des applications" (et oui il faut payer plus cher pour avoir une réponse) Merci OVH.

Ok j'ai trouvé la solution ^^ je ne remercie par OVH pour sa documentation plus que pauvre.
Je posterai prochainement ici un tutoriel pour ceux que ça intéresse ;) Pour les plus impatients, en gros il faut sélectionner express comme serveur par défaut à la création de votre appli nuxt.js SSR et servir le point d'entrée sur celui-ci.

Bonjour,
Pouvez vous m'expliquer comment vous avez fait, je suis en train de développer une application vuejs/nuxtjs et j'aimerais l'héberger, mais je n'arrive pas à la paramétrer correctement ni à l'afficher...

Merci par avance

Bonjour,
Désolé pour cette réponse tardive.
Effectivement j'ai moi-même bien galéré pour trouvez la solution.
Je suis justement entrain de faire un tuto sur mon blog, il sera fini cette semaine.
Sinon je peux vous donner des indices, pour débugger les erreurs de Phusion Passenger relancer le moteur nodejs en dev bien-sûr et surtout à l'initialisation de nuxt.js, de mémoire, ne pas choisir le serveur par défaut mais **express** et faire pointer ton server.js (si vous l'avez nommé comme cela) vers celui-ci avec un lien symbolique ;)

Hello, ok alors les commandes de Nuxt.js ont un peu changé. J'ai donc adapté le tuto en fonction :
https://1geek.com/deployer-une-application-nuxt-js-en-mode-ssr-sur-un-cloud-web/geek.com/deployer-une-application-nuxt-js-en-mode-ssr-sur-un-cloud-web/
N'hésites pas si tu rencontres des soucis ;)

Bonjour,

Merci pour le tuto @Francois76 ! Je l'ai suivi mais mon deploiement ne fonctionne pas :'(
Et je n'arrive pas à accéder au log annoncé sur la page d'erreur donc c'est un peu compliqué de savoir à quoi cela correspond.
J'ai une question sur l'arborescence du projet sur la machine. Tout est dans www/votreprojet/ ? Et à quoi correspond le dossier 'public' renseigné dans la config OVH à la fin du tuto ?

Merci beaucoup !!

Hello, pour voir l'erreur, change l'environnement de ton moteur d'exécution par **development**.
Pour **public** c'est une config par défaut d'OVH, ne sert à rien donc ;)
A quelle étape es-tu bloqué ?

Bonjour,

Cela pourrait vous intéresser.
Depuis quelques semaines nous avons ouvert un LAB proposant des PaaS pour déployer simplement vos projets web en Node.js, Python ou Ruby. Cela fonctionne sur notre stack mutu, avec des ressources (cpu/ram) garanties pour fournir de bonnes performances. Les infos et les liens sont ici : https://community.ovh.com/t/lab-managed-node-js-python-ruby-on-web-hosting/

On peut faire aussi faire du Nuxt.js. Contactez moi en MP, si vous souhaitez plus d'infos.

Bonsoir,

@Francois76, merci pour les détails et désolé d'avoir raté votre réponse !
Grace à development j'ai réçu à pas mal avancé dans les bugs mais je suis maintenant bloqué sur une erreur étrange. J'ai l'impression que mon code est lancé plusieurs fois et plante car le port est déjà utilisé (par la première fois...) :
Je joins mes logs pour que ce soit plus clair:
  > node server.js
ℹ Using http://localhost:3000/ as root 23:49:41
[@nuxtjs/web-vitals] Auto detected provider: ga
ℹ Parsed 1 files in 0,4 seconds @nuxt/content 23:49:44
✔ Sentry reporting is enabled (client side: enabled, server side: enabled) nuxt:sentry 23:49:44
ℹ Using http://localhost:3000/ as root 23:49:44
ℹ Building Nuxt... 23:49:44
ℹ Preparing project for development 23:49:44
ℹ Initial build may take a while 23:49:44
ℹ Starting app listening... 23:49:44
[@nuxtjs/web-vitals] Auto detected provider: ga
Server listening on port 3000 23:49:44
Discovered Components: .nuxt/components/readme.md
✔ Builder initialized 23:49:44
ℹ Parsed 1 files in 0,0 seconds @nuxt/content 23:49:44
✔ Sentry reporting is enabled (client side: enabled, server side: enabled) nuxt:sentry 23:49:44
ℹ Using http://localhost:3000/ as root 23:49:44
ℹ Building Nuxt... 23:49:44
ℹ Preparing project for development 23:49:44
ℹ Initial build may take a while 23:49:44
ℹ Starting app listening... 23:49:44
[@nuxtjs/web-vitals] Auto detected provider: ga
Error: listen EADDRINUSE: address already in use 0.0.0.0:3000
at Server.setupListenHandle [as _listen2] (net.js:1317:16)
at listenInCluster (net.js:1365:12)
at doListen (net.js:1502:7)
at processTicksAndRejections (internal/process/task_queues.js:85:21)

@GuillaumeG26, concernant le lab managed, j'ai essayé de register pour node mais après validation je me retrouve sur une 404 de nginx...

Merci pour votre aide à tous les deux !

Bonjour

@RomainF24 je vois que tes logs mentionnent du http://localhost:3000, tu peux utiliser cela en local pour tester par contre sur un POWER il s'agit d'un PaaS donc on s'occupe de démarrer le serveur automatiquement (sur son domaine, par défaut: **userXXXX.clusterYYY.hosting.ovh.net**) d'ou la petite manip a la fin de chaque changement:
`$ mkdir tmp`
`$ touch tmp/restart.txt`

Il faut indiquer un point d'entrée (par défaut le fichier sera 'index.js' dans le repertoire 'www') https://docs.ovh.com/fr/web-power/premiers-pas-avec-hebergement-web-POWER/#nodejs_1

Tu peux changer cela en utilisant les API https://docs.ovh.com/fr/web-power/premiers-pas-avec-hebergement-web-POWER/#depuis-les-api_1

Toutes les docs sur cette offre se trouve ici https://docs.ovh.com/fr/web-power/ et notre channel Gitter : https://gitter.im/ovh/power-web-hosting#

et pour Nuxt.js en particulier voici un exemple qu'on a pas encore publié :

XXXX@ssh01.cluster0YY.gra.hosting.ovh.net (nodejs/14/development) ~ $ rm -rf ${HOME}/www
XXXX@ssh01.cluster0YY.gra.hosting.ovh.net (nodejs/14/development) ~ $ npx create-nuxt-app ${HOME}/www

create-nuxt-app v3.5.2
✨ Generating Nuxt.js project in /homez.41/XXXX/www
? Project name: Test
? Programming language: JavaScript
? Package manager: Yarn
? UI framework: Element
? Nuxt.js modules: Progressive Web App (PWA)
? Linting tools: (Press to select, to toggle all, to invert selection)
? Testing framework: None
? Rendering mode: Universal (SSR / SSG)
? Deployment target: Server (Node.js hosting)
? Development tools: (Press to select, to toggle all, to invert selection)
? What is your GitHub username?
? Version control system: None
Warning: name can no longer contain capital letters

🎉 Successfully created project Test

To get started:

cd ../../homez.41/XXXX/www
yarn dev

To build & start for production:

cd ../../homez.41/XXXX/www
yarn build
yarn start

XXXX@ssh01.cluster0YY.gra.hosting.ovh.net (nodejs/14/development) ~ $ cd ${HOME}/www
XXXX@ssh01.cluster0YY.gra.hosting.ovh.net (nodejs/14/development) ~/www $ npx nuxt build

ℹ NuxtJS collects completely anonymous data about usage. 19:52:14
This will help us improve Nuxt developer experience over time.
Read more on https://git.io/nuxt-telemetry

? Are you interested in participating? No

ℹ Production build 19:52:19
ℹ Bundling for server and client side 19:52:19
ℹ Target: server 19:52:19
ℹ Using components loader to optimize imports 19:52:19
ℹ Discovered Components: .nuxt/components/readme.md 19:52:19
✔ Builder initialized 19:52:19
✔ Nuxt files generated 19:52:19

✔ Client
Compiled successfully in 12.91s

✔ Server
Compiled successfully in 2.48s

Hash: 47ac85a62990790fa2d7
Version: webpack 4.46.0
Time: 12916ms
Built at: 2021-03-01 19:52:34
Asset Size Chunks Chunk Names
../server/client.manifest.json 15.3 KiB [emitted]
05010ca.js 2.93 KiB 3, 2 [emitted] [immutable] pages/index
0892fdd.js 889 KiB 5 [emitted] [immutable] [big] vendors/app
6ac1948.js 1.39 KiB 2 [emitted] [immutable] components/logo
76f9c30.js 49 KiB 0 [emitted] [immutable] app
9cd7554.js 5.13 KiB 6 [emitted] [immutable]
LICENSES 879 bytes [emitted]
becdfea.js 206 KiB 1 [emitted] [immutable] commons/app
c38b493.js 2.32 KiB 4 [emitted] [immutable] runtime
fonts/element-icons.313f7da.woff 27.5 KiB [emitted] [immutable]
fonts/element-icons.4520188.ttf 54.6 KiB [emitted] [immutable]
+ 2 hidden assets
Entrypoint app [big] = c38b493.js becdfea.js 0892fdd.js 76f9c30.js

WARNING in asset size limit: The following asset(s) exceed the recommended size limit (244 KiB).
This can impact web performance.
Assets:
0892fdd.js (889 KiB)

WARNING in entrypoint size limit: The following entrypoint(s) combined asset size exceeds the recommended limit (1000 KiB). This can impact web performance.
Entrypoints:
app (1.12 MiB)
c38b493.js
becdfea.js
0892fdd.js
76f9c30.js

Hash: XXXX
Version: webpack 4.46.0
Time: 2477ms
Built at: 2021-03-01 19:52:36
Asset Size Chunks Chunk Names
components/logo.js 5.36 KiB 1 [emitted] components/logo
pages/index.js 11.4 KiB 2, 1 [emitted] pages/index
server.js 1.81 MiB 0 [emitted] app
server.manifest.json 307 bytes [emitted]
+ 3 hidden assets
Entrypoint app = server.js server.js.map
ℹ Ready to run nuxt start
XXXX@ssh01.cluster0YY.gra.hosting.ovh.net (nodejs/14/development) ~/www $ cat < ${HOME}/www/index.js
const path = require('path');
const nuxtPath = path.join(_dirname, 'nodemodules', '.bin', 'nuxt');

process.argv.length = 1;
process.argv.push(nuxtPath, 'start');

require(nuxtPath);
XXXX@ssh01.cluster0YY.gra.hosting.ovh.net (nodejs/14/development) ~/www $ mkdir -p ${HOME}/www/tmp
XXXX@ssh01.cluster0YY.gra.hosting.ovh.net (nodejs/14/development) ~/www $ touch ${HOME}/www/tmp/restart.txt