blob: 3893f1f07854b55a0ef309a07c7a2af8e7e79f01 (
plain)
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
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
|
## Installation
Install HTML5 development toolchain on your host
1. Check out this repository
git clone https://github.com/iotbzh/afb-client-sample.git
2) Install NodeJs [not used on target]
zypper install nodejs
yum install nodejs
3) Install building tools [bower, gulp, ....]
npm install # this install all development tool chain dependencies
sudo npm install --global gulp # this is not mandatory but it will make your live simpler
4. For livereload functionality [automatic refresh of HTML/CSS]
install [livereload Chrome extension](https://chrome.google.com/webstore/detail/livereload/jnihajbhpnppcggbcgedagnkighmdlei)
### Overload ./etc/Defaults.js with '.noderc.js'
var config= {
APPNAME : 'AFBclient', // AppName is use as main Angular Module name
FRONTEND: "Frontend", // HTML5 frontend [no leading ./]
BACKEND : "Backend", // NodeJS Rest API [no leading ./]
URLBASE : '/opa/', // HTML basedir when running in production [should end with a /]
APIBASE : '/api/', // Api url base dir [should end with a /]
DEBUG : 4001, // Node Debug Port [for mock API debug only]
DBG_LVL : 5, // Debug Trace Level 0=no trace.
};
module.exports = config;
WARNING: in current version Frontend/services/ConfigApp.js is not updated automatically
you should make sure than your backend config fit with your frontend config.
Note: FCS version should have ConfigApp.js configurated automatically from GULP, but this is for "tomorrow"
### Build project
gulp help
gulp build-app-dev
gulp watch-dev
http://localhost:3001/opa /* debug mock api base on Backend/RestApi */
### Test with Application server binder [you may safely run gulp 'watch-dev' + 'afb-daemon' simultaneously]
export MYWORKSPACE=$HOME/Workspace
$MYWORKSPACE/afb-daemon/build/afb-daemon --port=1234 --verbose --token=123456789 --rootdir=$MYWORKSPACE/afb-client/dist.dev
http://localhost:1234/opa
Note:
- do not forget "/opa" that should match with your config.URLBASE
- if you change --token=xxxx do not forget to update ./Frontend/pages/HomeModules.js
- Force HTML/OPA reload with F5 after each HTML5/OPA update or new pages may not be loaded.
- When reloading HTML/OPA with F5 do not forget that your initial token wont be accepted anymore. You should either restart to clean existing session or cleanup AJB_session cookie.
### Move to Target
cd $MYWORKSPACE/afb-client
gulp build-app-prod
scp -r ./dist.pro/* user@mytarget:/rootdir/apfDaemon
/AppClient
|
|---- package.json
|---- bower.json
|---- gulpfile.js
|---- .noderc.js [Warning: contains private keys should not uploaded in Github]
|
|---- /Frontend
| |
| |---- index.html
| |---- app.js
| |
| |---- /styles
| | |
| | |---- _settings.scss
| | |---- app.scss
| |
| |---- /Widgets
| | |
| | |--- Widget-1
| | |...
| |
| |-----/Pages
| |--- Home-Page
| |...
|
|
|---- /Backend
| |-- server.js // launcher
| |----/ models // mogoose database schemas
| |----/ providers // authentication services
| |----/ restapis // application APIs
|
|---- (/dist.dev)
|---- (/dist.prod)
|
