如果网站托管在本地,如何向其他人显示该网站?



我刚刚开始后端学习,我设法用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?我能学到什么来实现这一点?

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

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

这个特性通常被称为类似Port Forwarding的特性。然后你可以通过谷歌轻松找到你的公共IP地址。

但是,除非你知道自己在做什么,否则不建议这样做,因为将计算机暴露在互联网上可能不安全

我更建议使用像ngrok这样的工具,通过他们的网络在本地机器上创建一个到您选择的端口的隧道。这不仅更快,而且更安全。

如果你正在寻找一个更永久的解决方案,也许有一个自定义域,那么你应该寻找网站托管解决方案。从不建议在家用机器上运行生产网站。

嘿,我不确定这是否是你想要的,但你可以在https://replit.com/把你的代码放在那里。您也可以将其导入到replit,例如github:(我希望这可能会对你有所帮助:(上传的项目你也可以与其他人分享。

这是一张关于你的项目在那里的截图:

在此处输入图像描述

相关内容

最新更新