Õpetajate tööriistad

Angular Angular CLI versioon 19.2.

Angulari rakenduse kompileerimiseks on vajalik eelnevalt installida node.js ja Angular CLI tarkvara.

node.js ja npm paigaldamine (Ubuntu)

apt install nodejs
apt install npm

Angular CLI paigaldamine (Ubuntu)

npm install -g @angular/cli

Rakenduse paigaldamine

Angulari juhend

https://angular.dev/tools/cli/deployment

Koodi allalaadimine

# kataloogi loomine
mkdir eki-cefr

# projekti koodi allalaadimine.
# haru nimi vastab tarkvara versiooninumbrile (näiteks 1.40.0).
git clone --single-branch --branch x.x.x  https://github.com/keeleinstituut/eki-cefr.git

Paigaldamine

# liikumine projekti kataloogi
cd  eki-cefr

# JavaScript teekide paigaldamine
npm install

Kausta tekitamine, mis läheb serverisse

ng build käsk genereerib kõik vajalikud failid kataloogi dist/

--configuration production parameeter määrab ära, et kompileerimisel loetakse keskkonnamuutujad sisse failist eki-cefr/src/environments/environment.prod.ts

ng build --configuration production

kui rakendust serveeritakse serveri alamkataloogist, siis tuleb rakenduse asukoht atta ette parameetrina base-href

ng build --configuration production --base-href /teacher-tools/

dist kausta tekkinud kaust tuleb tõsta vajalikku kohta

Apache

• Kopeeri angular failid serverisse /opt kausta
• muuda Apache confi

Alias "/ww/teacher-tools" "/opt/teacher-tools"

<Directory "/opt/teacher-tools">
Order Allow,Deny
Allow from all
Require all granted
</Directory>


<Location "/ww/teacher-tools">
ProxyPass "!"
</Location>

• taaskäivita apache teenus

Teised serverid

https://v17.angular.io/guide/deployment#server-configuration

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|guard|interface|enum|module.

Build

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

Running unit tests

Run ng test to execute the unit tests via Karma.

Further help

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

Docker

docker build

docker build -t teacher-tools  .

docker run

docker run -d -p 8080:80 --name teacher-tools teacher-tools