Codeanywhere中Node.js服务器预览页面获取方法咨询

Hey there! I’ve used Codeanywhere for Node.js projects before, so let me walk you through getting your preview page set up properly.

First, make sure your Express server is configured to listen on the right host—this is a common gotcha! Codeanywhere needs your app to bind to 0.0.0.0 instead of localhost so it’s accessible outside your workspace. Here’s how your server code should look:

const express = require('express');
const http = require('http');
const { Server } = require('socket.io');

const app = express();
const server = http.createServer(app);
const io = new Server(server);

// Add your routes and Socket.io event logic here

// Critical: Listen on 0.0.0.0 and use either the port from Codeanywhere's environment or a fixed one like 3000
const PORT = process.env.PORT || 3000;
server.listen(PORT, '0.0.0.0', () => {
  console.log(`Server up and running on port ${PORT}`);
});

Next, start your server in the Codeanywhere terminal:

node server.js

Once you see the server running message, here’s how to launch the preview:

• Look for the Preview button in the top navigation bar of your workspace.
• Click it, and a dropdown will show all active ports. Select the port your server is using (like 3000).
• A new tab will open with your project’s live preview page.

One extra tip for Socket.io: Make sure your client-side code connects to the correct URL without hardcoding. Use window.location.origin to automatically grab the preview URL, so your Socket.io connection works smoothly:

const socket = io(window.location.origin);

If you don’t see the port in the Preview dropdown right away, wait a few seconds—Codeanywhere sometimes takes a moment to detect running servers. Also double-check that your server is actually running (look for the log message in the terminal) and that you’re definitely listening on 0.0.0.0 (not localhost).

内容的提问来源于stack exchange，提问作者Locke Cai