devausnoteja (tmp ohjeet)

Devaus

devaus workflow

Kehittäminen on nopeampaa jos saa muutokset suoraan käyttöön, tämän takia kannattaa käynnistää lasikala ja webback-palvelin erikseen, ja proxyttää webbakista moya-jutut lasikalaan.

ng-palvelimessa on bugi, ja se ei osaa jakaa tavaraa muusta hakemistosta kuin /.

moyaproxy.conf.json sisältää proxyasetukset porttiin 8080.

Käyttö: ng serve --preserve-symlinks --proxy-config=moyaproxy.conf.json --base-href=/

Tämän jälkeen kirjaa selaimesi sisään moyaan: http://localhost:4200/MoyaWeb/ ja surffata softaan: http://localhost:4200/

HMR

HMR -asetukset löytyy, niistä ei nykyisellään ole mitään hyötyä. Saa poistaa.

Koodijuttuja

moya-rest

Oma moduulinsa, joka tullaan jossain vaiheessa eriyttämään ja käyttämään myös mahdollisessa nativescript-kännyappiksessa. Eli sen alle tulee vain servisejä, ei komponentteja.

Muuta

Jos tulee muita järkeviä kokonaisuuksia, joita voi käyttää muualla, jaa omaan moduuliinsa.

Hakemistohierarkia

• app
  • pages tämän alla on käytännössä "älykkäät" komponentit (stateful), eli componentit jotka tietää mitä dataa haetaan ja mistä. Käytännössä route -targetit
  • user Loppukäyttäjälle näkyvät jutut, ohjleman ns. main moduuli
    • pizzatilaus
    • listOpen.component.ts avoimet pizzatilaukset joista voi tilata
    • own_orders.component.ts
    • testit yms.
  • admin moya asetukset, esim. tuotteet, korttipohjat, oma moduulinsa joka lazyloadataan
    • admin.module.ts
    • pizzatilaus
    • pizzaedit.component.ts hallitse mitä pizzoja voi tilata ylipäätänsä
  • info tapahtumanaikana "infolaisen" toimesta tehtävät jutut, sisäänotto, käyttäjänhallinta jne. Oma moduulinsa joka lazyloadataan
    • info.module.ts
    • viplist
    • viplist.component.ts,html,jne
    • viplist.service.ts
    • pizzatilaus
    • list.component.ts listaa kaikki, ja lisää uusi pizzailaus
  • old-moya Monessa paikassa käytettävät target -componentit tulevat omiksi kokonaisuudiksiin
    • old-moya.component.ts
  • pizzatilaus Jos halutaan lazyloadata jokin osa moyasta, tehdään siitä uusi päätason komponentti. Joka sitten laitetetaan user / admin yms. puolille route -targetiksi
    • pizzatilaus-route.module.ts
    • pizza-user-order.component.ts
  • menu menu on täällä
  • shared geneeriset, mihinkään osaan kuulumattomat jaetut modellit ja servicet tulevat tänne
  • models
    • user.model.ts
  • services
    • moya-rest.service.ts
    • session.service.ts
  • widgets tyhmät componponentit tulevat tänne
  • button
    • html
    • ts
    • scss
  • components servicet sekä componenttien geneeriset tyhmät osat tulevat tämän hakemiston alle
  • viplist
    • list.component.ts
    • add.component.ts
  • modules Kokonaiset, monessa paikassa olevt kokonaisuuksien tyhmät osat tulevat tänne. Sen verta isot että ne kannattaa tehdä moduuleiksi
  • pizzatilaus
    • anna-pizza.component.ts
    • list-pizzat.component.ts,html,jne
    • listItem.component.ts
    • edit.component.ts
    • pizzatilaus.service.ts
    • pizza-tilaus.module.ts

TODO

Tekemistä jota voi esim kämpissä säätää

I18N

I18N loaderi webpackkiin. Esim. muuntaa properties-filun taulukoksi ja siihen joku localisointikirjasto, tai jotain.

Paketointi

Miten paketoidaan moya niin että mukaan kääntyy myös angular -jutukkeet?

Lazy loading

Lazy loading niin että se toimii vielä moyan kanssa, vaatinnee säätöä.

Travis yms. autotestit

oma travis-palvelin, ja siihen autotestit Ehkä greenkeeper, jos sitä voi hostata ite

Testit

Integraatio jne. testit, aloitteliat ei riko asioita niin todennäköisesti.

WebPack ja buildin minimointi

aot-kääntäminen ja siihen comperssointia jne.

MoyaAngular, generoidut ohjeet

This project was generated with angular-cli version 1.0.0-beta.24.

Development server

Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Code scaffolding

Run ng generate component component-name to generate a new component. You can also use ng generate directive/pipe/service/class/module.

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory. Use the -prod flag for a production build.

Running unit tests

Run ng test to execute the unit tests via Karma.

Running end-to-end tests

Run ng e2e to execute the end-to-end tests via Protractor. Before running the tests make sure you are serving the app via ng serve.

Deploying to Github Pages

Run ng github-pages:deploy to deploy to Github Pages.

Further help

To get more help on the angular-cli use ng help or go check out the Angular-CLI README.