websocket netty 实现点对点聊天(即时通讯)
效果图
首先用h5画一个简单的聊天页面,分别录入发送人的id,接受者的id,和需要发的消息,以及消息展示框
然后分别用小明,小红和小刚登录
现在小明给小红发消息,小红收的到,但小刚收不到实现点对点聊天
首先,先看前台代码
h5
<body>
<div id="content" class="row-center">
<div id="chat-box" class="row-center">
</div>
<div id="input-box">
<input class="chat-input" id="chat-input" placeholder="message"></input>
<input id="myid" placeholder="myid">
<button id="login-button" onclick="login()">登录</button>
<input id="friendid" placeholder="friendid">
<button class="chat-button" id="send" onclick="send()">发送</button>
</div>
</div>
</body>
js 控制
<script type="text/javascript">
var ipaddress="127.0.0.1";
//新建socket对象
window.socket = new WebSocket("ws://"+ipaddress+":9999/ws");
//监听netty服务器消息并打印到页面上
socket.onmessage = function(event) {
var datas=event.data.split(",");
console.log("服务器消息===="+datas);
$("#chat-box").text(datas);
}
//将发送人接收人的id和要发生的消息发送出去