UNPKG

w5grid-xml-node

Version:

W5Grid communicates with Server-Side in XML

github.com/inswave/w5grid-xml-node

inswave/w5grid-xml-node

75 lines (48 loc) • 2.3 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
# w5grid-xml-node This tutorial shows you how the [W5Grid](https://w5.io) 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](http://expressjs.com) 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](http://expressjs.com/starter/generator.html) 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](http://caniuse.com/promises) 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.