简体   繁体   English

如何在我的Angular Web-App中集成Ros服务

[英]How to integrate Ros services in my Angular Web-App

I'm trying to establish a communication between a robot arm built on ros melodic and my web-app. 我正在尝试在基于ros melodic的机械手和我的Web应用程序之间建立通信。

On the web-app side, I have my gui without logic in a localhost. 在网络应用程序方面,我的gui在本地主机中没有逻辑。 On ROS side I have finalized all the movements, I want to integrate, in a C++ program. 在ROS方面,我已经完成了所有要整合到C ++程序中的动作。

Right now I communicate with the robot through ssh command to establish a communication. 现在,我通过ssh命令与机器人进行通信以建立通信。 And to move the robot I run the name of the function with parameters in the terminal shell. 为了移动机器人,我在终端外壳中使用参数运行函数的名称。 (I don't use rqt,rviz, etc) (我不使用rqt,rviz等)

Could someone tells me how to establish a communication through my web-app in this same way so that when clicking on my "move" button, the logic calls the function? 有人可以告诉我如何以同样的方式通过我的Web应用程序建立通信,以便在单击“移动”按钮时,逻辑调用该函数吗?

I'm pretty new to stackOverflow so I'm sorry if this is not the right way to ask. 我对stackOverflow来说还很陌生,所以很抱歉这不是正确的提问方式。

I suggest to you to use rosnodejs . 我建议您使用rosnodejs It is a interface to ROS written in NodeJS (Javascript). 它是用NodeJS(Javascript)编写的ROS的接口。 With NodeJS you can then program a server with an API which would accept your commands from your web-app (either through HTTP, websockets, ...). 然后,通过NodeJS,您可以使用API​​对服务器进行编程,该API会接受来自Web应用程序的命令(通过HTTP,Websockets等)。 On the server side you then implement communication to ROS by using rosnodejs. 然后在服务器端,使用rosnodejs实现与ROS的通信。 You can use topics, services, well, whatever you want. 您可以随意使用主题,服务。

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 响应式Angular 2网络应用到移动应用 - Responsive Angular 2 web-app to mobile app Angular 4 Routing不适用于实时网络应用程序 - Angular 4 Routing not working on live web-app 滑块在Angular4 Web-App的主页组件中不起作用 - Slider not working in home component in Angular4 Web-App web-app项目中Angular 13中的授权问题 - Problem with authorization in Angular 13 in web-app project 我的 Web 应用程序的 fs.readdirSync 替代方案 - fs.readdirSync alternative for my Web-App 如何将Angular 4与现有的基于Spring Boot jsp的Web应用程序集成? - How to integrate Angular 4 with an existing Spring Boot jsp based web app? 在web-app(Angular2)和移动应用程序(Ionic 2)之间共享代码 - Share code between web-app (Angular2) and mobile app (Ionic 2) 如何在GCP中托管我的Angular 4 Web App - How to Host my Angular 4 web App in GCP Angular web-app 麦克风切换导致错误`NotReadableError: Concurrent mic process limit` - Angular web-app microphone switching causes error `NotReadableError: Concurrent mic process limit` 我想使用自定义上下文从 jar 中提供 Angular 应用程序:localhost:9001/web-app - I want to serve angular application from jar with custom context: localhost:9001/web-app
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM