在现有网站上实现Nodejs应用程序

Question

我想把我在Node.js中创建的聊天室放到一个已经存在的网站上。 Node.js已经安装到我的LAMP服务器上了，我已经尝试了将应用程序上传到根目录并测试它的工作原理是通过输入地址到我的站点然后输入端口：3000

在我的VPN www/html目录中，我有一个名为chat的文件夹，我想成为我的聊天网站。

在这里，我有一个名为index.php的文件，它作为我的登录和注册页面，登录后你将被重定向到home.php，这是我希望我的NodeJ聊天的位置放置。

我的页面目前看起来像这样：

您可以在蓝色栏下看到的空白区域是我希望聊天显示的位置。

首先，我的问题是如何让我的Node.js应用程序在这个目标区域运行，然后我的问题是如何使我的节点应用程序在这个特定区域中可见。

为了简单起见，我将代码缩减为Socket.io示例聊天代码。

＆＃13;

＆＃13;

var app = require('express')();
var http = require('http').Server(app);
var io = require('socket.io')(http);

app.get('/', function(req, res){
  res.sendFile(__dirname + '/chat.html');
  //Behlver itne senda html igentligen kan bara skriva hela koden i 
  // min home.php fil tillsammans med alla scripts etc etc
});

io.on('connection', function(socket){
  socket.on('chat message', function(msg){
    io.emit('chat message', msg);
  });
});

http.listen(3000, function(){
  console.log('listening on *:3000');
});

＆＃13;

＆＃13;

＆＃13;

它发送的名为chat.html的html文档看起来很简单：

＆＃13;

＆＃13;

<div class="chatWrapper">
	<ul id="messages">
	
		
	</ul>
	<form action="">
      <input id="m" autocomplete="off" /><button>Send</button>
    </form>
</div>

<script src="https://cdn.socket.io/socket.io-1.2.0.js"></script>
<script src="/socket.io/socket.io.js"></script>
<script src="http://code.jquery.com/jquery-1.11.1.js"></script>
<script>
  var socket = io();
  $('form').submit(function(){
    socket.emit('chat message', $('#m').val());
    $('#m').val('');
    return false;
  });
  socket.on('chat message', function(msg){
    $('#messages').append($('<li>').text(msg));
  });
</script>

＆＃13;

＆＃13;

＆＃13;

Answer 1

我在iframe页面上添加chat.php指向您的节点chat.html。

<iframe src="http://example.com:3000/chat.html"></iframe>

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/iframe