express框架 socket前端通信

最新推荐文章于 2022-04-03 22:05:38 发布
最新推荐文章于 2022-04-03 22:05:38 发布
阅读量964 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhoushugege/article/details/99619911
版权

所学知识点

  1. Node.js的框架 express

    • 使用express构建静态服务器[ 后端渲染 ]
    • 使用express构建api服务器【 接口 】

  2. 前端通信【 socket 】

    • Node中完成通信功能
    • 扩展： H5的 webSocket 实现通信功能

1. express通过生成器 【 脚手架 】

  1. 作用： 可以帮助我们快速构建一个express项目
  2. 脚手架的安装
    • 全局安装 [ 可以使用npm、cnpm ]
      • $ cnpm i express-generator -g
    • npx安装
      • npx是npm的一个管理工具，它可以让我们不全局安装就使用某一个包
      • npx好处就是可以帮助我们减少使用内存
      • 但是npx要求npm的版本在5.2以上
      • npx是npm会自动携带
  3. 脚手架的使用
  • 全局安装的使用
    • express -e 项目名称
  • npx的使用
    • npx express -e 项目名称
  1. 认识项目目录结构
      1. 先找package.json [ 记录了项目的依赖包信息，npm脚本 ]
      1. 找到了项目启动文件 bin/www
      • 它是通过http来做了一个服务器，默认端口是：3000
      • 这个文件中引入了一个app文件，这个文件是将createServer中的回调函数放到了外面，以模块化的形式使用的，这个文件我们叫它： ‘入口文件’
      1. 看： app.js
      • express是由路由和中间件构成的
        • 路由： 可以完成页面的连接或是接口的打造
        • 中间件： 中间件是一个函数，一个具有特定功能的函数
          • 中间件有三个类型
              1. 应用级中间件
              1. 路由中间件
              1. 错误处理中间件
          • 中间件的参数
            • req : 全称： request 表示请求
            • res : 全称： response 表示响应
            • next: 表示request和response之间的连接 ， 相当于桥梁的作用
              • next如果断开，那么请求和响应就会中断 next( false )
          • 中间件要想调用，必须通过app的use方法来调用
      1. 路由中间件
      • 路由中间件人家是以模块化的形式使用
      • 看： routes/xx.js
        • 有两个路径，这两个路径会拼接在一起
          • 举例： /home /banner /home/banner 二级路由
        • 为什么res.render(‘index’)
          • 配置了模板的路径
          • 配置了后缀名省略
      1. 看： view/xxx.ejs
      • ejs语法
      • ejs文件中可以直接在模板语法中使用数据
      1. 手动打造一个express的使用流程
      1. ejs语法学习
      • 注意： ejs语法符号是不能换行的
      • 非转义输出 <%- %> 可以解析xml类型数据
      • 转义输出 <%= %> 可以解析普通类型数据
      • 流程控制 <% %>
        • if条件语句
        • 循环语句

通过express来打造api服务器【 后端接口 】

  1. 步骤
    1. 通过脚手架搭建项目
    2. 创建接口
      • 接口就是路由
      • 接口的打造需要遵循一个规则： restful api
      • 很久以前接口时这样的
        // 商品列表
   http://localhost:3000/shop/query   查询 
   http://localhost:3000/shop/add     添加一个商品
   http://localhost:3000/shop/delete  删除一个商品
   http://localhost:3000/shop/update  修改一个商品
      • 现在流行的是什么呢？
        // 现在流行的是  接口只有一个，但是数据请求方式多个 

   http://localhost:3000/shop
      get请求    查询
      post请求   增加一个商品
      delete请求 删除一个商品
      put 请求   修改一个商品信息
      • put delete 其实底层还是get
    1. 接口测试
      1. 使用测试用具来测试
      • postman
      • insomina [ 安装无要求，一路next ]
      1. 前端进行接口数据请求
    1. 反向代理原理

前端通信

  1. 通信有两个端
    • 服务端
    • 客户端
    • 举例：QQ / 微信
      • 每个人手中的qq和微信都是客户端
      • 腾讯这边有服务器主机
  1. Node.js中提供的通信方案
  2. 扩展： H5提供的通信方案
竹本色
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
使用express快速开发后端接口
01-07
使用express快速开发后端接口 项目使用pm2部署在nginx服务器上。可以实现json文件接口化处理。 express + 项目名 yarn 装依赖 Scripts node改nodemon /app.js var mockRouter = require('./routes/mock'); app.use(‘/mock’,mockRouter) routes下新建mock.js /routes/mock.js var express = require('express'); var router = express.Router(); let mockData = require('
前端html，JavaScript, nodejs，express，socket.io，websoket 聊天室，供学习使用
最新发布
08-01
服务器通过Express框架处理HTTP请求，同时利用Socket.IO实现实时聊天功能。当用户发送消息时，这个消息会被发送到服务器，然后通过Socket.IO广播给所有在线用户。整个过程形成了一个实时、互动的聊天环境，为学习者...
如何使用express构建项目，以及打造接口
qq_43411439的博客
08-14 488
1. express通过生成器 【 脚手架 】 作用： 可以帮助我们快速构建一个express项目 脚手架的安装 全局安装 [ 可以使用npm、cnpm ] $ cnpm i express-generator -g npx安装 npx是npm的一个管理工具，它可以让我们不全局安装就使用某一个包 npx好处就是可以帮助我们减少使用内存 但是npx要求npm的版本在5.2以上 npx是n...
Express+socket.io
韩吉鑫的博客
11-30 462
服务器（app.js） var app = require('http').createServer(handler) var io = require('socket.io')(app); var fs = require('fs'); app.listen(80); function handler (req, res) { fs.readFile(__dirname + '/inde
express+socket简易聊天室
动感超人的博客
03-31 2552
express+socket+nodejs简易聊天室
express框架内使用socket.io监控多个端口号
qq_44777678的博客
12-24 1054
服务端 app.js // 引入模块 var express = require('express'); // 实例化express对象 var app = express(); // app.js页面挂载socket require('./websocket/index'); require('./websocket/ske'); app.listen(5000, () => console.log('服务器正在5000端口号运行...')); socket监控多个端口配置 ./websock
前端开源库-koa-socket
08-30
【前端开源库-koa-socket】是一个用于前端开发的开源库，主要目的是将koa框架与socket.io相结合，实现高效的实时通信功能。Koa是Node.js领域的一个轻量级、高性能的web开发框架，由Express团队的原班人马打造，强调...
基于socket.io+express实现多房间聊天
09-02
在本文中，我们将深入探讨如何使用socket.io和express构建一个多房间聊天应用...此外，前端界面可以使用React或Vue等现代框架进行优化，提高用户体验。通过这种方式，你可以创建一个更健壮、功能丰富的实时聊天应用。
nodeJs+express+socket.io的即时通信web
10-07
5. **Express框架**：在后端，Express用于处理HTTP请求和响应，设置路由，处理静态文件（如CSS、JavaScript和图片），以及处理登录注册等功能。通过Express，开发者可以轻松地构建API接口，与前端进行数据交互。 6....
express4.9+socket.io1.2+angular1.3聊天室
12-08
在本项目中，"express4.9+socket.io1.2+angular1.3聊天室" 实现了一个基于Web的实时通信系统，采用的技术栈包括Express、Socket.IO和AngularJS，这些都是JavaScript领域的热门框架，特别适合构建交互性强的Web应用。...
WebSocket需要的前端sockjs脚本
05-14
springboot2.0 集成WebSocket（服务端实时向客户端发送信息)sockjs.min.js
express4.X框架中使用socket.io
08-08
express4.X框架中使用socket.io
node.js学习笔记(1)——express+socket.io模块构建简易聊天室
qq_41057206的博客
09-08 602
一、开发环境及参考书籍 IDE是vscode，已经配置好node环境等 参考书籍：《node.js入门经典》 二、安装模块 1.新建工程文件夹 2.新建package.json文件，代码如下 { "name": "socketio-express-example", "version": "0.0.1", "private": true, "scrip.
3.开发node项目，一般使用express框架
tangcc的博客
10-08 350
"开课吧"lesson9 express只是给nodejs增加了一些基本的功能，可以更好用其它模块来拓展如express-static。 1.目录结构 2.a.html  &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt;
express搭配socket.io实现群聊的效果
业余前端的职业经历
07-23 433
大概的实现效果就是下面这样的 websocket 可以让服务器主动推送消息给客户端 socket.io 是大神写的封装好的 基于webscoket的插件。 后台使用 了 express 和 ejs模板引擎 搭配 socket.io 使用 最好还是有点 node.js 和express 的知识 // 后端代码 const express=require('express'); const path=require('path'); const app=express(); // 第一步 传入expr
在Node.js和Express框架上添加socket.io支持
易之晓的博客
02-05 639
0、前提：搭建了基于Node.js+Express的Http/Https项目 关于如何搭建Node.js+Express的Http/Https项目，参考以下链接： http://blog.csdn.net/xingyanchao/article/details/79362443 1、安装socket.io模块 （1）进入cmd窗口，cd到项目所在目录 （2...
关于socket.io+express的cli脚手架+sql
weixin_44134729的博客
08-06 252
关于socket.io+express的cli脚手架+sql 首先下载socket.io.js
express 写接口
weixin_30950887的博客
03-12 321
实例下载：百度云盘免密码(): 指注释一、准备工作 1.安装express npm install express -g npm install express-generator -g 2.初始化项目 express APIServer(项目名称) cd APIServer && npm install二、启动服...
【小沐学前端】nodejs实现socket网络通信
爱看书的小沐
04-03 7149
本节内容如下：1、简介2、UDP2.1 接收端2.2 发送端后记 1、简介 在NodeJS中有三种socket：1. TCP，2. UDP，3. Unix域套接字。 UDP/datagram sockets Class: dgram.Socket Event: ‘close’ Event: ‘connect’ Event: ‘error’ Event: ‘listening’ Event: ‘message’ socket.addMembership(multicastAddress[, multicas.
express+mongodb实现管理后台
05-15
- 使用Socket.IO来实时通信。 - 使用Passport.js或其他身份验证库来实现用户认证。 - 使用JWT或其他令牌库来实现安全的API访问。 总的来说，使用Express和MongoDB可以轻松地创建一个功能强大的管理后台，它不仅可以...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值