w5grid-xml-node v0.2.0

w5grid-xml-node

This tutorial shows you how the W5Grid communicate with Server-side in XML way.

We won't be using DB since this tutorial is focused on the data type that being used in Font-End and Servier-Side communication.

Express.js is used for Server-Side.

Since W5Grid is using JSON, the data has to be converted to XML before data being transmitted to the server. Also the server converts it data, XML, to JSON.

For performance purpose, we recommend data conversion being done in the Server-Side.

From the Server-Side use express-xml-bodyparser to parse the requested XML.

Installation

Use npm registry to install.

$ npm install w5grid-xml-node

Install w5 and x2js with Bower.

'x2js' is used for the conversion of XML and JSON.

$ bower install w5
$ bower install x2js

In this tutorial, the components installed with 'bower' goest to components folder by .bowerrc configuration, but the defualt directory is `bower_components.

In case of need, edit express.static part from /app.js.

app.use(express.static(path.join(__dirname, 'components')));

Execute

The project is composed with the basic template created by Express 4.

Therefor bin/www is the entry point.

The server listens at port 3000. Including bodyParser, the configurations and routings are defined in app.js.

Execute Express in the working directory.

$ node bin/www

Test

Promise is used for the sample that async with Server-Side.

Browser limitation exists when using browser Native Promise object without external library.
Check Can I use for the supported browers.

The sample program is located in public/ directory.

public and components directory are defined as static path, so that the Front-End access to the sub-directory.

On the browser, type the following URL to see the test result.

http://localhost:3000/fetch.xml.html
http://localhost:3000/sync.xml.html

Use below samples to test ProWorks by Inswave.

http://localhost:3000/fetch.xml.proworks.html
http://localhost:3000/sync.xml.proworks.html

For more detailed information, please check W5Grid guides.