桌上的边缘网关连接显示器,屏幕是设备管理控制台,数据流向上汇入云端

    Web 应用与服务端开发为带硬件的产品写软件

    设备看板、远程控制、物联网平台与实时音视频。深圳,2016 年至今。

    服务内容

    服务概述

    XTELL 为产品里带硬件的公司开发 Web 应用与后端:设备状态看板、远程控制界面、物联网平台,以及 WebRTC 实时音视频应用。同一支团队同时写固件、App 与服务端,设备行为异常时可以直接打开固件排查。

    XTELL 的定制 Web 应用开发服务,面向产品里带硬件的公司:设备状态、报警、视频、远程控制,做进网页端。

    如果你正在比较提供 Web 应用开发服务的供应商,而你的产品里有传感器、控制器、摄像头或仪表——这页是写给你的。你要的不是营销官网,而是能登录设备、看实时数据、下发指令的系统。作为定制 Web 应用开发公司,这套系统与它依赖的设备侧,我们一并交付。

    这项服务适合谁

    硬件与物联网设备厂商:需要为自己出货的设备搭建云端管理后台、数据监控看板或远程控制界面。

    已经找过移动应用开发公司或跨平台 App 开发公司报价,然后发现 App 只占三分之一——后端与设备固件仍然得有人做的企业。

    工业与现场运维团队:需要在浏览器里实时查看终端状态、派发指令、接收故障告警,而不是跑现场。

    缺少硬件背景的软件团队:已有上层应用开发能力,但需要有人处理设备端到 Web 端的协议联调。

    产品不含硬件、只需要纯软件 Web 应用的公司我们也接。下面写的案例和优势,只是都集中在设备相关的项目上,因为经验在那里。

    我们交付哪些类型的应用

    物联网设备管理平台:设备接入、在线状态、报警事件、远程操作。

    远程设备管理软件与远程监控管理平台:一个后台管住分散在各地的整批设备,状态、告警与指令下发都在同一处。

    数据采集与展示:传感器数据上报后端、入库、按需查询与图表呈现。

    视频 Web 端:RTSP / HLS 流接入浏览器播放。

    WebRTC 实时音视频:多人会议、一对一视频通话、网页与安卓设备互通,信令与媒体服务自建,不依赖第三方平台。

    语音与音频处理:Speex、Opus 编解码,音频降噪,KWS 关键词唤醒,低时延 IP 对讲;产品需要时可做到嵌入式层。

    任意端到端组合:Web↔Web、Web↔Mobile、Mobile↔Mobile、Mobile↔设备、设备↔设备、Web↔设备,六种都实际交付过,不是纸面能力。

    实时控制:网页下发指令,经服务端与消息通道到达设备。

    渐进式 Web 应用(PWA)开发:可添加到主屏、支持离线与推送,适合不值得让客户专门下一个原生 App 的轻量功能。也支持 Flutter PWA。

    定制 Web 应用与 REST 接口,供其他需要接入系统的一方对接。

    典型架构:从设备到浏览器

    显示器上的运维看板:世界地图上的设备分布、实时指标与报警事件流
    示意图:浏览器中的设备管理看板

    设备通过 MQTT(EMQX 代理)或 CoAP 上报;NestJS / Node.js 服务端做接入与业务逻辑,数据进 PostgreSQL,热数据放 Redis;浏览器端实时更新走 WebSocket,其余走 HTTP 接口。

    视频单独一条链路:RTSP 经 ZLMediaKit 转成 HLS 给网页端。

    产品需要双向音视频而非单向观看时,这条链路换成 WebRTC:媒体走 peer connection,信令服务由我们自建,后端负责房间、参会方与录制。

    这套结构就是我们所说的物联网平台开发——不是转售的现成产品,而是按项目组装的架构。下面的案例都真实跑过它。

    实时音视频与音频算法

    流媒体控制台显示多路实时画面,每路标注 WebRTC 与 RTSP 的延迟
    示意图:多路实时画面与逐路延迟

    六种端到端组合我们都做过:Web↔Web、Web↔Mobile、Mobile↔Mobile、Mobile↔设备、设备↔设备、Web↔设备。这个领域多数供应商覆盖前两种。难的是任意一端是设备的那几种——浏览器和一块嵌入式板子协商媒体的方式完全不同,而只有 200KB 内存的那一端说了算。

    在线面试平台用 WebRTC 打通面试官与应聘者的视频,后端是 Node.js 与 PHP,数据落 SQL Server,配原生 Android 客户端与 Web 管理后台——Web↔Web 与 Web↔Mobile 在同一个产品里。

    云视频聊天系统的服务端用 C++ 实现,配置驱动部署,发布流程脚本化。IP 对讲系统则做到嵌入式层:设备端采集与编码音频,经 IP 网络实时传输,针对低时延调优。

    传输之下是编解码,那是另一门功夫。智能头盔对讲用 Speex 做语音编码,经 4G 链路传输,配 TCP 中继服务器与 UDP 心跳维持群组连接——设备↔设备,链路里没有手机。带宽与音质需要动态权衡时我们也用 Opus;在姿态感知设备上,我们把音频降噪与 KWS 关键词唤醒做进了音频通路。IP 对讲系统则整个下沉到嵌入式层:设备端采集与编码,经 IP 网络实时传输,针对时延而非保真度调优。

    单向观看是另一类问题,我们同样做:433MHz 安防系统把摄像头 RTSP 码流经 ZLMediaKit 转发到手机 App,这是 Mobile↔设备;R528 控制板则直接从浏览器经 WebSocket 接收指令,这是 Web↔设备。双向会议、低时延语音、单向观看——产品到底需要哪一种,值得早点定下来,三者的架构完全不同。

    为什么设备相关的项目找我们

    语音调度台显示对讲分组与现场位置地图,旁边是带对讲耳麦的头盔
    示意图:群组语音调度与对应的终端设备

    同一支团队写固件、写 App、写后端。设备行为异常时,纯软件公司只能把现象转述给你——「设备没上报」;我们可以直接打开固件,看设备到底发了什么、服务端有没有收到。

    也省掉来回传话。协议改动与报文格式在同一支团队内部定,不用在两家供应商之间协调。

    关于 XTELL

    XTELL(深圳市极智未来科技有限公司)2016 年成立于深圳,成立十年,交付了 100 多个项目,客户以欧美 B2B 公司为主。

    服务内容

    需求分析与系统设计
    WebRTC 实时音视频应用开发
    前端开发(React, Vue, Angular)
    后端开发(Node.js, Python, Java)
    数据库设计与优化
    API开发与集成
    测试与质量保证

    技术栈

    前端: HTML5, CSS3, JavaScript, TypeScript
    框架: React, Vue.js, Angular, Next.js
    后端: Node.js, Python, Java, PHP
    数据库: MySQL, PostgreSQL, MongoDB, SQL Server
    实时音视频: WebRTC, RTSP/HLS, ZLMediaKit, 自建信令服务
    音频算法: Speex, Opus, 降噪, KWS 关键词唤醒, VoIP
    设备通信: MQTT (EMQX), CoAP, WebSocket
    云服务: AWS, Azure, 阿里云

    相关项目案例

    交付物清单

    后端服务与接口文档
    数据库结构与迁移脚本
    设备注册与配网接口
    MQTT 代理配置与设备消息通道
    产品带视频时的流媒体转发
    运营控制台、管理后台或面向你客户的 Web 应用
    容器化部署(Docker Compose 或等效方案)

    服务流程

    1

    评估

    你提供设备清单、通信协议与功能需求;我们确认可行性,包括设备端要不要改。

    2

    方案

    给出架构建议与工作范围。源代码与设计文件是否交付,在这一步按项目写进合同,不做页面上的统一承诺。

    3

    开发与联调

    迭代推进,设备与软件同场联调,不跨公司传话。

    4

    交付与维护

    部署、验收与后续维护,按合同执行。

    常见问题

    你们交付源代码和设计文件吗?

    有两种合作模式:开源与闭源。源代码、设计文件是否包含在交付范围内,按项目在合同里逐项约定,签约前写清楚。我们不在页面上做统一承诺。

    我们的产品没有硬件,只做纯软件 Web 应用,你们接吗?

    接,后端与前端都按定制开发,完全不含硬件的项目我们也照常承接。说清楚一点:我们最强的位置是 Web 应用背后连着真实设备的项目;纯软件项目同样交付,只是用不上跨硬件的排查能力。

    设备固件是我们自己团队维护的,能配合吗?

    能。我们做服务端与 Web 端,与你的固件团队联调。代价是设备侧排障要经过你们,速度会比固件也在我们手里慢——介意这一点的项目,建议把设备端一起交给我们。

    你们做 PWA(渐进式 Web 应用)吗?

    做。用常规 Web 技术栈加 Service Worker 实现——可添加到主屏、可离线使用、能收推送,不必上架应用商店。产品确实需要完整原生能力时,我们会直说,改做 iOS / Android App。

    我们已经拿到跨平台 App 开发公司的报价,你们有什么不同?

    跨平台 App 开发公司跨的是一道边界——一套代码同时跑 iOS 与 Android。我们跨这道,同时也跨硬件那道:App、它调用的后端、以及它控制的那台设备的固件,出自同一支团队。产品纯软件时我们不是更便宜的选择;产品里有设备时,纯 App 供应商退回给你的那部分集成工作,由我们吸收。

    你们做 WebRTC 应用吗?

    做,而且六种端到端组合都做过:Web↔Web、Web↔Mobile、Mobile↔Mobile、Mobile↔设备、设备↔设备、Web↔设备。多数供应商只覆盖前两种;难的是任意一端是设备的那几种,因为只有 200KB 内存的那一端说了算。信令服务与后端自建,不租用第三方平台。已交付的有 WebRTC 在线面试平台、C++ 云视频聊天服务端、嵌入式 IP 对讲系统。编解码层的工作也一并做:头盔对讲上的 Speex 经 4G 传输,带宽与音质需动态权衡时用 Opus,以及嵌入式音频通路上的降噪与 KWS 关键词唤醒。如果你的产品只需要单向观看,RTSP 转发是更便宜的架构,我们会直说。

    价格和交付周期怎么定?

    按工作范围逐项目评估。联系我们时,设备型号、协议、功能清单给得越具体,评估越准。页面上不写统一数字——写了也没有参考意义。

    需要专业服务?

    联系我们获取定制化解决方案和报价