Sunucu bazlı React projesi?
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?
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.');