javascript - 在域上运行 socket.io

Question

我如何在域上运行 socket.io，因为我的代码在 localhost:3000 上运行，但在域上不运行？这是否必须以某种方式公开，以便可以在任何地方使用？

请帮我解决一下这个。谢谢！

Script.js（客户端）

const socket = io("http://localhost:3000");
const messageContainer = document.getElementById('message-container')
const messageForm = document.getElementById('send-container')
const messageInput = document.getElementById('message-input')

const name = prompt('What is your name?')
appendMessage('You joined')
socket.emit('new-user', name)

socket.on('chat-message', data => {
  appendMessage(`${data.name}: ${data.message}`)
})

socket.on('user-connected', name => {
  appendMessage(`${name} connected`)
})

socket.on('user-disconnected', name => {
  appendMessage(`${name} disconnected`)
})

messageForm.addEventListener('submit', e => {
  e.preventDefault()
  const message = messageInput.value
  appendMessage(`You: ${message}`)
  socket.emit('send-chat-message', message)
  messageInput.value = ''
})

function appendMessage(message) {
  const messageElement = document.createElement('div')
  messageElement.innerText = message
  messageContainer.append(messageElement)
}

Server.js（服务器端）

const io = require('socket.io')(3000, {
  cors: {
    origin: "*",
  },
});

console.log("Port 3000")

const users = {}

io.on('connection', socket => {
  socket.on('new-user', name => {
    users[socket.id] = name
    socket.broadcast.emit('user-connected', name)
  })
  socket.on('send-chat-message', message => {
    socket.broadcast.emit('chat-message', { message: message, name: users[socket.id] })
  })
  socket.on('disconnect', () => {
    socket.broadcast.emit('user-disconnected', users[socket.id])
    delete users[socket.id]
  })
})

标签： javascriptnode.jssocketswebsocketsocket.io

Answer 1

将端口更改为 80（如果您使用 http）或 443（如果您使用 https）

const io = require('socket.io')(80, {
  cors: {
    origin: "*",
  },
});

--

const socket = io("http://website.com:80");