ROS2与Open-RMF仿真教程-安装rmf-panel-js

ROS2与Open-RMF仿真教程-安装rmf-panel-js

说明：

• 介绍如何安装rmf-panel-js
• rmf-panel-js是一个状态监控和任务发布页面工具，利用可以方便检测机器人状态和任务状态，也方便发布任务

RCM快速安装：

• RCM安装教程
• panel-js安装, 具体脚本查看

cs -s install_rmf_panel

• 搜索脚本，选择ros2_rmf分类下的脚本ID进行安装

源码安装步骤：　

• 下载源码

cd ~/ros2_rmf_ws/
git clone https://gitee.com/ncnynl/rmf-panel-js

• 这里使用我修改过的版本
• 1.原来代码得js和css文件都是关联线上，导致读取异常,都进行了本地化. 查看rmf-panel-js/rmf_panel/index.html
• 2.修改容易编译出错地方,查看rmf-panel-js/rmf_panel/src/components/fixed-components/tabs.tsx
• 编译代码

cd ~/ros2_rmf_ws/rmf-panel-js
npm install --prefix rmf_panel
npm run build --prefix rmf_panel

• 运行

cd ~/ros2_rmf_ws/rmf-panel-js/rmf_panel
python3 -m http.server 3000

• 打开浏览器，访问地址: http://localhost:3000
• 效果图：

参考：　

• https://open-rmf.github.io/rmf-panel-js/
• https://github.com/open-rmf/rmf_web
• https://osrf.github.io/ros2multirobotbook/rmf-web.html