This is the Robotlab app teleop the robot
mkdir web_teleop
cd ~/web_teleop
git clone https://github.com/nvnknightdragon/Robotlab_app/
This include basic teleop app
You should cd ~/bower_components folder and install all dependences. Because we use Polymer 2 used file file.html, so we can not use the file.js
git clone -b 2.x https://github.com/PolymerElements/paper-button
git clone -b 2.x https://github.com/PolymerElements/paper-slider
git clone -b 2.x https://github.com/PolymerElements/paper-styles
git clone -b 2.x https://github.com/PolymerElements/iron-flex-layout
git clone -b 2.x https://github.com/PolymerElements/paper-behaviors
git clone -b 2.x https://github.com/PolymerElements/iron-a11y-keys-behavior
git clone -b 2.x https://github.com/PolymerElements/iron-form-element-behavior
git clone -b 2.x https://github.com/PolymerElements/iron-range-behavior
git clone -b 2.x https://github.com/PolymerElements/paper-input
git clone -b 2.x https://github.com/PolymerElements/paper-progress
git clone -b 2.x https://github.com/PolymerElements/iron-behaviors
git clone -b 2.x https://github.com/PolymerElements/iron-input
git clone -b 2.x https://github.com/PolymerElements/paper-ripple
git clone -b 2.x https://github.com/PolymerElements/iron-a11y-announcer
git clone -b 2.x https://github.com/PolymerElements/iron-validatable-behavior
git clone -b 1.x https://github.com/PolymerElements/font-roboto-local
### rename folder font-roboto-local to front-roboto in (bower_components folder)
git clone -b 2.x https://github.com/PolymerElements/iron-meta
Then we are using bower install all package
cd ~/web_teleop/Robolab_app
bower install
you will get all package automatically install:
bower polymer#^2.0.0 not-cached https://github.com/Polymer/polymer.git#^2.0.0
bower polymer#^2.0.0 resolve https://github.com/Polymer/polymer.git#^2.0.0
..............
Next step, we build the app
cd ~/web_teleop/Robolab_app
polymer build
When you got the command, this is sucessful:
info: Clearing build/ directory...
info: (default) Building...
info: (default) Build complete!
Running the web app
polymer serve --hostname 0.0.0.0
Running the rosbridge socket
roslaunch rosbridge_server rosbridge_websocket.launch
my-app
├── images
│ ├── favicon.ico
│ └── manifest
│ ├── icon-48x48.png
│ └── ...
├── src
│ ├── store.js
│ ├── actions
│ │ └── ...
│ ├── reducers
│ │ └── ...
│ ├── components
│ │ └── ...
├── test
│ ├── unit
│ │ └── ...
│ └── integration
│ └── ...
├── index.html
├── README.md
├── package.json
├── polymer.json
├── manifest.json
├── service-worker.js
├── sw-precache-config.js
├── wct.conf.json
├── .travis.yml
image/Image folder store all the icon and picturesrc/Where all code lives, this folder include 4 areas:components/is the directory that contains all the custom elements in the application.action/,reducers/andstore.jsare Redux specific files and folders. Check out the Redux and state management page for details on that setup.
test/is the directory with all of your tests. it’s split in unit tests (that are run across different browsers), and integration tests, that just run on headless Chrome to ensure that the end-to-end application runs and is accessible. Check out the application testing page for more information.index.htmlis your application’s starting point. It’s where you load your polyfills and the main entry point element.package.jsonthe npm configuration file, where you specify your dependencies. Make sure you run npm install any time you make any changes to this file.polymer.jsonthe polymer cli configuration file, that specifies how your project should be bundled, what’s included in the service worker, etc. (docs).manifest.jsonis the PWA metadata file. It contains the name, theme color and logos for your app, that are used whenever a user adds your application to the homescreen.service-worker.jsis a placeholder file for your Service Worker. In each build directory, the polymer cli will populate this file with actual contents, but during development it is disabled.sw-precache-config.jsis a configuration file that sets up the precaching behaviour of the Service Worker (such as which files to be precached, the navigation fallback, etc.).wct.conf.jsonis the web-component-tester configuration file, that specifies the folder to run tests from, etc..travis.ymlsets up the integration testing we run on every commit on Travis.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent