Giter Club home page Giter Club logo

dynamic-reconfigure-web's Introduction

Dynamic Reconfigure Web

This repository contains a Preact-based web frontend for ROS Dynamic Reconfigure.

Screenshot of the UI

Running

Two components are needed in order to run this project; ROS and Preact.

Starting Preact:

The project uses npm, so make sure that is installed on your system first. The project is tested with version 6.7.0. If npm is not installed on your system, please refer to this installation guide.

Open a terminal and run:

npm i
npm run dev

This starts a development server on port 8081 which hosts the website.

Building:

A production version of the web-based dynamic reconfigure can also be built. Sometimes it gives an error, as roslibjs tries execute some code in the pre-rendering phase, which is dependent on window. In order to workaround these issues run:

cd dynamic-reconfiure
npm i
sed -i '26i\if(typeof window !== "undefined")\' node_modules/roslib/node_modules/socket.io/lib/index.js

This outputs a bunch of files to the build-folder. These files can be served using e.g. nginx.

Starting ROS:

The ROS setup needs a dynamic reconfigure server and rosbridge along with roscore.

We're currently working on creating a sample server that can be used to explore the capabilities of this project. Until then we recommend creating a simple setup with roscore, rosbridge (accepting connections on port 8080) and a dynamic reconfigure server of your own choosing.

dynamic-reconfigure-web's People

Contributors

dependabot[bot] avatar timple avatar tobiasmorell avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  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.