v2.5.2
Giriş yap

Sunucu bazlı React projesi?

trsherlock
135 defa görüntülendi

Merhaba arkadaşlar

Arkadaşlar bir react projesi ile sistemde veri tabanı, dosya vb. işlemler için
ek bir sunucuya ihtiyacımız var. Birleşik bir sistem var mıdır?

trsherlock
23 gün önce

Kendimce bir çözüm ürettim sadece yapılandırma aşamalarında bilmediğim teknik konularda yapay zeka yardımı aldım.

package.json

"script": {
"dev": "node ws.js"
}

ws.js

express(cors ayarına dikkat) veya ws çalıştırma dosyasına ekle.


import { WebSocketServer } from 'ws';
import { exec } from "child_process";

// 8080 portunda basit bir WebSocket sunucusu oluştur
const wss = new WebSocketServer({ port: 8080 });

wss.on('connection', (ws) => {
  

  ws.on('message', (message) => {
    console.log('Mesaj alındı:', message.toString());
    ws.send(`Sunucudan yanıt: ${message.toString().toUpperCase()}`);
  });

  ws.on('close', () => {
    console.log('İstemci bağlantısı kapandı.');
  });
});
// React Projesini çalıştır
exec("npx vite",  (error, stdout, stderr) => {
      if (error) {
        console.error("Hata:", error.message);
        return;
      }
      if (stderr) {
        console.error("stderr:", stderr);
      }
      console.log("stdout:", stdout);
    });
console.log('WebSocket sunucusu 8080 portunda çalışıyor.');