B站使用socket.io制作网页聊天应用

ゝ一世哀愁。 2022-03-15 10:36 175阅读 0赞

关于websocket

基本配置，npm install nodemon后，在8080端口刷新是可用的

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xha2Vzb24_size_16_color_FFFFFF_t_70][]

学习文档：[https://github.com/secreter/websocket\_chat][https_github.com_secreter_websocket_chat]

socket.io文件路径：[http://wulv5.com/js/socket.io.min.js][http_wulv5.com_js_socket.io.min.js]

*  nodejs node服务器运行环境
 *  express 搭建node服务器
 *  websocket 本例核心，推送服务器消息到所有人
 *  socketio websocket第三方库
 *  vue + router 视图层双向数据绑定框架，用来简化开发、组件化开发的

代码架构：

*  server文件夹里是需要运行在node服务器上的js文件，监听websocket连接
 *  src/api/client是客户端连接服务器的核心js
 *  src/components下是页面的组件。三大部分，login组件(登录页面)，chat组件（聊天页面），groupinfo组件（群信息页面）

大多数实时聊天系统通常基于 socket 来构建。 Socket 为客户端和服务器提供了双向通信机制。

这意味着服务器可以 *推送* 消息给客户端。无论何时你发布一条消息，服务器都可以接收到消息并推送给其他连接到服务器的客户端。

socket.io 面向实时web应用，是服务器与客户端的双向通信，主要使用Websocket协议，事件驱动。

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xha2Vzb24_size_16_color_FFFFFF_t_70]: /images/20220315/63c3bcf0e65c4806baf0ba67617059b8.png
[https_github.com_secreter_websocket_chat]: https://github.com/secreter/websocket_chat
[http_wulv5.com_js_socket.io.min.js]: http://wulv5.com/js/socket.io.min.js

发表评论取消回复

表情：

评论列表（有 0 条评论，175人围观）

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

相关阅读

相关使用JavaScript制作动态网页-2

使用JavaScript制作动态网页-2 表单验证 <!DOCTYPE html> <html lang="en"> <head> ...

今天药忘吃喽~/ 2024年04月18日 08:23/ 0 赞/ 78 阅读

相关使用JavaScript制作动态网页-1

使用JavaScript制作动态网页-1 JavaScript是什么 JavaScript是一种描述语言，基于对象和事件驱动的脚本语言。 **1. J...

落日映苍穹つ/ 2024年04月17日 23:24/ 0 赞/ 88 阅读

相关简单聊天框制作

简单聊天框效果图： ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM...

我会带着你远行/ 2024年04月17日 06:05/ 0 赞/ 86 阅读

相关 P02: 使用ReactRouter制作网页

React Router 阐述编写Index组件编写List组件修改 \`AppRouter.js\` 文件 exact 精准匹

一时失言乱红尘/ 2023年10月06日 20:58/ 0 赞/ 39 阅读

相关下载B站或者其他网页视频

最近做一个作业，需要在网上找一些视频，但是有的视频并没有直接的download按钮，所以找了一些方法，不用下载软件，感觉很方便。 <table> <tbody> <

ゝ一世哀愁。/ 2023年07月18日 12:56/ 0 赞/ 35 阅读

相关 express中使用socketio

服务端在一个自定义js文件中 var io = require('socket.io')(); exports.listen = function(_s

柔情只为你懂/ 2022年05月21日 05:47/ 0 赞/ 243 阅读

相关网页制作pdf

前言沉迷农药，抖音，总归是不好的。在要吃苦的年纪里选择安逸，那么老了一定会后悔，埋怨年轻的时候不知道努力的自己。于是又找出了尘封已久的kindle，打算好好看看书，给自

朴灿烈づ我的快乐病毒、/ 2022年05月11日 07:24/ 0 赞/ 275 阅读

相关 B站使用socket.io制作网页聊天应用

关于websocket 基本配置，npm install nodemon后，在8080端口刷新是可用的 ![watermark_type_ZmFuZ3poZW5naGVpd

ゝ一世哀愁。/ 2022年03月15日 10:36/ 0 赞/ 176 阅读

相关 Android RecyclerView制作聊天界面

一、创建两个xml文件　　　　 1 —————————————————————————————1.activity_main.xml—————————————

川长思鸟来/ 2021年12月18日 16:13/ 0 赞/ 480 阅读

相关网页制作：制作一个官网

从范例建立基本步骤使用 DreamWeaver 8.0 软件 1.新建文档 ![20201130213234159.png][] 2.选择一个模板。 ![wat

落日映苍穹つ/ 2021年09月21日 13:18/ 0 赞/ 503 阅读