使用PWA构建小型的IM通讯程序

简介

使用Websocket、MQTT 协议构建小型的IM通信程序，可用于物联网或及时通信等，通过PWA技术，安装到用户手机桌面，提高用户整体交互感。

项目地址

https://toncity.top:4000
源代码(目前暂时还不打算公开源码)

界面预览

技术栈

服务端

Docker
Shell
eclipse-mosquitto

支持的协议

mqtt
mqtts
ws
wss

前端

React V18
react-router-dom V6
ahooks V3.x
mqttjs V5
styled-components
react-spring（提供动画支持）

总结

通过 PWA 技术，实现仿原生安卓、IOS App 效率高和开发成本低

标签：Websocket,程序,IM,小型,PWA,构建
From： https://www.cnblogs.com/sjie/p/18543702

Android SIM 解锁：如何轻松解锁 Android 上的 SIM 卡
您的Android手机SIM卡是否已锁定？许多人购买Android手机时并不知道手机是否已锁定SIM卡。您可能想要更改网络服务提供商，但后来发现新的SIM卡无法在Android手机上使用。这会带来不便，因为您无法通过其他线路使用购买的电话。人们可能会问自己，如果遇到此问题，如何在An......
Spring Boot框架：电商解决方案的构建
摘要现代经济快节奏发展以及不断完善升级的信息化技术，让传统数据信息的管理升级为软件存储，归纳，集中处理数据信息的管理方式。本网上商城系统就是在这样的大环境下诞生，其可以帮助管理者在短时间内处理完毕庞大的数据信息，使用这种软件工具可以帮助管理人员提高事务处理效率，......
【轻量化】YOLOv8 更换骨干网络之 MobileNetv4 | 模块化加法！非 timm 包！
之前咱们在这个文章中讲了timm包的加法，不少同学反馈要模块化的加法，那么这篇就讲解下模块化的加法，值得注意的是，这样改加载不了mobilebnetv4官方开源的权重了~论文地址：https://arxiv.org/pdf/2404.10518代码地址：https://github.com/tensorflow/models/blob/master/offic......
vim 插件安装
使用Vundle管理，以保存lua文件立即格式化为例。首先需要安装lua-format方案一：luarocksinstall--server=https://luarocks.org/devluaformatter方案二：源码安装，地址：https://github.com/Koihik/LuaFormatterReadMe.md文件有详细的安装说明安装成功后，......
Python模块之manim (动画模块)
模块作用简介：Python模块之manim(动画模块)官方英文帮助：https://docs.python.org/3/library/官方简体中文帮助：https://docs.python.org/zh-cn/3/library/manim官方：https://docs.manim.community/en/stable/installation.html必要操作：>>>frommanimimport*......
【金融风控】模型评分卡构建
内容介绍掌握KS值的计算方法知道评分映射方法知道LightGBM基本原理掌握使用lightGBM进行特征筛选的方法应用toad构建评分卡模型【理解】模型构建流程实验设计新的模型能上线一定要比原有方案有提升，需要通过实验证明冷启动业务初期成长期波动期策略调整新增数......
SISD、SIMD和MIMD主要区别是什么
1.SISD、SIMD、MIMD的基本概念SISD（SingleInstruction,SingleData）：单指令流单数据流，即一条指令处理一个数据，适用于传统的单处理器系统。这是最早的计算机结构，典型的代表是冯·诺依曼结构的计算机。SIMD（SingleInstruction,MultipleData）：单指令流多数据流，即一条指令同时......
Introspect M5513-DDR5 MR-DIMM Module Test System
M5513DDR5MR-DIMMModuleTestSystemComplete ChaaracterizationandFuncationalTestingofMR-DIMMModulesTheM5513isanall-inclusivememorytestsystemfornext-generationDDR5multiplexed-rankdualinline memorymodules(MR-DIMM).Operating......
MethodImpl优化性能
参数解释MethodImplOptions.AggressiveInlining：请求编译器在可能的情况下对方法进行内联。MethodImpl：这是一个属性，允许开发者为方法指定特定的实现行为，比如请求内联、忽略栈追踪等。内联的作用内联的主要作用是提升性能，特别是在如下情况下：消除方法调用开销：通常方法调用需要进......
Runtime
这个类用来表示当前虚拟机的运行环境.程序示例:publicstaticRuntimegetRuntime():当前系统的运行环境对象//先用上面的方法,获取到Runtime这个类的一个对象,//再用这个对象,调用下面的这些方法(因为这些方法都是非静态的,必须用对象来调用而不是类名)publicvo......

使用Websocket构建小型的IM通讯程序

目录

使用PWA构建小型的IM通讯程序

简介

项目地址

界面预览

技术栈

服务端

支持的协议

前端

总结

相关文章

赞助商

阅读排行