基于 WebSocket 的 HTML：不写 JavaScript 也能构建实时单页应用-低调大师

基于 WebSocket 的 HTML：不写 JavaScript 也能构建实时单页应用

2026-08-17 3

开发者 Andros Fenollosa 近日分享了一种构建实时单页应用的新思路——HTML over WebSockets。这种架构的核心思想是：服务器直接通过 WebSocket 连接向浏览器推送 HTML 片段，而不是像传统 SPA 那样先发送 JSON 数据，再让前端 JavaScript 框架渲染 DOM。

传统 SPA 架构通常需要三套独立系统：一个 JavaScript 前端框架负责视图渲染，一个后端 API 提供 JSON 数据，以及两者之间的状态同步逻辑。开发者需要同时维护数据模型在两个环境中的一致性，复杂度和出错概率都随之增加。

HTML over WebSockets 将视图渲染的责任完全转移到服务端。浏览器通过 WebSocket 建立持久连接后，服务器根据用户操作实时生成 HTML 片段并推送。客户端几乎不需要 JavaScript 逻辑——只需将接收到的 HTML 片段插入 DOM 的指定位置即可。这类似于 Phoenix LiveView 或 Hotwire 等框架的工作方式，但更加轻量。

这种模式的优势很明显：前端代码大幅减少，状态管理集中在服务端，SEO 天然友好，首屏加载更快。但它也有局限性——需要稳定的 WebSocket 连接，对实时交互（如拖拽、动画）的支持不如纯客户端方案灵活。

对于内容驱动的应用（如博客、仪表盘、后台管理系统），HTML over WebSockets 提供了一种简单而高效的架构选择，让开发者可以专注于业务逻辑而非框架的复杂性。

来源：Andros Fenollosa | HN 讨论

微信关注我们

原文链接：https://www.oschina.net/news/501956/html-over-websockets-real-time-spas

转载内容版权归作者及来源网站所有！

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。

从“即兴创作”到“工业级流水线”- 华为云码道提供鸿蒙应用开发新范式

一、鸿蒙开发的新挑战：AI 编程需要的不只是"写代码" HarmonyOS 生态正在快速扩张，越来越多的开发者投入到鸿蒙原生应用的开发中。然而，鸿蒙开发面临着多项独特的挑战：ArkTS 语言规范严格、ArkUI 组件体系独特、构建工具链（hvigor/ohpm）与 Android 生态差异显著、真机/模拟器调试链路复杂。这些差异导致ArkTS 开发上手门槛高，开发者即使借助 AI 编程工具，也常常因为环境配置、编译报错、验证缺失等问题而中断开发流程，体验极不连贯。总的来说，传统的"氛围编程"（Vibe Coding）模式与通用的编码智能体在鸿蒙AI开发场...

2026-08-18

8

"挑一个 commit，捅它一刀。"这就是 Git-knife 名字的由来。这个用 Tauri 构建的桌面应用把 Git 提交历史展示成一张表格，你可以直接双击单元格编辑 commit message、作者、日期。支持正则查找替换，批量修改。底层调用的是系统自带的 git CLI，使用 git commit-tree 复用原始 tree 对象，所以文件内容"可证明地从未改变"。作者 YonathanTesfaye 在 README 中放了一张截图，但正是这张截图在 HN 上引发了第一波讨论——有人觉得它看起来像对着屏幕拍的照片...

2026-08-17

1

资源下载

更多资源

Mario

马里奥是站在游戏界顶峰的超人气多面角色。马里奥靠吃蘑菇成长，特征是大鼻子、头戴帽子、身穿背带裤，还留着胡子。与他的双胞胎兄弟路易基一起，长年担任任天堂的招牌角色。

Nacos

Nacos /nɑ:kəʊs/ 是 Dynamic Naming and Configuration Service 的首字母简称，一个易于构建 AI Agent 应用的动态服务发现、配置管理和AI智能体管理平台。Nacos 致力于帮助您发现、配置和管理微服务及AI智能体应用。Nacos 提供了一组简单易用的特性集，帮助您快速实现动态服务发现、服务配置、服务元数据、流量管理。Nacos 帮助您更敏捷和容易地构建、交付和管理微服务平台。

Rocky Linux

Rocky Linux（中文名：洛基）是由Gregory Kurtzer于2020年12月发起的企业级Linux发行版，作为CentOS稳定版停止维护后与RHEL（Red Hat Enterprise Linux）完全兼容的开源替代方案，由社区拥有并管理，支持x86_64、aarch64等架构。其通过重新编译RHEL源代码提供长期稳定性，采用模块化包装和SELinux安全架构，默认包含GNOME桌面环境及XFS文件系统，支持十年生命周期更新。

Sublime Text

Sublime Text具有漂亮的用户界面和强大的功能，例如代码缩略图，Python的插件，代码段等。还可自定义键绑定，菜单和工具栏。Sublime Text 的主要功能包括：拼写检查，书签，完整的 Python API ， Goto 功能，即时项目切换，多选择，多窗口等等。Sublime Text 是一个跨平台的编辑器，同时支持Windows、Linux、Mac OS X等操作系统。