Skip to content

A refractor of the website chriba.no. Built as a single-page-application, with Angular 2.0 and NodeJs

Notifications You must be signed in to change notification settings

Fr3dric0/chriba2

Repository files navigation

Chriba v2.0

Hovedprosjektet gjekk strålande bra, med toppkarakter (IT2805) og fornøgd klient (Chriba AS). No er det påtide å gjere koden meir produksjonsvennleg. Valet datt på å bruke Angular 2 for klient kode, og behalde ExpressJS som API kode.

Samanlikna med den opprinnelege kildekoden, med vårt eige rammeverk. Forventar vi ved å gå over til stilen av Single page application gjennom Angular 2, ein betydeleg auke i responsivitet, og ryddigare kode.

Installering

Krav for oppsett av prosjekt er følgande

  1. Ei _config.json fil under bin/config/, for lagring av token-secret, og database
  2. Ein køyrande MongoDB Server. (Autentiseringdetaljar, lokasjon, port, etc. leggast i config fila)
  3. NodeJS >=v7.4.0
  4. Installert nyaste versjon av Angular cli
  5. Ein køyrande klient av MongoDB, køyre lokal database no i starten
  6. Installert Nodepakkane i rotmappa og i klientmappa.

Køyring av applikasjonen

Angular cli gjer det eigentleg kjempelett for deg å køyre ein statisk server. Men sidan vi vil hovedsakeleg bere måtte køyre ein server (og sleppe CORS), må det nok bli litt meir komplisert.

  1. Start Mongodb (om ikkje starta enno)
  2. Køyr npm start eller npm run watch i client mappa
  3. Start node (anten gjennom npm run watch eller npm start)

Du skal då ha eit program køyrande som vil kompilere TypeScript koden om til JavaScript, og legge dette i mappa dist/, samtidig som node serveren vil gje det alle filene.

_config.json format

{
  "token-secret": String,
  "database": {
    "db": String, // "Chriba"
    "domain": String, // "localhost"
    "port": Number,
    "username": String | undefined, // "peterJ4cks0n"
    "pwd": String | undefined // "S4cR3t"
  }
}

Når ein brukar ein lokal databaseklient, treng du bere å fjerne fjelta username og pwd, samt sette "domain": "localhost".

Angular npm start

Når du køyre npm start i klient mappa, så vil denne transpilere og samle alle nødvendige filene for å køyre frontend koden i mappa client/dist.

Hugs derfor å alltid køyr npm start når du pullar frå github. Slik at koden er oppdatert

Under generell utvikling er det greit å ha npm run watch køyrande, slik at du slepp å tenke på å måtte oppdatere distribusjonsfilene for kvar endring.

About

A refractor of the website chriba.no. Built as a single-page-application, with Angular 2.0 and NodeJs

Resources

Stars

Watchers

Forks

Packages

No packages published