let submit = document.getElementById("submit"), pl = document.getElementById("pl"); // 很重要 必须写，判断浏览器是否支持websocket let CreateWebSocket = (() => { return (urlValue) => { if (window.WebSocket) return new WebSocket(urlValue); if (window.MozWebSocket) return new MozWebSocket(urlValue); return false; } })() // 实例化websoscket websocket有两种协议ws(不加密)和wss(加密) let webSocket = CreateWebSocket(`ws://127.0.0.1:3000`); webSocket.onopen = evt => { addMsg(1, '你好，欢迎进入实时聊天室！') } webSocket.onmessage = evt => { // 这是服务端返回的数据 addMsg(1, evt.data); submit.innerHTML = '发送'; } // input事件发送数据 submit.onclick = (e) => { if (e.target.innerHTML == '回复中...') { return false } e.target.innerHTML = '回复中...'; const str = document.getElementById("pl").value; webSocket.send(str); addMsg(2, str); } // 绑定回车事件 function keyEnter() { if (event.keyCode == 13) { document.getElementById("submit").click(); } } // 添加消息 function addMsg(type, msg) { let li = document.createElement('li'); // 1机器人/2自己 if (type == 1) { li.classList.add('computer-say'); li.innerHTML = `<span>机器人</span><span>${msg}</span>`; } else { li.classList.add('my-say'); li.innerHTML = `<span>${msg}</span><span>我</span>`; pl.value = ''; } document.getElementById('view').appendChild(li); document.getElementById('ulView').scrollTo(0, document.getElementById('view').clientHeight); }
为了保证服务端包都可以加载进来，可以在bbs文件夹中打开cmd，然后输入：
$ npm install
到这里，程序就已经搭建完成了。
启动程序：
cmd输入：
$ node server.js
这样服务端就已经启动成功了。
直接右键浏览器打开index.html即可愉快地和机器人妹妹聊天了，告别单身狗了....
喜欢的麻烦点赞，谢谢
可以关注下本人博客，本人会坚持时不时更新好的博客给大家哦。
总结
以上所述是小编给大家介绍的nodejs实现聊天机器人功能,希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！
您可能感兴趣的文章: