node.js socket通信渲染页面

最新推荐文章于 2022-11-08 10:24:15 发布

大可&不必

最新推荐文章于 2022-11-08 10:24:15 发布

阅读量260

点赞数

文章标签： node.js socket通信渲染页面

本文链接：https://blog.csdn.net/style201904/article/details/94837716

版权

socket通信

html
<body>
		<h1> 我是 index 页面，我引用了自动生成的 /socket.io/socket.io.js。脚本文件 </h1>
		<input type="text" value="" id="inp" />
		<button id="btn">点击发送数据给后台</button>
		<script type="text/javascript" src="/socket.io/socket.io.js"></script>
		<script type="text/javascript">
			var socket = io();//前端没有传入任何的服务器  默认会传入当前服务器
			//客户端的   io的实例化  就是相当于  socket的链接
			socket.on('msg3',function (obj) {
				console.log(obj);
			})
			document.getElementById('btn').onclick = function () {
				socket.emit('msg2',document.getElementById('inp').value)
			}
		</script>
	</body>

var express = require('express');
var app = express();//实例化一个express的app服务器  创建express服务器 不是必要的  
//为了写服务器代码  比较简单

var fs = require('fs');

var http = require('http');
var http1 = http.Server(app);//把app的这个服务器传到 原生的http服务器中 

var io = require('socket.io');//引用socket.io模块
var socket  = io(http1);//socket的实例化  创建了 以http1  为服务器的  socket的  协议服务器

app.get('/',function (req,res) {
	fs.readFile('./index.html',function (err,data) {
		if(err){
			throw err;
		}
		res.end(data);
	})
})

//socket也是需要做一个监听  链接的监听
socket.on('connection',function (socket) {
	
//	socket.emit  代表是发送的数据的方法来的
//	第一个参数  是  标识符来的  
//  第二个或者其他第三个以上的参数  都是想要去传递的   数据来的
	var obj = {name:'koo'};
	//socket.emit('msg11',obj)
	socket.on('msg2',function (data) {
		//console.log(data);
		socket.broadcast.emit('msg3',data);
	})
	
	//socket.broadcast.emit
	//广播消息  发送给除了当前发送端之外  所有的客户端
	
	
//	socket.on   代表监听的方法来的
	//第一个参数  也是标识符
//	socket.on('msg11',function (obj) {
//		
//	})
	console.log('已经有用户连接上了')
})

http1.listen(8081);

大可&不必

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
node.js socket通信渲染页面

socket通信html<body> <h1> 我是 index 页面，我引用了自动生成的 /socket.io/socket.io.js。脚本文件 </h1> <input type="text" value="" id="inp" /> <button id="btn">点击发送数据给后台</button>...
复制链接

扫一扫