- Skloniraš repozitorij:
git clone [email protected]:andrejborstnik/track-collector.git
- Greš v repozitorij
- Zaženes aktivacijsko skripto:
.alot/bin/activate.sh dev
(in počakaš da se poloadajo vsi node moduli - če opazite, da sem kakšnega prevec pustil, kar zbrišite) - Zaženeš aplikacijo:
op-start
- Ko se aplikacija zgradi (par sekund) lahko spreminjaš kodo in ko shraniš se spletna stran sama osvezi. V konzoli, kjer si zagnal
op-start
vidiš morebitne napake pri grajenju. Javascript napake pa vidiš v konzoli browserja. - Če so napake jih moraš odstraniti. Preveri če imaš ključ ("Secret za resetiranje gesel:") v '../../secrets.json' kar je v isti mapi kot je track-collector. Če ključa nimaš ga vzemi is skupne beležke. Tam je tudi aktivacijsko ime in geslo. Datoteka secrets.json za enkrat izgleda takole:
{
"passwordReset" : "***"
}
Tri zvezdice se smiselno nadomesti z "Secret za resetiranje gesel:" iz skupne beležke.
- Podobno velja za datoteko '../../local.config', ki izgleda npr. takole (na serverju). Pri sebi si raje nastavite fe_path na '/':
{
"java_be": "https://test.goopti.com",
"be_path": "/tracker",
"url": "https://test.goopti.com",
"fe_path": "/trackcollector",
"be_port": "3102",
"fe_port": "3002"
}
- Če program op-start javi napako naredi še znotraj mape: track-collector/frontend/build/.cache datoteko z imenom: dependencies.json in vsebino:
{}
- Nekje pod
src
direktorijem naredis nov file, lahko vzames za osnovo npr.Test.vue
. Uporabljas lahko ES6 sintakso. - Naredis vsaj eno od:
- Narejeno komponento vkljuciš v drugo komponento, kot je v
Test2.vue
. - Narejeno komponento v
routes.js
uvoziš in jo dodaš na nek url naslov.
- Narejeno komponento vkljuciš v drugo komponento, kot je v
Če nalagate node module jih ne pozabit shranit, da bo aplikacija delala vsem. Nalagajte jih (za frontend del) v ./frontend/
. Npr. ko ste v direktoriju frontend
s npm install moj-modul --save
.
Za izgradnjo aplikacije uporabljamo komponente po oblikovalskem principu Material Design, ki je osnova Googlovih desktop in mobile aplikacij, posebej na Androidu. Specifično, uporabljamo knjižnico komponent Vuetifyjs.
V backend/config/config_default.js
je potrebno napisati kje se nahaja baza, kakšna so uporabniška imena ipd. Predlagam, da se za zdaj kar ohrani to kar sem napisal. V komponenti PostGreDemo.vue
in na backendu sem naredil preprost api, s katerim lahko dostopate do baze s prej opisanimi parametri. Parametri za query (se) niso povsem implementirani.
- Napises funkcijo, ki jo rabis na backendu in jo pospravis na primerno mesto v
src
. - Uporabis v
routes.js
. Tam in vbackend.js
lahko tudi konfiguriras express.
Vec o Vue frameworku najdes na https://vuejs.org/.
Projekt sofinancirata Republika Slovenija in Evropska unija iz Evropskega socialnega sklada.