The Evergreen-Client is a web-application for remote controlling machine tools. Dependent on the current situation, users can customize their own user-interfaces with widgets like buttons, graphs, inpufields, outputfields, switch-buttons, LED-lamps. The Evergreen-Client will only work if the evergreen-soap-server(soap-webservice) and the machine-server(OPC-UA server) is running.
First you have to install node.js and npm to run the Node-App, which represents a middleware-software, handling the soap messages. Then you have to install webpack to build the Evergreen-Client. After that you can access the Evergreen-Client via browser.
NPM is a package manager for Node.js packages, or modules. A package in Node.js contains all the files you need for a module. Modules are JavaScript libraries you can include in your project.
The best way to install npm is to install node using the node.js installer. npm is installed as part of node.
It’s over at Nodejs.org. It will give you a recent, working version of npm with all the paths in the expected places. Once you’ve installed Node.js, you can make sure you’ve got the very most recent version of npm using npm itself:
> sudo npm install npm -g
(on Windows, you can drop the “sudo” but you should run it as administrator). Running this update will give you the most recent stable version of npm, also supported by npm Inc.
webpack is a module bundler. Its main purpose is to bundle JavaScript files for usage in a browser, yet it is also capable of transforming, bundling, or packaging just about any resource or asset.
The best way to install webpack is to install webpack with npm
> npm install --save-dev webpack
Checkout this repo, install dependencies, then start the gulp process with the following:
> git clone https://github.com/iswunistuttgart/Evergreen-Client.git
> cd Evergreen-Client
> npm install
> npm start (starting without webservice "node server.js --webservice")
Download the .zip file. Extract the contents of the zip file, then open your terminal, change to the project directory, and:
> npm install
> npm start
Open a new tab on your terminal and:
> webpack -w
Wait till Evergreen-Client is build
Type in localhost:3000 in browser
| Technologies | Description |
|---|---|
| React.JS | A Javascript Framework for building user interfaces |
| Bootstrap | Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web |
| Node.JS | Node.js is a cross-platform JavaScript run-time environment for executing JavaScript code server-side |
| Express.JS | Express is a minimal and flexible Node.js web application framework that provides a robust set of features for web and mobile applications |
| Node-Soap | This module lets you connect to web services using SOAP |
| Axios | Promise based HTTP client for the browser and node.js |
| Socket.io | Socket.io is a JavaScript library for realtime web applications. It enables realtime, bi-directional communication between web clients and servers |
This project is licensed under the terms of the GPL 3.0 license. For more details have a look on License.txt