Vite React + NodeJS projeyi pleskte nasıl çalıştırabilirim?

28-04-2023, 15:06:20

Vite + React + NodeJS ile bir client bir server tarafı olmak üzere iki ayrı dizinde çalışan bir uygulama yazdım localde uygulamam client tarafı 5173, sever tarafı 3000 portunda çalışıyor fakat bir türlü build alıp pleskte çalıştıramadım. Vite React tarafını npm run build çalıştırıp dist dosyasını oluşturuyorum, nodejs tarafında bir işleme gerek yok anladığım kadarıyla. Plesk tarafındada bir domainime sub domain açtım ve nodejs kurdum xxx.yyy.com şeklinde atıyorum fakat bir türlü çalıştıramadım. Bilgisi olan var mı? Plesk dışında Netlify tarzı bir öneriniz varsa oda olur ama otarafıda beceremedim. Bir süredir Nodejs ile uygulamalar yapıyorum ilk defa build ve deploy aşamasına geldim.

28-04-2023, 15:11:48

#2

Clophy

heroku kullanabilirsin

28-04-2023, 15:21:37

#3

Xugart

Clophy adlı üyeden alıntı: mesajı görüntüle

heroku kullanabilirsin

Heroku'ya bir türlü kartımı ekleyemedim birde ücretsiz mi değil mi onuda anlayamadım.

28-04-2023, 19:41:53

#4

By_Azade

gastby de olur

28-04-2023, 23:13:23

#5

tolgasen

🌐 𝘀𝗼𝗰𝗶𝗳𝗹𝘆.𝗰𝗼𝗺

React projenizde npm run build komutu ile yapılandırma dosyalarınızı oluşturun. Zaten bunu yapmışsınız.

dist veya build klasörü içindeki dosyalarınızı ExpressJS ile yayına alabilirsiniz;
https://dev.to/juhanakristian/basics...-expressjs-phd

Örnek bir app.js dosyası;

const express = require('express');
const path = require('path');
const app = express();

app.use(express.static(path.join(__dirname, 'dist')));

app.get('/', (req, res) => {
  res.sendFile(path.join(__dirname, 'dist ', 'index.html'));
});

app.listen(3000, () => {
  console.log('Server çalıştırıldı. Port: 3000');
});

29-04-2023, 21:15:10

#6

Xugart

tolgasen adlı üyeden alıntı: mesajı görüntüle

React projenizde npm run build komutu ile yapılandırma dosyalarınızı oluşturun. Zaten bunu yapmışsınız.

dist veya build klasörü içindeki dosyalarınızı ExpressJS ile yayına alabilirsiniz;
https://dev.to/juhanakristian/basics...-expressjs-phd

Örnek bir app.js dosyası;

const express = require('express');
const path = require('path');
const app = express();

app.use(express.static(path.join(__dirname, 'dist')));

app.get('/', (req, res) => {
  res.sendFile(path.join(__dirname, 'dist ', 'index.html'));
});

app.listen(3000, () => {
  console.log('Server çalıştırıldı. Port: 3000');
});

Yanıtınız için çok teşekkürler. Build aldıktan sonra dist dosyasını server dosyamın içerisinde ki app.js dosyamında olduğu ana dizine taşıyorum o zaman doğru mu anlıyorum?

Birde aşağıdaki bölüm tam olarak nasıl ayarlanmalı Plesk'te?

Burada belge kökü ve uygulama kökü olayını tam anlayamadım. Dist'i server ana dizine alıp server/dist şeklinde verip uygulama kökünede direk server dosyamı mı vereceğim?

06-06-2023, 23:07:16

#7

HalilHanBadem

Xugart adlı üyeden alıntı: mesajı görüntüle

Yanıtınız için çok teşekkürler. Build aldıktan sonra dist dosyasını server dosyamın içerisinde ki app.js dosyamında olduğu ana dizine taşıyorum o zaman doğru mu anlıyorum?

Birde aşağıdaki bölüm tam olarak nasıl ayarlanmalı Plesk'te?

Burada belge kökü ve uygulama kökü olayını tam anlayamadım. Dist'i server ana dizine alıp server/dist şeklinde verip uygulama kökünede direk server dosyamı mı vereceğim?

Merhabalar,

Mesajınızda bulunan NodeJS başlatma ekranında, NodeJS api dosyalarınızın bulunduğu dizinleri seçmeniz gerekir. Uygulamayı Başlatma Dosyası olarak projenizin root dosyasını yani app.js veya index.js (genelde isimlendirilen) işaretlemeniz gerekir. İşaretledikten sonra NodeJS'yi başlat tuşuna basmanız yeterli olacaktır. Kendisi port yayına göre domaininizi ayarlayacaktır.

React ile yazdığınız dosyada build komutu ile beraber sizlere static dosya çıktısı veriyor mu? ReactJS ile proje ürettiğimde genelde static dosyaları alıp sunucuda kullanıyorum. Hem JS dosyalarını minify ediyor hem de daha kolay oluyor. Port'a vs. bağımlı kalmıyorsunuz. Böyle bir durumunuz varsa tercih edebilirsiniz.

NodeJS'yi de webpack gibi paketler ile build etmenizi öneririm.

İyi çalışmalar.

06-06-2023, 23:42:42

#8

Xugart

HalilHanBadem adlı üyeden alıntı: mesajı görüntüle

Merhabalar,

Mesajınızda bulunan NodeJS başlatma ekranında, NodeJS api dosyalarınızın bulunduğu dizinleri seçmeniz gerekir. Uygulamayı Başlatma Dosyası olarak projenizin root dosyasını yani app.js veya index.js (genelde isimlendirilen) işaretlemeniz gerekir. İşaretledikten sonra NodeJS'yi başlat tuşuna basmanız yeterli olacaktır. Kendisi port yayına göre domaininizi ayarlayacaktır.

React ile yazdığınız dosyada build komutu ile beraber sizlere static dosya çıktısı veriyor mu? ReactJS ile proje ürettiğimde genelde static dosyaları alıp sunucuda kullanıyorum. Hem JS dosyalarını minify ediyor hem de daha kolay oluyor. Port'a vs. bağımlı kalmıyorsunuz. Böyle bir durumunuz varsa tercih edebilirsiniz.

NodeJS'yi de webpack gibi paketler ile build etmenizi öneririm.

İyi çalışmalar.

Yanıtınız için teşekkür ederim. API uygulaması içinde mi webpack kullanmamı önerirsiniz?

06-06-2023, 23:50:49

#9

HalilHanBadem

Xugart adlı üyeden alıntı: mesajı görüntüle

Yanıtınız için teşekkür ederim. API uygulaması içinde mi webpack kullanmamı önerirsiniz?

Evet, webpack ile NodeJS projenizin buildini alabilirsiniz. Böylelikle hem tek dosya ile çalıştırabilir, hem minify etmiş olursunuz hem de kodların ele geçirilmesini bir adım önlemiş oluyor.

Örneğin;
https://binyamin.medium.com/creating...s-a4962ce51334

Döküman;
https://webpack.js.org/guides/getting-started/