آموزش استقرار Nuxt.js روی هاست Nodejs

استقرار یک برنامه روی هاست متناسب با زبان نوشته شده می‌تواند متفاوت باشد. زبان nodejs از زبان‌های پرطرفدار سمت سرور می‌باشد و پروژه‌هایی که با این زبان هستند نیز طبیعتا نیاز به روش خاصی برای بارگذاری دارند.
در این مقاله قصد داریم تا نحوه استقرار Nuxt.js روی هاست Nodejs آموزش دهیم.

استقرار Nuxt.js روی هاست Nodejs

برای استقرار یک برنامه با فریمورک Nuxt.js روی هاست Node.js راه حل‌هایی وجود دارد.
راه حل ساده استفاده از کامند زیر برای تولید فایل‌های استاتیک و سپس قراردادن آن روی هاست است.

npm run generate

1	npm run generate

راه حل دوم ایجاد یک Back-End برای پروژه است.

برای این کار مراحل زیر انجام خواهد شد:
۱. نوشتن یک Back-End برای پروژه

۲. تنظیم فایل nuxt.config.js

۳. تنظیم پروژه در cPanel

در ادامه این مراحل را انجام خواهیم داد.

۱. نوشتن یک Back-End برای پروژه

در پوشه اصلی پروژه یک پوشه به نام server ایجاد کنید.

سپس یک فایل با نام index.js ساخته و محتوای زیر را داخل آن قرار دهید:

const express = require('express')
const consola = require('consola')
const { Nuxt, Builder } = require('nuxt')
const app = express()

// Import and Set Nuxt.js options
const config = require('../nuxt.config.js')
config.dev = process.env.NODE_ENV !== 'production'

async function start () {
  // Init Nuxt.js
  const nuxt = new Nuxt(config)

  const { host, port } = nuxt.options.server

  // Build only in dev mode
  if (config.dev) {
    const builder = new Builder(nuxt)
    await builder.build()
  } else {
    await nuxt.ready()
  }

  // Give nuxt middleware to express
  app.use(nuxt.render)

  // Listen the server
  app.listen(port, host)
  consola.ready({
    message: `Server listening on http://${host}:${port}`,
    badge: true
  })
}
start()

const express = require('express')

const consola = require('consola')

const { Nuxt, Builder } = require('nuxt')

const app = express()

// Import and Set Nuxt.js options

const config = require('../nuxt.config.js')

config.dev = process.env.NODE_ENV !== 'production'

async function start () {

// Init Nuxt.js

const nuxt = new Nuxt(config)

const { host, port } = nuxt.options.server

// Build only in dev mode

if (config.dev) {

const builder = new Builder(nuxt)

await builder.build()

} else {

await nuxt.ready()

}

// Give nuxt middleware to express

app.use(nuxt.render)

// Listen the server

app.listen(port, host)

consola.ready({

message: `Server listening on http://${host}:${port}`,

badge: true

})

}

start()

برای اجرای Back-End نیاز است تا Dependencyهای زیر به پروژه اضافه شود:

npm i --save express consola

1	npm i --save express consola

۲. تنظیم فایل nuxt.config.js

برای سازگار کردن فایل nuxt.config.js در صورتی که از package استفاده می‌کنید، باید آن‌را حذف نمایید.

برای نمونه قبل و بعد از انجام تغییر فایل nuxt.config.js به صورت زیر خواهد شد.

قبل از تغییر:

import pkg from './package'

export default {
... config
}

import pkg from './package'

export default {

... config

}

بعد از تغییر:

module.exports = {
... config
}

module.exports = {

... config

}

توجه نمایید که تمام موارد استفاده pkg نیز از داخل کانفیگ حذف شده باشد.

۳. تنظیم پروژه در cPanel

به این منظور می‌توانید تنظیمات را مطابق تصویر زیر انجام دهید:

پس از ساختن اپلیکیشن، برنامه شما روی آدرس مشخص شده در دسترس خواهد بود.

به همین سادگی!!

قبلا درباره بارگذاری و راه‌اندازی پروژه‌های نوشته شده با زبان node js صحبت کرده بودیم. می‌توانید برای راه‌اندازی و ساخت Application Nodejs در هاست فاقد CloudLinux به این مقاله مراجعه نمایید. همچنین اگر هاست شما دارای CloudLinux بوده و در واقع از کنترل‌پنل cPanel استفاده می‌کنید، برای راه‌اندازی پروژه nodejs به سراغ مقاله «آموزش راه‌‌اندازی پروژه Node JS در هاست cPanel» بروید.

اگر روش بهتری برای راه‌اندازی سراغ دارید در پایین همین متن کامنت کنید!

Post Views: 3,701

2 دیدگاه در “آموزش استقرار Nuxt.js روی هاست Nodejs”

علیرضا گفت:

می 2, 2021 در 12:22 ق.ظ

سلام ببخشید این روش کامل هست و جواب میده؟؟؟
من خیلی سعی کردم ولی بازم نشد پروژه را روی هاست اجرا کنم اگر میشه منو راهنمایی کنید لطفا

پاسخ
1. فاطمه جعفری گفت:
  
  می 3, 2021 در 10:44 ق.ظ
  
  سلام
  بله این روش کامل هست و جواب میده. 😃
  
  پاسخ

آموزش استقرار Nuxt.js روی هاست Nodejs

استقرار Nuxt.js روی هاست Nodejs

۱. نوشتن یک Back-End برای پروژه

۲. تنظیم فایل nuxt.config.js

۳. تنظیم پروژه در cPanel

محمدسجاد جعفری آزاد

2 دیدگاه در “آموزش استقرار Nuxt.js روی هاست Nodejs”

دیدگاهتان را بنویسید لغو پاسخ

استقرار Nuxt.js روی هاست Nodejs

۱. نوشتن یک Back-End برای پروژه

۲. تنظیم فایل nuxt.config.js

۳. تنظیم پروژه در cPanel

محمدسجاد جعفری آزاد

2 دیدگاه در “آموزش استقرار Nuxt.js روی هاست Nodejs”

دیدگاهتان را بنویسید لغو پاسخ

نوشته های مرتبط