RosLibjs + Rosbridge-suite +Angular

[nijeshupre...@gmail.com]

What is the best way to connect an application with angular front end and ROS backend?

I am getting errors like these:

Failed to load http://localhost:8080/nao_meshes/meshes/V40/RFinger12.dae: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:4200' is therefore not allowed access.

I am trying to load nao in an angular based front end that looks like rviz 

[Andrew Schoen]

Just to clarify and add on, we are using the rosbridge_websocket launch file (port 9090). The Angular application lives in a ROS package, and we are currently just running it through npm (port 8080) from that directory. Unfortunately, the angular application, because of the directory structure, doesn't seem to see the other sister packages, which contain meshes and urdfs. We had thought that this would be available through rosbridge, but they are not found or loaded.

First, is there a better way of marrying nodejs/angular and rosbridge so they are using the same ports? Is there a different protocol, or something else we need to do to make the other packages (such as meshes and robot descriptions) available through the web application? We found the following example (angular-app), but weren't sure whether that contains the magic, and if so, where specifically it was.

Thanks!