I encountered an issue with my app when deploying it to Heroku after working fine locally with socket.io. The problem lies in the socket setup on the client side, which is configured for localhost:5000. Unfortunately, I am unsure of how to resolve this.
Below is the server file:
const express = require('express');
const app = express();
const path = require('path');
// Creating a server for socket io
const http = require('http');
const socketio = require('socket.io');
const server = http.createServer(app);
module.exports = io = socketio(server);
// Middleware
const morgan = require('morgan');
const bodyParser = require('body-parser');
// Initialize Middleware
app.use(express.json({ extended: false }));
// Router setup
const postRoute = require('./nodeapi/routers/post');
const authRouter = require('./nodeapi/routers/auth');
const usersRouter = require('./nodeapi/routers/users');
const friendRouter = require('./nodeapi/routers/friend');
const chatRouter = require('./nodeapi/routers/chats');
const mongoDB = require('./nodeapi/mongodb-database/db');
const port = process.env.PORT;
// Connect to MongoDB database
mongoDB();
// Middleware usage
app.use(morgan('dev'));
app.use(bodyParser.json());
// Define routes
app.use('/', postRoute);
app.use('/', authRouter);
app.use('/', usersRouter);
app.use('/', friendRouter);
app.use('/', chatRouter);
app.use('/file/', express.static('uploads/'));
// Socket io connection
io.on('connection', (socket) => {
console.log('Client connected');
socket.on('disconnect', () => console.log('Client disconnected'));
});
// Serving static assets in production
if (process.env.NODE_ENV === 'production') {
// Set static folder
app.use(express.static('./client/build'));
app.get('*', (req, res) => {
res.sendFile(path.resolve(__dirname, 'client', 'build', 'index.html'));
});
}
// Listening to the port
server.listen(port, () => {
console.log(`this is port ${port}`);
});
Here is the socket setup on the client side:
import io from 'socket.io-client';
let socket = io('http://localhost:5000');
export default socket;