《机器人实践开发①：Foxglove 开发环境完整搭建指南(含常见坑位) 》

Ne0inhk

— 3 min read
《机器人实践开发①：Foxglove 开发环境完整搭建指南(含常见坑位) 》

导语:

在机器人项目中，调试工具往往比算法本身更耗时间。Foxglove 作为新一代机器人可视化平台，提供了强大的话题订阅、视频显示、3D 展示和日志分析能力。本篇从零开始，手把手带你完成 Foxglove 的环境搭建，包含依赖安装、连接配置以及常见踩坑点。

《机器人实践开发》系列文章索引

《机器人实践开发①：Foxglove 开发环境完整搭建指南（含常见坑位）》

《机器人实践开发②：Foxglove 嵌入式移植 + CMake 集成》

《机器人实践开发③：Foxglove可视化机器人的眼睛-视频》

《机器人实践开发④：Foxglove可视化机器人的耳朵-声音》

《机器人实践开发⑤：Foxglove可视化机器人的3D显示》

《机器人实践开发⑥：Foxglove可视化机器人传感器数据》

《机器人实践开发⑦：Foxglove可视化机器人的日志显示》

《机器人实践开发⑧：Foxglove可视化机器人的地图显示》

《机器人实践开发⑨：Foxglove可视化机器人的MyBag 数据回放》

foxglove 官网

Foxglove 是一个专为机器人团队打造的平台，用于收集、分析和学习构建、训练、部署和操作可靠机器人所需的大量多模态数据。

foxglove_Home_hero_2024_new

foxglove 安装

在这里插入图片描述

ubuntu运行foxglove_bridge完成

echo "start run foxglove ... ... " killall -9 foxglove_bridge ros2 launch foxglove_bridge foxglove_bridge_launch.xml port:=8765

Ros 运行仿真测试程序

在这里插入图片描述

运行 macOS 上面的Foxglove studio，设置远程连接的地址：

在这里插入图片描述


在这里插入图片描述

控制面板设置-主题是否可见

在这里插入图片描述

web网页端也可以使用

注意：webs 没有 ssl 所以chrome 认为不安全，需要网页加载脚本

选择设置面板

在这里插入图片描述

友情提示🔔

🙏 感谢你的阅读！
如果这篇文章对你有所启发，欢迎关注我 ⭐，欢迎点击 “打赏支持作者” 支持一下我，你的支持是我持续创作的最大动力！
我会持续分享更多关于 智能摄像头 📷、机器人实践、 🤖音视频 RTC 🎧、App 开发 📱、嵌入式开发 🔧 等方向的实战经验，让你更快落地、更少踩坑。
欢迎浏览我其他文章 📚，或许能解决你当前的难题。
如果你正好在做相关项目产品，也欢迎随时私信我，一起技术交流、一起搞事情！ 🤝💬📞 联系微信/电话：13826173658

Read more

零成本搭建飞书机器人：手把手教你用Webhook实现高效消息推送

1. 为什么你需要一个飞书机器人？ 在日常工作中，我们经常需要处理各种通知需求。比如系统报警、任务提醒、审批结果通知等等。传统的解决方案包括短信、邮件或者第三方推送平台，但这些方式要么成本高，要么实时性差。飞书机器人提供了一种零成本、高效率的替代方案。 我去年负责的一个ERP系统升级项目就遇到了这个问题。当时我们需要在关键业务流程节点给不同部门的同事发送实时通知。如果使用短信，按照每天200条计算，一个月就要花费上千元。后来我们改用飞书机器人，不仅完全免费，还能实现更丰富的消息格式和精准的@提醒功能。 飞书机器人本质上是一个自动化程序，它通过Webhook技术接收外部系统的消息，并转发到指定的飞书群聊中。这种机制特别适合企业内部系统与飞书之间的集成，比如： * 运维报警通知 * 审批流程提醒 * 业务系统状态更新 * 日报/周报自动推送 * 数据监控预警 2. 5分钟快速创建你的第一个机器人 创建飞书机器人非常简单，不需要任何开发经验。下面我以电脑端操作为例，手把手带你完成整个过程。 首先打开飞书客户端，进入你想要添加机器人的群聊。点击右上角的"..."菜单，

By Ne0inhk
从 XMLHttpRequest 到 Fetch API：现代前端网络请求的演进与迁移指南

从 XMLHttpRequest 到 Fetch API：现代前端网络请求的演进与迁移指南

🧑 博主简介：ZEEKLOG博客专家，历代文学网（PC端可以访问：https://literature.sinhy.com/#/?__c=1000，移动端可关注公众号 “ 心海云图 ” 微信小程序搜索“历代文学”）总架构师，16年工作经验，精通Java编程，高并发设计，分布式系统架构设计，Springboot和微服务，熟悉Linux，ESXI虚拟化以及云原生Docker和K8s，热衷于探索科技的边界，并将理论知识转化为实际应用。保持对新技术的好奇心，乐于分享所学，希望通过我的实践经历和见解，启发他人的创新思维。在这里，我希望能与志同道合的朋友交流探讨，共同进步，一起在技术的世界里不断学习成长。 🤝商务合作：请搜索或扫码关注微信公众号 “ 心海云图 ” 从 XMLHttpRequest 到 Fetch API：现代前端网络请求的演进与迁移指南 引言：为什么我们需要新的网络请求方案？ 在前端开发领域，XMLHttpRequest (XHR) 长期统治着浏览器端的网络请求。然而，随着 Web

By Ne0inhk
Flutter for OpenHarmony: Flutter 三方库 cached_query 为鸿蒙应用打造高性能声明式数据缓存系统（前端缓存终极方案）

Flutter for OpenHarmony: Flutter 三方库 cached_query 为鸿蒙应用打造高性能声明式数据缓存系统（前端缓存终极方案）

欢迎加入开源鸿蒙跨平台社区：https://openharmonycrossplatform.ZEEKLOG.net 前言 在进行 OpenHarmony 应用开发时，网络请求的响应速度直接决定了用户体验（体验 UX）。如果用户每次切换页面都必须等待加载动画，应用会显得非常低级。我们不仅需要处理异步数据请求，更需要一套精密的机制来解决以下痛点： 1. 自动缓存：第二次访问时应瞬间展示历史数据。 2. 过期失效（Stale-while-revalidate）：在展示旧数据的同时，后台静默拉取新数据。 3. 无限滚动：简单地处理分页与数据追加内容逻辑。 cached_query 是一个类似于 Web 端 React Query 的 Dart 状态管理库。它专注于数据获取与同步，让你的鸿蒙应用具备顶级的数据缓存表现。 一、核心缓存驱动机制 cached_query 在内存与数据源之间建立了一层“智能感知”缓存。 数据过期/缺失 返回新数据 发射流

By Ne0inhk

轻量级前端革命：为什么 Lit 和 Alpine.js 正在悄悄取代你的“重量级”框架？

作为一名摸爬滚打十年的前端老炮儿，我最近在代码仓库里发现一个有趣现象：越来越多的开发者开始“戒掉” React/Vue 的庞大生态，转而拥抱两个名字简单到近乎“冷门”的库——Lit 和 Alpine.js。它们不依赖 Webpack 或 Rollup，直接以纯 ESM（ECMAScript Modules）形式运行，体积小到只有 10KB 左右（压缩后），却能解决日常开发中的高频痛点。今天，咱们就来扒一扒这两位“低调的狠人”，看看它们如何用极简设计，重新定义现代 Web 开发的效率边界。 一、纯 ESM：轻量级库的“灵魂”所在 先搞清楚一个关键点：为什么 ESM 是轻量级库的基石？ 传统前端库依赖打包工具（如 Webpack）将代码“打包”

By Ne0inhk