欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

教你如何利用node.js搭建一个简单的即时响应服务器的图文详解

程序员文章站 2022-03-20 23:18:04
...
这篇文章主要介绍了利用node.js如何搭建一个简易的即时响应服务器的相关资料,文中介绍的非常详细,对大家具有一定的参考学习价值,需要的朋友们下面跟着小编一起来学习学习吧。

前言

本文默认您已经按照 nodejs 如果没有安装请安装,安装教程可以查看这篇文章,下面废话不多说,下面来看看这篇文章详细的内容介绍吧。

前提需要创建一个 前端项目

1. 创建一个html文件 写入以下内容

教你如何利用node.js搭建一个简单的即时响应服务器的图文详解

需要说明的是 /socket.io/socket.io.js 这个文件 服务器会生成 使用方法在 node_modules\socket.io\lib\socket.js里面

2. 创建一个js文件 (我的文件名字叫sock.js)

教你如何利用node.js搭建一个简单的即时响应服务器的图文详解

这个js文件是需要运行的文件 里面的代码都有注释

3. 运行一下 cmd到刚才创建的前端项目下面 执行 npm install socket.io 这个命令

教你如何利用node.js搭建一个简单的即时响应服务器的图文详解

得到这个目录 (需要说明 sock.js和node_modules需要同目录 也许可以不目录 但是我没找到相关文档)

4.继续执行 node sock.js 这命令 然后打开浏览器 输入地址 http://localhost:8080/ 就能看到以下画面

教你如何利用node.js搭建一个简单的即时响应服务器的图文详解
随便输入一个内容 测试一下

这里注意端口号 刚才我在sock.js里面已经定义了 8080端口 在浏览器里面也需要打开8080端口

5.测试数据是不是真的通过nodejs服务来传递

教你如何利用node.js搭建一个简单的即时响应服务器的图文详解
数据在这里

教你如何利用node.js搭建一个简单的即时响应服务器的图文详解

得到如下结果

表明数据是通过nodejs服务来传输的

总结

以上就是教你如何利用node.js搭建一个简单的即时响应服务器的图文详解的详细内容,更多请关注其它相关文章!