serafim
/
web-protocols
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

server fixes

This commit is contained in:
root 2024-12-18 15:37:00 +03:00
parent 211ff686a0
commit 2f543e5bf6
2 changed files with 14 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
backend/index.js
View File

@ -9,10 +9,10 @@ const { Server } = require('socket.io');
const app = express(); const app = express();
let corsOptions = { let corsOptions = {
origin : ['http://localhost:3000'], origin : ['*'],
} }
app.use(cors(corsOptions)) app.use(cors())
// Configure Multer for file uploads // Configure Multer for file uploads
const upload = multer({ const upload = multer({
@ -50,9 +50,10 @@ app.post('/http', upload.single('file'), (req, res) => {
const server = http.createServer(app); const server = http.createServer(app);
const io = new Server(server, { const io = new Server(server, {
cors: { cors: {
origin: 'http://localhost:3000', // Adjust frontend URL if necessary origin: '*', // Adjust frontend URL if necessary
methods: ['GET', 'POST'], methods: ['GET', 'POST'],
}, },
maxHttpBufferSize: 1e8,
}); });
io.on('connection', (socket) => { io.on('connection', (socket) => {
@ -72,4 +73,4 @@ io.on('connection', (socket) => {
server.listen(8888, () => { server.listen(8888, () => {
console.log('WS listening on port 8888'); console.log('WS listening on port 8888');
}); });

16
frontend/src/App.js
View File

@ -2,7 +2,7 @@ import './App.css';
import { useEffect, useState } from 'react'; import { useEffect, useState } from 'react';
import io from 'socket.io-client'; import io from 'socket.io-client';
const socket = io(`http://localhost:8888`); const socket = io(`http://62.109.17.170:8888`);
let ws_ts; let ws_ts;
@ -14,11 +14,11 @@ function App() {
async function sendHTTP() { async function sendHTTP() {
const now = Date.now();
const formData = new FormData(); const formData = new FormData();
formData.append('file', file); formData.append('file', file);
const now = Date.now();
const res = await fetch(`http://localhost:7777/http`, {method: 'POST', body: formData}); const res = await fetch(`http://62.109.17.170:7777/http`, {method: 'POST', body: formData});
const d = Date.now() - now; const d = Date.now() - now;
const blob = await res.blob(); const blob = await res.blob();
@ -34,9 +34,10 @@ function App() {
} }
function sendWS() { function sendWS() {
ws_ts = Date.now(); //ws_ts = Date.now();
const reader = new FileReader(); const reader = new FileReader();
reader.onload = () => { reader.onload = () => {
ws_ts = Date.now();
socket.emit('sendFile', { socket.emit('sendFile', {
filename: file.name, filename: file.name,
content: reader.result, content: reader.result,
@ -47,10 +48,11 @@ function App() {
useEffect(() => { useEffect(() => {
const handleReceiveFile = (data) => { const handleReceiveFile = (data) => {
const { filename, content } = data; const d = Date.now() - ws_ts;
const { filename, content } = data;
const blob = new Blob([content]); const blob = new Blob([content]);
const url = URL.createObjectURL(blob); const url = URL.createObjectURL(blob);
const d = Date.now() - ws_ts; //const d = Date.now() - ws_ts;
const a = document.createElement('a'); const a = document.createElement('a');
setWsLog(p => [...p, d]); setWsLog(p => [...p, d]);
a.href = url; a.href = url;