如果网站托管在本地，我如何向其他人展示该网站？

Question

我刚刚开始后端学习，我设法用 nodejs 写了一些简单的东西，但我也想在其他计算机上测试我的东西并向其他人展示 - 即使它只是一点点同时，仅供学习。

比如我有这个代码

//server.js
const mongoose = require('mongoose');
const Msg = require('./models/messages')
const io = require('socket.io')(3000, {
    cors: {
        origin: "*"
    }
})

const mongoDB = 'mongodb+srv://12345678:jonasjonas@cluster0.ifsxq.mongodb.net/message-database?retryWrites=true&w=majority'

mongoose.connect(mongoDB).then(() => console.log('connected'))

const users = {};

io.on('connection', (socket) => {
    console.log('new user');
    Msg.find().then(result => {
        socket.emit('output-message', result);
    })
    
    socket.on('username', myname => {
        users[socket.id] = myname;
        socket.broadcast.emit('user-connected', myname)
    })
    socket.on('send-chat-message', message => {
        const msg = new Msg({message:message, user:users[socket.id]});
        msg.save().then(() => {
            socket.broadcast.emit('chat-message', {message:message, name:users[socket.id]})
        })

    })
})

//script.js
const socket = io('http://localhost:3000');

var messageContainer = document.getElementById('message-container')
var messageForm = document.getElementById('send-container')

var myname = prompt('Qual é o seu nome?');
appendMessage('You joined')
socket.emit('username', myname);

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

socket.on('output-message', data => {
    for(let i = 0; i < data.length; i++) appendMessage(`${data[i].user}: ${data[i].message}`);
    console.log(data)
    
})

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

messageForm.addEventListener('submit', e => {

    e.preventDefault();
    const message = document.getElementById('message-input').value;
    socket.emit("send-chat-message", message);
    appendOwnMessage(`You: ${message}`);
    document.getElementById('message-input').value = '';
})

function appendMessage(message) {
    const  a = document.createElement('div');
    const b = a.appendChild(document.createElement('p'))
    b.innerText = message;
    b.setAttribute("class", "received")
    messageContainer.append(a)
}

function appendOwnMessage(message) {
    const  a = document.createElement('div');
    const b = a.appendChild(document.createElement('p'));
    b.innerText = message;
    b.setAttribute("class", "sent")
    messageContainer.append(a)
}

<script defer src='http://localhost:3000/socket.io/socket.io.js'></script>
    <script defer src='script.js'></script>
    <link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <div id='test'></div>
    <div id= 'message-container'></div>
    <div id='test'></div>
    <form id='send-container'>
        <input id="message-input" type='text'>
        <button type='submit' id='send-button'>Send</button>
    </form>

（很抱歉拖了这么久）是否可以生成其他计算机上的人可以访问的 URL？我可以学到什么来实现这一目标？

Answer 1

您可以将家庭路由器配置为将连接重定向到您的个人计算机以连接特定端口（3000 在您的情况下）。

这通常是通过位于您的网络网关的 WebApp 完成的（最常见的是 192.168.0.1）。

此功能通常称为 Port Forwarding。然后您可以通过谷歌搜索轻松找到您的 public IP 地址。

但是，除非您知道自己在做什么，否则不推荐这样做，因为将您的计算机暴露在互联网上可能不安全。

我宁愿推荐使用像 ngrok 这样的工具，它通过他们的网络创建到您在本地计算机上选择的端口的隧道。这不仅更快，而且更安全。

如果您正在寻找更持久的解决方案（可能使用自定义域），那么您应该寻找网站托管解决方案。绝不建议运行在您的家用计算机上创建生产网站。

Answer 2

嘿，我不确定这是否是您要找的，但您可以在 https://replit.com/ 上创建一个帐户并将您的代码放在那里。您也可以将其导入以重新拆分，例如 github :) 希望对您有所帮助 :) 上传的项目您也可以与其他人分享。

这里是您的项目在那里的样子的屏幕截图：

enter image description here

如果网站托管在本地，我如何向其他人展示该网站？

How can I show a website to other people if it's hosted locally?

hosting

localhost

mongoose

node.js

socket.io