Page 30 - 6182

ЛАБОРАТОРНА РОБОТА 4.
МАРШРУТИЗАЦІЯ НА ПЛАТФОРМІ ANGULAR

Мета роботи: навчитись будувати односторінковий додаток
(single page application, SPA).

Обладнання:

 сервер Node.js + npm;
 будь-який редактор програмного коду: JetBarins

WebStorm, Visual Studio Code, Sublime Text, Atom;
 підключення до мережі Інтернет;
 інструмент Angular CLI;

 підготовлений проект з допомогою Angular CLI.

4.1 Теоретичні відомості
МАРШРУТИЗАЦІЯ

Згідно підходів до розробки web-орієнтованих
інформаційних систем маршрутизація – це підхід розділення
додатку на різні секції, який зазвичай базується на аналізі URI-
адреси, яка у відповідний момент часу знаходиться в об‘єкті

location.
Платформа Angular використовує підхід односторінкових
SPA (Single Page Application) додатків. Згідно нього, додаток – це

дерево компонентів, яке містить один базовий (кореневий)
компонент, з якого є доступ до інших компонентів з допомогою
використання механізмів маршрутизації.

Маршрутизація на платформі Angular забезпечується з
допомогою сервісу Angular Router він не є частиною ядра
платформи, тому його потрібно підключати окремо.

import { RouterModule, Routes } from @angular/router';
Однією із найкращих практик, яку рекомендують розробники

платформи Angular – це поміщення декларації маршрутів і
конфігурації маршрутизації в окремий модуль, який знаходиться на
найвищому рівні (базова маршрутизація), а також, при необхідності

поміщувати декларацію і конфігурацію маршрутів в інших
модулях, при багаторівневій архітектурі додатку (рис. 4.1).

30