node.js socket通信渲染页面

约定不等于承诺〃 2021-12-16 22:53 216阅读 0赞

## 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>

js

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 条评论，216人围观）

还没有评论，来说两句吧...

相关阅读

相关 Socket通信

. **Socket通信** **1.1 简介** socket翻译为套接字，socket是在应用层和传输层之间的一个抽象层，它把TCP/IP层复杂的操作抽象为几个...

我会带着你远行/ 2024年04月18日 21:20/ 0 赞/ 92 阅读

相关 socket通信

socket通信流程 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4u

淡淡的烟草味﹌/ 2023年06月22日 06:20/ 0 赞/ 35 阅读

相关 nodeJS 之 socket.io

//socket学习 var socket = require(./socket.js); //引入socket.js文件（该文件可以通过node命令：npm

左手的ㄟ右手/ 2022年08月09日 19:59/ 0 赞/ 191 阅读

相关 Nodejs 即时通信socket.io

安装 npm install socket.io --save // 导入socket.io模块 var io = require('socket.io') 一、单

我会带着你远行/ 2022年08月08日 06:37/ 0 赞/ 240 阅读

相关 Socket编程——Socket通信

Socket通信 TCP协议是面向连接、可靠的、有序的、以字节流的方式发送数据基于TCP协议实现网络通信的类客户端的Socket类服务器端的ServerSoc

墨蓝/ 2022年07月12日 05:30/ 0 赞/ 382 阅读

相关 socket通信

一.服务端服务端开启socket，端口开输入流监听客户端信息读取客户端传来的信息并处理开启输出流并写出数据二.客户端开启socket端口

布满荆棘的人生/ 2022年06月14日 09:37/ 0 赞/ 331 阅读

相关 socket通信

Socket是网络上运行的两个程序间双向通信的一端，它既可以接受请求，也可以发送请求。利用它可以较为方便的实现网络上数据的传递。在JAVA中，有专门的soc

缺乏、安全感/ 2022年06月08日 08:28/ 0 赞/ 288 阅读

相关 socket通信

任何计算机语言通讯，底层都是用socket技术 Java C\ php 技术遵循一个规则二进制+IP+端口号 socket分为两个非常核心 tcp udp IO流传输

朱雀/ 2022年02月09日 08:57/ 0 赞/ 371 阅读

相关 node.js socket通信渲染页面

socket通信 html <body> <h1> 我是 index 页面，我引用了自动生成的 /socket.io/socket.io.js

约定不等于承诺〃/ 2021年12月16日 22:53/ 0 赞/ 217 阅读

相关 nodejs系列（10）实现socket通信

Socket主要作用是实现客户端与服务端的实时通信保持通话，它不像ajax请求，每次对话完成后都会把连接断开。Socket通信在Node.js中实现其实很简单，没有想象中复杂，

客官°小女子只卖身不卖艺/ 2021年09月14日 17:46/ 0 赞/ 630 阅读