Git Product home page Git Product logo

ros_flutter_gui_app's Introduction

web android linux windows

借助ros brdige websocket实现的跨平台flutter gui 人机交互软件 本项目已接入CI,保证多环境可用,并自动打包多平台二进制Release版本

目录

一,ROS Bridge WebSocket 安装与运行指南

软件借助ros bridge websoct实现与ros之间的通信,因此需要先在自己的机器人系统上安装ros bridget websocket并运行,这里区分ros1 与 ros2分别介绍安装教程

ROS 1

安装 rosbridge_suite

  1. 确保已安装 ROS 1(例如:ROS Melodic 或 ROS Noetic)。如果没有,请参考 ROS 安装指南 进行安装。

  2. 安装 rosbridge_suite

    sudo apt-get install ros-<your-ros-distro>-rosbridge-suite

    <your-ros-distro> 替换为你的 ROS 版本,例如 melodicnoetic

运行 rosbridge_websocket

  1. 启动 ROS 核心

    roscore
  2. 在新的终端中,启动 rosbridge_websocket 节点

    roslaunch rosbridge_server rosbridge_websocket.launch
  3. 验证 rosbridge_websocket 是否正在运行

    打开浏览器,导航到 http://localhost:9090,如果连接成功,说明 WebSocket 服务器已启动并运行。

ROS 2

安装 rosbridge_suite

  1. 确保已安装 ROS 2(例如:ROS Foxy、Galactic 或 Humble)。如果没有,请参考 ROS 2 安装指南 进行安装。

  2. 安装 rosbridge_suite

    sudo apt-get install ros-<your-ros2-distro>-rosbridge-suite

    <your-ros2-distro> 替换为你的 ROS 2 版本,例如 foxygalactichumble

  3. 在每个新的终端会话中,source 你的 ROS 2 环境

    source /opt/ros/<your-ros2-distro>/setup.bash

运行 rosbridge_websocket

  1. 在新的终端中,启动 rosbridge_websocket 节点

    ros2 launch rosbridge_server rosbridge_websocket_launch.xml
  2. 验证 rosbridge_websocket 是否正在运行

    打开浏览器,导航到 http://localhost:9090,如果连接成功,说明 WebSocket 服务器已启动并运行。


通过上述步骤,你可以在 ROS 1 和 ROS 2 环境中安装并运行 rosbridge WebSocket 服务器。如果你有任何问题或需要进一步的帮助,请参考 ROS 官方文档ROS 2 官方文档


web端运行指南

Release界面下载最新的web端版本(ros_flutter_gui_app_web.tar.gz)
解压到本地,借助Apache等网站服务器部署即可

进入压缩包目录:

cd ros_flutter_gui_app_web

我这里采用python的来搭建一个简单的网站服务器:

python -m http.server 8000

由于这里指定的端口为8000,在浏览器输入本机ip:8000即可访问站点

ros_flutter_gui_app's People

Contributors

chengyangkj avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.