{"id":487377,"date":"2026-07-15T10:31:29","date_gmt":"2026-07-15T10:31:29","guid":{"rendered":"https:\/\/savepearlharbor.com\/?p=487377"},"modified":"-0001-11-30T00:00:00","modified_gmt":"-0001-11-29T21:00:00","slug":"","status":"publish","type":"post","link":"https:\/\/savepearlharbor.com\/?p=487377","title":{"rendered":"\u041a\u0430\u043a\u00a0\u0441\u0432\u044f\u0437\u0430\u0442\u044c symfony 8\u00a0\u0438 Angular 22?"},"content":{"rendered":"
\n
\n

\u042d\u0442\u043e \u0441\u043b\u043e\u0436\u043d\u043e, \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u0438\u0442\u044c \u043c\u043d\u043e\u0433\u043e \u0443\u0442\u0438\u043b\u0438\u0442, \u043a\u043e\u043c\u0430\u043d\u0434 \u0434\u043b\u044f\u00a0\u0437\u0430\u043f\u0443\u0441\u043a\u0430 \u0438 \u043e\u0431\u0441\u043b\u0443\u0436\u0438\u0432\u0430\u043d\u0438\u044f \u0442\u0430\u043a\u043e\u0433\u043e \u043f\u0440\u043e\u0435\u043a\u0442\u0430, \u0438 \u0432\u043e\u043e\u0431\u0449\u0435, \u044f \u043d\u0435\u00a0\u0434\u0443\u043c\u0430\u044e, \u0447\u0442\u043e\u00a0\u0434\u0435\u0440\u0436\u0430\u0442\u044c \u0432\u0441\u0451 \u0432\u00a0\u043e\u0434\u043d\u043e\u043c \u043f\u0440\u043e\u0435\u043a\u0442\u0435\u00a0\u2014 \u0436\u0438\u0437\u043d\u0435\u0441\u043f\u043e\u0441\u043e\u0431\u043d\u0430\u044f \u0432\u0435\u0449\u044c.<\/p>\n<\/blockquote>\n

\u0418\u043c\u0435\u043d\u043d\u043e \u0442\u0430\u043a \u044f \u0434\u0443\u043c\u0430\u043b, \u043a\u043e\u0433\u0434\u0430 \u043d\u0430\u0447\u0438\u043d\u0430\u043b \u0440\u0430\u0437\u0431\u0438\u0440\u0430\u0442\u044c\u0441\u044f \u0432\u00a0\u044d\u0442\u043e\u0439 \u0442\u0435\u043c\u0435. \u041d\u043e \u0440\u0430\u0437\u043e\u0431\u0440\u0430\u0432\u0448\u0438\u0441\u044c, \u044f \u0441\u00a0\u0443\u0432\u0435\u0440\u0435\u043d\u043d\u043e\u0441\u0442\u044c\u044e \u043c\u043e\u0433\u0443 \u0441\u043a\u0430\u0437\u0430\u0442\u044c, \u0447\u0442\u043e\u00a0\u044d\u0442\u043e \u0440\u0435\u0430\u043b\u044c\u043d\u043e, \u0442\u0430\u043a\u0430\u044f \u0438\u0434\u0435\u044f \u0438\u043c\u0435\u0435\u0442 \u043c\u0435\u0441\u0442\u043e\u00a0\u0431\u044b\u0442\u044c, \u0438 \u043e\u0431\u0441\u043b\u0443\u0436\u0438\u0432\u0430\u0442\u044c \u0442\u0430\u043a\u0443\u044e \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0443 \u043b\u0435\u0433\u043a\u043e.<\/p>\n

\u0412\u00a0\u0434\u0430\u043d\u043d\u043e\u0439 \u0441\u0442\u0430\u0442\u044c\u0435 \u0431\u0443\u0434\u0435\u0442 \u043e\u043f\u0438\u0441\u0430\u043d \u043f\u0440\u043e\u0446\u0435\u0441\u0441 \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u044b \u0432\u0435\u0431\u2011\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0441\u00a0\u0443\u0434\u043e\u0431\u043d\u043e\u0439 \u0441\u0438\u0441\u0442\u0435\u043c\u043e\u0439 \u0434\u043e\u043a\u0435\u0440-\u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440\u043e\u0432. \u0417\u0434\u0435\u0441\u044c \u043d\u0435\u00a0\u0431\u0443\u0434\u0435\u0442 \u043e\u0431\u0441\u0443\u0436\u0434\u0430\u0442\u044c\u0441\u044f CI\/CD, \u0438\u0441\u043a\u043b\u044e\u0447\u0438\u0442\u0435\u043b\u044c\u043d\u043e development\u2011side \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u0430 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438.<\/p>\n

<\/figure>\n

Prerequirements<\/h2>\n

\u0421\u043f\u0435\u0440\u0432\u0430 \u0445\u043e\u0447\u0435\u0442\u0441\u044f \u0441\u043a\u0430\u0437\u0430\u0442\u044c, \u0447\u0442\u043e\u00a0\u044f \u0431\u0443\u0434\u0443 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0432\u00a0\u044d\u0442\u043e\u043c \u043f\u0440\u043e\u0435\u043a\u0442\u0435. \u042f \u043d\u0435\u00a0\u0445\u043e\u0447\u0443 \u0437\u0430\u0441\u043e\u0440\u044f\u0442\u044c \u0441\u0432\u043e\u0439 \u043e\u0431\u0440\u0430\u0437 Windows 11\u00a0\u043a\u0430\u043a\u0438\u043c\u0438\u2011\u043b\u0438\u0431\u043e\u00a0\u043b\u0438\u0448\u043d\u0438\u043c\u0438 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0430\u043c\u0438 \u0438 \u043f\u0430\u043f\u043a\u0430\u043c\u0438. \u041f\u043e\u044d\u0442\u043e\u043c\u0443 \u0434\u043b\u044f\u00a0\u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u044f \u0432\u0441\u0435\u0433\u0434\u0430 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e WSL (\u043d\u0435 \u0433\u043e\u0432\u043e\u0440\u0438\u0442\u0435 \u043c\u043d\u0435 \u043d\u0438\u0447\u0435\u0433\u043e \u043f\u043b\u043e\u0445\u043e\u0433\u043e \u043e\u00a0\u043d\u0435\u043c, \u044f \u0432\u0441\u0451 \u0437\u043d\u0430\u044e). \u042d\u0442\u043e \u043d\u0435\u043e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u043e, \u043c\u043e\u0436\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u043b\u044e\u0431\u043e\u0439 \u0434\u0438\u0441\u0442\u0440\u0438\u0431\u0443\u0442\u0438\u0432\u00a0\u043b\u0438\u043d\u0443\u043a\u0441\u0430 \u0438\u043b\u0438\u00a0\u044f\u0431\u043b\u043e\u0447\u043d\u043e\u0439 \u041e\u0421. \u0414\u0430\u00a0\u0445\u043e\u0442\u044c native \u0432\u0438\u043d\u0434\u0443) \u041a\u0430\u0436\u0434\u044b\u0439 \u044d\u0442\u043e \u0434\u0435\u043b\u0430\u0435\u0442 \u043a\u0430\u043a\u00a0\u0445\u043e\u0447\u0435\u0442. \u041d\u043e\u00a0\u043b\u0438\u0447\u043d\u043e \u043c\u043d\u0435 \u043d\u0440\u0430\u0432\u0438\u0442\u0441\u044f \u0440\u0430\u0431\u043e\u0442\u0430 \u0432\u00a0WSL. <\/p>\n

\u041f\u0440\u043e\u0435\u043a\u0442\u044b \u0445\u0440\u0430\u043d\u044f\u0442\u0441\u044f \u0432\u043d\u0443\u0442\u0440\u0438 WSL, \u043d\u0435\u00a0\u0441\u043d\u0430\u0440\u0443\u0436\u0438 \u0432\u00a0Windows \u0445\u043e\u0441\u0442\u0435, \u0430\u00a0\u0438\u043c\u0435\u043d\u043d\u043e \u0432\u043d\u0443\u0442\u0440\u0438 WSL. \u042d\u0442\u043e \u0434\u0435\u043b\u0430\u0435\u0442\u0441\u044f \u0434\u043b\u044f\u00a0\u0441\u043a\u043e\u0440\u043e\u0441\u0442\u0438 \u0440\u0430\u0431\u043e\u0442\u044b. \u0415\u0441\u043b\u0438 \u043f\u0440\u043e\u0435\u043a\u0442 \u0431\u0443\u0434\u0435\u0442 \u043b\u0435\u0436\u0430\u0442\u044c \u043d\u0430\u00a0\u0445\u043e\u0441\u0442\u0435, \u0442\u043e \u043f\u0440\u0438\u00a0\u0440\u0430\u0431\u043e\u0442\u0435 \u043a\u043e\u043c\u0430\u043d\u0434 \u0434\u043e\u0441\u0442\u0443\u043f \u043a\u00a0\u0444\u0430\u0439\u043b\u0430\u043c \u0431\u0443\u0434\u0435\u0442 \u043e\u0441\u0443\u0449\u0435\u0441\u0442\u0432\u043b\u044f\u0442\u044c\u0441\u044f \u043f\u043e\u00a0\u043e\u0441\u043e\u0431\u0435\u043d\u043d\u043e\u043c\u0443 \u0438 \u0433\u0438\u043f\u0435\u0440 \u041d\u0415-\u0431\u044b\u0441\u0442\u0440\u043e\u043c\u0443 \u043f\u0440\u043e\u0442\u043e\u043a\u043e\u043b\u0443. \u041d\u0435\u00a0\u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0443\u044e. \u041d\u043e\u00a0\u0435\u0441\u043b\u0438 \u0444\u0430\u0439\u043b\u044b \u043b\u0435\u0436\u0430\u0442 \u0432\u043d\u0443\u0442\u0440\u0438 WSL, \u0442\u043e \u0434\u043e\u0441\u0442\u0443\u043f \u043a\u00a0\u0444\u0430\u0439\u043b\u0430\u043c \u0431\u0443\u0434\u0435\u0442 \u043c\u0433\u043d\u043e\u0432\u0435\u043d\u043d\u044b\u043c.<\/p>\n

\u0412\u00a0WSL \u0443\u00a0\u043c\u0435\u043d\u044f \u0441\u0442\u043e\u0438\u0442 \u0441\u0430\u043c\u0430\u044f \u0441\u0432\u0435\u0436\u0430\u044f Ubuntu 24.04.<\/p>\n

\u0415\u0441\u0442\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u043e, \u0435\u0449\u0451 \u043d\u0443\u0436\u043d\u043e \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u0438\u0442\u044c Docker.<\/p>\n

\u042f \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e \u0441\u0430\u043c\u044b\u0439 \u0441\u0432\u0435\u0436\u0438\u0439 \u043d\u0430\u00a0\u043c\u043e\u043c\u0435\u043d\u0442 \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u0438\u044f PHPStorm 2026.1.4\u00a0\u043e\u0442\u00a0Jetbrains, \u043d\u043e\u00a0\u0430\u0431\u0441\u043e\u043b\u044e\u0442\u043d\u043e \u043d\u0435\u00a0\u0432\u0430\u0436\u043d\u043e, \u043a\u0430\u043a\u043e\u0439 IDE \u0432\u044b \u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0435\u0441\u044c. \u0412\u00a0\u0442\u0435\u043e\u0440\u0438\u0438 \u043c\u043e\u0436\u043d\u043e \u0438 \u0432\u00a0\u0431\u043b\u043e\u043a\u043d\u043e\u0442\u0435 \u043f\u0438\u0441\u0430\u0442\u044c \u0445\u043e\u0440\u043e\u0448\u0438\u0439 \u043a\u043e\u0434.<\/p>\n

\"\u041c\u043e\u0436\u043d\u043e<\/p>\n
\u041c\u043e\u0436\u043d\u043e \u043f\u0438\u0441\u0430\u0442\u044c \u043a\u043e\u0434 \u0432\u00a0\u0431\u043b\u043e\u043a\u043d\u043e\u0442\u0435?<\/figcaption><\/div>\n<\/figure>\n
\n

\u0412\u043e\u0442 \u0438\u043c\u0435\u043d\u043d\u043e, \u0447\u0442\u043e\u00a0\u043d\u0435\u0437\u0430\u0447\u0435\u043c, \u0442\u0435\u043c \u0431\u043e\u043b\u0435\u0435, \u043a\u043e\u0433\u0434\u0430 \u0435\u0441\u0442\u044c \u043c\u043d\u043e\u0436\u0435\u0441\u0442\u0432\u043e \u043a\u043b\u0430\u0441\u0441\u043d\u044b\u0445 IDE, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u044e\u0442 \u043e\u0447\u0435\u043d\u044c \u0445\u043e\u0440\u043e\u0448\u0438\u0439 \u0430\u0432\u0442\u043e\u043a\u043e\u043c\u043f\u043b\u0438\u0442 \u043a\u043e\u0434\u0430, \u0441\u044d\u043c\u043f\u043b\u044b \u043a\u043e\u0434\u0430, \u0440\u0430\u0431\u043e\u0442\u0443 \u0441\u00a0Git \u0438 \u0442\u0430\u043a \u0434\u0430\u043b\u0435\u0435.<\/p>\n

\u0422\u0430\u043a\u0436\u0435 \u0434\u043b\u044f\u00a0\u0443\u0434\u043e\u0431\u0441\u0442\u0432\u0430 \u043d\u0430\u0434\u043e \u043f\u043e\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u043a\u043e\u043c\u0430\u043d\u0434\u0443 make, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0443\u043c\u0435\u0435\u0442 \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u0441\u00a0\u0444\u0430\u0439\u043b\u0430\u043c\u0438 Makefile, \u0442\u0430\u043a \u043a\u0430\u043a\u00a0\u0432\u0441\u0435 \u043a\u043e\u043c\u0430\u043d\u0434\u044b \u044f \u043e\u0431\u044b\u0447\u043d\u043e \u043e\u0431\u043e\u0440\u0430\u0447\u0438\u0432\u0430\u044e \u0432\u00a0\u0441\u0432\u043e\u0438 \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0435, \u044d\u0442\u043e \u043e\u0447\u0435\u043d\u044c \u0443\u0434\u043e\u0431\u043d\u043e.<\/p>\n<\/div>\n

Project skeleton<\/h3>\n

\u0425\u0432\u0430\u0442\u0438\u0442 \u0432\u043e\u0434\u044b, \u043f\u0440\u0438\u0441\u0442\u0443\u043f\u0438\u043c \u0441\u0440\u0430\u0437\u0443 \u043a\u00a0\u0434\u0435\u043b\u0443. <\/p>\n

\u0421\u043e\u0437\u0434\u0430\u0451\u043c \u043f\u0440\u043e\u0435\u043a\u0442, \u044f \u0431\u0443\u0434\u0443 \u0445\u0440\u0430\u043d\u0438\u0442\u044c \u0435\u0433\u043e \u0432\u00a0\u0434\u043e\u043c\u0430\u0448\u043d\u0435\u0439 \u043f\u0430\u043f\u043a\u0435 \u044e\u0437\u0435\u0440\u0430: cd ~ && mkdir angular\u2011symfony\u2011template && cd angular\u2011symfony\u2011template<\/code>.<\/p>\n

\u0412\u0441\u0435 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0435 \u043a\u043e\u043c\u0430\u043d\u0434\u044b \u044f \u0431\u0443\u0434\u0443 \u043f\u0438\u0441\u0430\u0442\u044c \u0438\u0437\u00a0\u043a\u043e\u0440\u043d\u044f \u043f\u0440\u043e\u0435\u043a\u0442\u0430.<\/p>\n

\u042f \u043e\u0431\u044b\u0447\u043d\u043e \u0441\u043e\u0437\u0434\u0430\u044e \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u0443\u044e \u043f\u0430\u043f\u043a\u0443 docker \u0432\u00a0\u043a\u043e\u0440\u043d\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u0430, \u0433\u0434\u0435 \u0445\u0440\u0430\u043d\u044f\u0442\u0441\u044f \u043a\u043e\u043d\u0444\u0438\u0433\u0438 \u0434\u043e\u043a\u0435\u0440\u0430. `mkdir docker`.<\/p>\n

\u0421\u043e\u0437\u0434\u0430\u0435\u043c \u0433\u043b\u0430\u0432\u043d\u044b\u0439 \u0444\u0430\u0439\u043b \u043a\u043e\u043d\u0444\u0438\u0433\u0430 \u0434\u043e\u043a\u0435\u0440\u0430: touch.\/docker\/docker\u2011compose.yml.<\/code><\/p>\n

services:    server:        image: nginx:stable-alpine # \u0421\u0430\u043c\u044b\u0439 \u0441\u0442\u0430\u0431\u0438\u043b\u044c\u043d\u044b\u0439 \u043c\u0438\u043d\u0438\u043c\u0430\u043b\u044c\u043d\u044b\u0439 \u043e\u0431\u0440\u0430\u0437 nginx        container_name: angular_symfony_template_server        restart: always        ports:            - ${SERVER_PORT:-8080}:80 # \u041f\u0440\u043e\u0431\u0440\u043e\u0441 \u043f\u043e\u0440\u0442\u0430 \u0438\u0437 \u0444\u0430\u0439\u043b\u0430 .\/docker\/.env        volumes:            - ..\/.:\/var\/www\/project            - .\/nginx\/default.conf:\/etc\/nginx\/conf.d\/default.conf # \u041f\u0440\u043e\u0431\u0440\u043e\u0441 \u043a\u0430\u0441\u0442\u043e\u043c\u043d\u043e\u0433\u043e \u043a\u043e\u043d\u0444\u0438\u0433\u0430 nginx        depends_on: # \u041d\u0435 \u0437\u0430\u043f\u0443\u0441\u043a\u0430\u0442\u044c \u044d\u0442\u043e\u0442 \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440 \u043f\u043e\u043a\u0430 \u043d\u0435 \u0431\u0443\u0434\u0443\u0442 \u0437\u0430\u043f\u0443\u0449\u0435\u043d\u044b \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0435 \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440\u044b            - php        networks: # \u041e\u0431\u0449\u0430\u044f \u0441\u0435\u0442\u043a\u0430            - angular_symfony_template    node:        build:            context: ..            dockerfile: .\/docker\/node\/Dockerfile        container_name: angular_symfony_template_node        restart: always        # \u041c\u043e\u043d\u0442\u0438\u0440\u0443\u0435\u043c \u0432\u0435\u0441\u044c \u043f\u0440\u043e\u0435\u043a\u0442, \u043d\u043e Dockerfile \u0441\u0430\u043c \u0437\u0430\u0439\u0434\u0435\u0442 \u0432 \u043f\u043e\u0434\u043f\u0430\u043f\u043a\u0443 frontend        volumes:            - ..\/:\/var\/www\/project        ports:            - ${NODE_PORT:-4200}:4200        networks:            - angular_symfony_template    php:        container_name: angular_symfony_template_php        restart: always        build:            context: .            dockerfile: .\/php\/Dockerfile # \u0411\u0443\u0434\u0435\u043c \u044e\u0437\u0430\u0442\u044c \u043a\u0430\u0441\u0442\u043e\u043c\u043d\u0443\u044e \u0441\u0431\u043e\u0440\u043a\u0443 PHP            args:                USER_ID: \"${USER_ID}\"                GROUP_ID: \"${GROUP_ID}\"                USER_NAME: \"${USER_NAME}\"        ports:            - ${PHP_PORT:-9000}:9000 # \u041f\u0440\u043e\u0431\u0440\u043e\u0441 \u043f\u043e\u0440\u0442\u0430 \u0438\u0437 \u0444\u0430\u0439\u043b\u0430 .\/docker\/.env        volumes:            - ..\/.:\/var\/www\/project        networks:            - angular_symfony_templatenetworks:    angular_symfony_template:<\/code>
<\/a><\/div><\/pre>\n
\u0414\u0435\u043b\u0430\u0435\u043c .\/docker\/.env<\/code> \u0444\u0430\u0439\u043b \u0438 \u0437\u0430\u043f\u043e\u043b\u043d\u044f\u0435\u043c \u0435\u0433\u043e:<\/p>\n
USER_ID=1000 # ID \u0432\u0430\u0448\u0435\u0433\u043e \u044e\u0437\u0435\u0440\u0430 \u0432 \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440\u0435USER_NAME=!ChangeMe! # \u0438\u043c\u044f \u0432\u0430\u0448\u0435\u0433\u043e \u044e\u0437\u0435\u0440\u0430 \u0432 \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440\u0435GROUP_ID=1000 # \u0433\u0440\u0443\u043f\u043f\u0430 \u0432\u0430\u0448\u0435\u0433\u043e \u044e\u0437\u0435\u0440\u0430 \u0432 \u043a\u043e\u043d\u0435\u0439\u043d\u0435\u0440\u0435SERVER_PORT=8088 # \u043f\u043e\u0440\u0442 nginxPHP_PORT=9099    # \u043f\u043e\u0440\u0442 PHPNODE_PORT=4200   # \u043f\u043e\u0440\u0442 Node<\/code>
<\/a><\/div><\/pre>\n
\u0414\u0435\u043b\u0430\u0435\u043c \u043a\u0430\u0441\u0442\u043e\u043c\u043d\u044b\u0439 \u043a\u043e\u043d\u0444\u0438\u0433\u0430 nginx\u00a0\u2014 .\/docker\/nginx\/default.conf<\/code>:<\/p>\n
server {    listen 80;    server_name localhost;    # \u0412\u044b\u043d\u043e\u0441\u0438\u043c root \u043d\u0430 \u0441\u0430\u043c\u044b\u0439 \u0432\u0435\u0440\u0445, \u0447\u0442\u043e\u0431\u044b \u043e\u043d \u0440\u0430\u0431\u043e\u0442\u0430\u043b \u0432\u0435\u0437\u0434\u0435 \u043e\u0434\u0438\u043d\u0430\u043a\u043e\u0432\u043e    root \/var\/www\/project\/public;    error_log \/var\/log\/nginx\/project_error.log;    access_log \/var\/log\/nginx\/project_access.log;    # 1. \u0417\u0430\u043f\u0440\u043e\u0441\u044b \u043a API (\u043e\u0431\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u0435\u0442 Symfony)    location \/api {        # \u0415\u0441\u043b\u0438 \u043f\u0440\u0438\u0448\u043b\u0438 \u043d\u0430 \/api \u0438\u043b\u0438 \/api\/, \u043f\u0435\u0440\u0435\u043d\u0430\u043f\u0440\u0430\u0432\u043b\u044f\u0435\u043c \u043d\u0430 index.php        rewrite ^\/api\/?(.*)$ \/index.php\/$1 last;    }    # 2. \u041e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u0444\u0440\u043e\u043d\u0442-\u043a\u043e\u043d\u0442\u0440\u043e\u043b\u043b\u0435\u0440\u0430 Symfony    location ~ ^\/index\\.php(\/|$) {        fastcgi_pass php:9000;        fastcgi_split_path_info ^(.+\\.php)(\/.*)$;        include fastcgi_params;        fastcgi_buffer_size 128k;        fastcgi_buffers 4 256k;        fastcgi_busy_buffers_size 256k;        fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;        fastcgi_param DOCUMENT_ROOT $document_root;        internal;    }    # 3. \u0412\u0441\u0435 \u043e\u0441\u0442\u0430\u043b\u044c\u043d\u044b\u0435 \u0437\u0430\u043f\u0440\u043e\u0441\u044b \u043e\u0442\u0434\u0430\u0435\u043c \u043d\u0430 Angular Dev Server    location \/ {        proxy_pass http:\/\/node:4200;        proxy_http_version 1.1;        proxy_set_header Upgrade $http_upgrade;        proxy_set_header Connection 'upgrade';        proxy_set_header Host $host;        proxy_cache_bypass $http_upgrade;    }    # \u0417\u0430\u043f\u0440\u0435\u0449\u0430\u0435\u043c \u043f\u0440\u044f\u043c\u043e\u0439 \u0432\u044b\u0437\u043e\u0432 \u0434\u0440\u0443\u0433\u0438\u0445 PHP \u0444\u0430\u0439\u043b\u043e\u0432    location ~ \\.php$ {        return 404;    }}<\/code>
<\/a><\/div><\/pre>\n
\u0414\u0435\u043b\u0430\u0435\u043c Dockerfile \u0434\u043b\u044f\u00a0PHP\u00a0\u2014 `.\/docker\/php\/Dockerfile`:<\/p>\n
FROM php:8.4-fpmARG USER_IDARG GROUP_IDARG USER_NAME# \u0421\u043e\u0437\u0434\u0430\u0435\u043c \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f \u0434\u043b\u044f \u0440\u0430\u0431\u043e\u0442\u044b \u0432 DockerRUN groupadd -g ${GROUP_ID} ${USER_NAME} || true && \\    useradd -l -u ${USER_ID} -g ${GROUP_ID} -m -s \/bin\/bash ${USER_NAME} || true# \u041d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430 \u043f\u0440\u0430\u0432 \u0434\u043b\u044f \u043f\u0430\u043f\u043a\u0438 \u043f\u0440\u043e\u0435\u043a\u0442\u0430RUN mkdir -p \/var\/www\/project && \\    chown -R ${USER_ID}:${GROUP_ID} \/var\/www# \u0423\u0441\u0442\u0430\u043d\u0430\u0432\u043b\u0438\u0432\u0430\u0435\u043c \u0442\u043e\u043b\u044c\u043a\u043e \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u044b\u0439 \u043c\u0438\u043d\u0438\u043c\u0443\u043c \u0434\u043b\u044f \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u0439RUN apt-get update && apt-get install -y --no-install-recommends \\    git \\    unzip \\    libicu-dev \\    libzip-dev \\    && docker-php-ext-install intl opcache pdo pdo_mysql zip \\    && rm -rf \/var\/lib\/apt\/lists\/*# \u0423\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0430 ComposerRUN curl -sS https:\/\/getcomposer.org\/installer | php -- --install-dir=\/usr\/local\/bin --filename=composer# \u0423\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0430 Symfony CLIRUN curl -sS https:\/\/get.symfony.com\/cli\/installer | bash && \\    mv \/root\/.symfony5\/bin\/symfony \/usr\/local\/bin\/symfonyWORKDIR \/var\/www\/project# \u041f\u0435\u0440\u0435\u043a\u043b\u044e\u0447\u0430\u0435\u043c\u0441\u044f \u043d\u0430 \u0441\u043e\u0437\u0434\u0430\u043d\u043d\u043e\u0433\u043e \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044fUSER ${USER_NAME}<\/code>
<\/a><\/div><\/pre>\n
\u041d\u0435\u00a0\u0437\u0430\u0431\u044b\u0432\u0430\u0435\u043c \u043e\u00a0\u043a\u0430\u0441\u0442\u043e\u043c\u043d\u043e\u0439 \u0441\u0431\u043e\u0440\u043a\u0435 \u043d\u043e\u0434\u044b, \u0433\u0434\u0435 \u0443\u00a0\u043d\u0430\u0441 \u0443\u0436\u0435 \u0431\u0443\u0434\u0435\u0442 \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043b\u0435\u043d Angular CLI \u0434\u043b\u044f\u00a0\u043a\u043e\u043c\u0444\u043e\u0440\u0442\u043d\u043e\u0439 \u0440\u0430\u0431\u043e\u0442\u044b \u0441\u00a0Angular:<\/p>\n
FROM node:26-alpine# \u0423\u0441\u0442\u0430\u043d\u0430\u0432\u043b\u0438\u0432\u0430\u0435\u043c Angular CLI \u0433\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u043e \u0432 \u0441\u0438\u0441\u0442\u0435\u043c\u0443RUN npm install -g @angular\/cli# \u0412\u044b\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u043c \u0440\u0430\u0431\u043e\u0447\u0443\u044e \u0434\u0438\u0440\u0435\u043a\u0442\u043e\u0440\u0438\u044e \u0441\u0440\u0430\u0437\u0443 \u0432 \u043f\u0430\u043f\u043a\u0443 \u0441 \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434\u043e\u043cWORKDIR \/var\/www\/project\/frontend# \u041e\u0442\u043a\u0440\u044b\u0432\u0430\u0435\u043c \u043f\u043e\u0440\u0442 \u0434\u043b\u044f Angular Dev ServerEXPOSE 4200CMD [\"npm\", \"run\", \"start\"]<\/code>
<\/a><\/div><\/pre>\n
\u0418 \u0441\u0434\u0435\u043b\u0430\u0435\u043c .\/Makefile<\/code>, \u0432\u00a0\u043a\u043e\u0442\u043e\u0440\u043e\u043c \u043c\u044b \u0431\u0443\u0434\u0435\u043c \u043e\u043f\u0438\u0441\u044b\u0432\u0430\u0442\u044c \u043e\u0441\u043d\u043e\u0432\u043d\u044b\u0435 \u043a\u043e\u043c\u0430\u043d\u0434\u044b \u043f\u0440\u043e\u0435\u043a\u0442\u0430:<\/p>\n
# VARIABLESDOCKER_COMPOSE := docker compose -f .\/docker\/docker-compose.ymlINTERACTIVE    := $(shell [ -t 0 ] && echo \"-it\" || echo \"-T\")COMPOSE_EXEC   := $(DOCKER_COMPOSE) exec $(INTERACTIVE)## --- DOCKER ---.PHONY: up down start stop rebuild rebuild-php rebuild-nodeup:@$(DOCKER_COMPOSE) up -ddown:@$(DOCKER_COMPOSE) down --remove-orphansstart:@$(DOCKER_COMPOSE) startstop:@$(DOCKER_COMPOSE) stoprebuild:@$(DOCKER_COMPOSE) up -d --buildrebuild-php:@$(DOCKER_COMPOSE) up -d --build phprebuild-node:@$(DOCKER_COMPOSE) up -d --build node## --- APPLICATION INIT ---.PHONY: app-initapp-init: up composer-install front-init@echo \"Application initialization completed!\"## --- PHP \/ SYMFONY ---.PHONY: shell composer-installshell:@$(DOCKER_COMPOSE) exec php bashcomposer-install:@echo \"Installing composer dependencies...\"@$(COMPOSE_EXEC) php composer install --no-interaction --optimize-autoloader## --- FRONTEND (Angular) ---.PHONY: front-shell front-init front-clear front-reinitfront-shell:@$(DOCKER_COMPOSE) exec node shfront-init:@echo \"Installing npm dependencies...\"@$(COMPOSE_EXEC) node npm installfront-clear:@echo \"Cleaning frontend artifacts...\"@$(COMPOSE_EXEC) node rm -rf .\/node_modules .\/.angular .\/distfront-reinit: front-clear front-init## --- LOGS ---.PHONY: logs logs-nginx logs-php logs-nodelogs:@$(DOCKER_COMPOSE) logs -f --tail=100logs-nginx:@$(DOCKER_COMPOSE) logs -f --tail=100 serverlogs-php:@$(DOCKER_COMPOSE) logs -f --tail=100 phplogs-node:@$(DOCKER_COMPOSE) logs -f --tail=100 node<\/code>
<\/a><\/div><\/pre>\n
\u0412\u0441\u0435 \u0433\u043e\u0442\u043e\u0432\u043e. \u0421\u0442\u0440\u043e\u0438\u043c \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440\u044b! `make up`<\/p>\n
\u0423\u0431\u0435\u0434\u0438\u043c\u0441\u044f, \u0447\u0442\u043e\u00a0\u0432\u0441\u0435 \u0437\u0430\u043f\u0443\u0449\u0435\u043d\u043e \u0438 \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u043a\u043e\u043c\u0430\u043d\u0434\u043e\u0439 docker ps. \u0415\u0441\u043b\u0438 \u0442\u0430\u043c \u0435\u0441\u0442\u044c \u043d\u0430\u0448\u0438 \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440\u044b, \u0442\u043e \u0432\u0441\u0435 \u043e\u0442\u043b\u0438\u0447\u043d\u043e!<\/p>\n
CONTAINER ID   IMAGE                 COMMAND                  CREATED          STATUS          PORTS                                         NAMES7a5b07e1818b   nginx:stable-alpine   \"\/docker-entrypoint.\u2026\"   33 seconds ago   Up 32 seconds   0.0.0.0:8088->80\/tcp, [::]:8088->80\/tcp       angular_symfony_template_server4dc9069c4fa1   docker-php            \"docker-php-entrypoi\u2026\"   33 seconds ago   Up 32 seconds   0.0.0.0:9099->9000\/tcp, [::]:9099->9000\/tcp   angular_symfony_template_phpbc8ae9b37155   node:26-alpine        \"docker-entrypoint.s\u2026\"   33 seconds ago   Up 32 seconds   0.0.0.0:4200->4200\/tcp, [::]:4200->4200\/tcp   angular_symfony_template_node<\/code>
<\/a><\/div><\/pre>\n
\u0421\u043a\u0435\u043b\u0435\u0442 \u043d\u0430\u0448\u0435\u0433\u043e \u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u0433\u043e\u0442\u043e\u0432. \u0421\u00a0\u044d\u0442\u043e\u0433\u043e \u043c\u043e\u043c\u0435\u043d\u0442\u0430 \u043c\u043e\u0436\u043d\u043e \u043d\u0430\u043a\u0430\u0442\u044b\u0432\u0430\u0442\u044c angular \u0438 symfony.<\/p>\n
Symfony<\/h2>\n
\u042f \u043f\u0440\u0438\u0432\u0435\u0440\u0436\u0435\u043d\u0435\u0446 \u0432\u0441\u0435\u0433\u043e \u043d\u043e\u0432\u043e\u0433\u043e, \u044f \u043d\u0435\u00a0\u0432\u0438\u0436\u0443 \u0441\u043c\u044b\u0441\u043b\u0430 \u043d\u043e\u0432\u044b\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u044b \u0437\u0430\u0432\u043e\u0434\u0438\u0442\u044c \u043d\u0430\u00a0\u0441\u0442\u0430\u0440\u044b\u0445 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u0430\u0445, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0431\u0443\u0434\u0435\u043c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c Symfony 8\u00a0\u2014 \u0441\u0430\u043c\u0443\u044e \u0441\u0432\u0435\u0436\u0443\u044e \u0432\u0435\u0440\u0441\u0438\u044e \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u0430 \u043d\u0430\u00a0\u043c\u043e\u043c\u0435\u043d\u0442 \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u0438\u044f \u0441\u0442\u0430\u0442\u044c\u0438.<\/p>\n
\u041f\u0440\u043e\u0432\u0430\u043b\u0438\u0432\u0430\u0435\u043c\u0441\u044f \u0432\u00a0\u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440 php: make shell<\/code>. \u042d\u0442\u0430 \u043a\u043e\u043c\u0430\u043d\u0434\u0430 \u0437\u0430\u043a\u0438\u043d\u0435\u0442 \u043d\u0430\u0441 \u0432\u043d\u0443\u0442\u0440\u044c \u0440\u0430\u0431\u043e\u0442\u0430\u044e\u0449\u0435\u0433\u043e PHP\u2011\u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440\u0430, \u0433\u0434\u0435 \u0443\u0436\u0435 \u0435\u0441\u0442\u044c \u0432\u0441\u0451 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e\u0435: PHP, Composer \u0438 Symfony CLI.<\/p>\n
\u041f\u043e\u0441\u043a\u043e\u043b\u044c\u043a\u0443 \u043a\u043e\u043c\u043f\u043e\u0437\u0435\u0440 \u043d\u0435\u00a0\u0434\u0430\u0441\u0442 \u043d\u0430\u043c \u0440\u0430\u0437\u0432\u0435\u0440\u043d\u0443\u0442\u044c \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a \u0441\u0438\u043c\u0444\u043e\u043d\u0438 \u0432\u043d\u0443\u0442\u0440\u0438 \u043f\u0430\u043f\u043a\u0438, \u0433\u0434\u0435 \u0443\u0436\u0435 \u0435\u0441\u0442\u044c \u043a\u0430\u043a\u0438\u0435\u2011\u043b\u0438\u0431\u043e \u0444\u0430\u0439\u043b\u044b, \u0442\u043e \u0440\u0430\u0437\u0432\u0435\u0440\u043d\u0435\u043c \u0435\u0433\u043e \u0432\u043e\u00a0\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u043e\u0439 \u043f\u0430\u043f\u043a\u0435: composer create\u2011project symfony\/skeleton tmp_symfony<\/code> . \u041f\u043e\u0441\u043b\u0435 \u0442\u043e\u0433\u043e, \u043a\u0430\u043a\u00a0\u0432\u0441\u0435 \u043f\u0430\u043a\u0435\u0442\u044b \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u043b\u0438\u0441\u044c \u043d\u0430\u043c \u043d\u0430\u0434\u043e \u0437\u0430\u043a\u0438\u043d\u0443\u0442\u044c \u0432\u0441\u0435 \u0444\u0430\u0439\u043b\u044b \u0432\u00a0\u043a\u043e\u0440\u0435\u043d\u044c \u043d\u0430\u0448\u0435\u0433\u043e \u043f\u0440\u043e\u0435\u043a\u0442\u0430: cp \u2011rP tmp_symfony\/..<\/code>. \u041d\u0435\u00a0\u0437\u0430\u0431\u044b\u0432\u0430\u0435\u043c \u0443\u0434\u0430\u043b\u0438\u0442\u044c \u0441\u0442\u0430\u0440\u0443\u044e \u0432\u0440\u0435\u043c\u0435\u043d\u043d\u0443\u0443\u044e \u043f\u0430\u043f\u043a\u0443\u00a0\u2014 \u043e\u043d\u0430 \u043d\u0430\u043c \u0431\u043e\u043b\u044c\u0448\u0435 \u043d\u0435\u00a0\u043d\u0443\u0436\u043d\u0430: rm \u2011rf tmp_symfony <\/code>.<\/p>\n
\u041f\u043e\u00a0\u0441\u0443\u0442\u0438, \u043f\u043e\u0441\u043b\u0435 \u044d\u0442\u043e\u0433\u043e Symfony \u0433\u043e\u0442\u043e\u0432\u0430. \u0412\u00a0\u0434\u0430\u043d\u043d\u043e\u0439 \u0441\u0442\u0430\u0442\u044c\u0435 \u044f \u043d\u0435\u00a0\u0431\u0443\u0434\u0443 \u0440\u0430\u0441\u0441\u043c\u0430\u0442\u0440\u0438\u0432\u0430\u0442\u044c \u0432\u043d\u0443\u0442\u0440\u0435\u043d\u043d\u044e\u044e \u043a\u0443\u0445\u043d\u044e \u043a\u0430\u043a\u00a0\u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a, \u0447\u0442\u043e\u00a0\u0437\u0430\u00a0\u0444\u0430\u0439\u043b\u044b \u043e\u043d \u0441\u043e\u0437\u0434\u0430\u043b. \u0412\u043e\u0437\u043c\u043e\u0436\u043d\u043e, \u043a\u043e\u0433\u0434\u0430\u2011\u0442\u043e \u0432\u00a0\u0431\u0443\u0434\u0443\u0449\u0435\u043c.<\/p>\n
\u041a\u0441\u0442\u0430\u0442\u0438, \u043d\u0435\u00a0\u0437\u0430\u0431\u044b\u0432\u0430\u0435\u043c \u0432\u044b\u0445\u043e\u0434\u0438\u0442\u044c \u0438\u0437\u00a0\u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440\u0430 PHP: exit<\/code>.<\/p>\n
Angular<\/h2>\n
\u041f\u0440\u043e\u0432\u0430\u043b\u0438\u0432\u0430\u0435\u043c\u0441\u044f \u0432\u00a0\u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440 node: make front\u2011shell<\/code>. \u0423\u00a0\u043d\u0430\u0441 \u0443\u0436\u0435 \u0432\u0441\u0435 \u0433\u043e\u0442\u043e\u0432\u043e \u0432\u00a0\u044d\u0442\u043e\u043c \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440\u0435 \u0434\u043b\u044f\u00a0\u043d\u0430\u043a\u0430\u0442\u0430 \u0441\u043a\u0435\u043b\u0435\u0442\u0430 Angular. \u0421\u0434\u0435\u043b\u0430\u0435\u043c \u044d\u0442\u043e \u043a\u043e\u043c\u0430\u043d\u0434\u043e\u0439: ng new frontend\u2011app \u2011directory=. \u2011routing \u2011style=scss \u2011skip\u2011git<\/code>.<\/p>\n
\u041d\u0430\u00a0\u0432\u043e\u043f\u0440\u043e\u0441 \u0434\u0435\u043b\u0438\u0442\u044c\u0441\u044f\u00a0\u043b\u0438 \u043f\u0441\u0435\u0432\u0434\u043e\u0430\u043d\u043e\u043d\u0438\u043c\u043d\u043e\u0439 \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u0435\u0439 \u0441\u00a0\u0433\u0443\u0433\u043b\u043e\u043c \u043e\u0442\u0432\u0435\u0447\u0430\u0439\u0442\u0435 \u0441\u0430\u043c\u0438. \u042f \u043d\u0438\u0447\u0435\u0433\u043e \u0442\u0430\u043a\u043e\u0433\u043e \u043f\u043b\u043e\u0445\u043e\u0433\u043e \u0432\u00a0\u044d\u0442\u043e\u043c \u043d\u0435\u00a0\u0432\u0438\u0436\u0443, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u043e\u0442\u0432\u0435\u0447\u0430\u044e Y<\/code> (yes).<\/p>\n
\u0414\u0430\u043b\u044c\u0448\u0435 \u0430\u043d\u0433\u0443\u043b\u044f\u0440 \u0441\u043f\u0440\u043e\u0441\u0438\u0442 \u0431\u0443\u0434\u0435\u043c\u00a0\u043b\u0438 \u043c\u044b \u044e\u0437\u0430\u0442\u044c SSR. \u0423\u00a0\u043d\u0430\u0441 Single Page Application(SPA), \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043e\u0431\u0449\u0430\u0435\u0442\u0441\u044f \u0441\u00a0\u0431\u044d\u043a\u0435\u043d\u0434\u043e\u043c \u043d\u0430\u00a0Symfony \u0447\u0435\u0440\u0435\u0437 API, \u044d\u0442\u043e \u0442\u043e\u043b\u044c\u043a\u043e \u0443\u0441\u043b\u043e\u0436\u043d\u0438\u0442 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0443. SSR (Server\u2011Side Rendering) \u0437\u0430\u0441\u0442\u0430\u0432\u0438\u043b\u00a0\u0431\u044b Node.js \u043f\u043e\u0441\u0442\u043e\u044f\u043d\u043d\u043e \u0440\u0435\u043d\u0434\u0435\u0440\u0438\u0442\u044c \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u043d\u0430\u00a0\u0441\u0435\u0440\u0432\u0435\u0440\u0435, \u0447\u0442\u043e\u00a0\u043d\u0430\u0433\u0440\u0443\u0437\u0438\u0442 \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440, \u0430\u00a0\u0432\u00a0\u0441\u0432\u044f\u0437\u043a\u0435 \u0441\u00a0Symfony. \u041f\u043e\u044d\u0442\u043e\u043c\u0443 \u0442\u0432\u0435\u0440\u0434\u043e \u0438 \u0447\u0451\u0442\u043a\u043e\u00a0\u2014 No<\/code>.<\/p>\n
\u0421\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0439 \u0432\u043e\u043f\u0440\u043e\u0441 \u043e\u0442\u00a0\u0443\u0441\u0442\u0430\u043d\u043e\u0432\u0449\u0438\u043a\u0430\u00a0\u2014 \u043a\u0430\u043a\u0438\u0435 \u0418\u0418 \u0442\u0443\u043b\u044b \u0432\u044b \u0445\u043e\u0434\u0438\u0442\u0435 \u0441\u043a\u043e\u043d\u0444\u0438\u0433\u0443\u0440\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0432\u00a0\u043f\u0440\u043e\u0435\u043a\u0442\u0435. \u042f \u043d\u0435\u00a0\u044e\u0437\u0430\u044e \u0442\u0430\u043a\u043e\u0435. \u0412\u044b\u0431\u0438\u0440\u0430\u044e none.<\/p>\n
\u041f\u043e\u0441\u043b\u0435 \u044d\u0442\u043e\u0433\u043e \u043d\u0430\u0447\u0438\u043d\u0430\u044e\u0442 \u043d\u0430\u043a\u0430\u0442\u044b\u0432\u0430\u0442\u044c\u0441\u044f \u0444\u0430\u0439\u043b\u044b \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u0430 \u0438 \u043f\u043e\u0434\u0442\u044f\u0433\u0438\u0432\u0430\u0442\u044c\u0441\u044f \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0438. \u0412\u0441\u0435 \u0444\u0430\u0439\u043b\u044b \u0431\u0443\u0434\u0443\u0442 \u043f\u043e\u043b\u043e\u0436\u0435\u043d\u044b \u0432\u00a0\u043f\u0430\u043f\u043a\u0435 frontend (\u0442\u0430\u043a \u043c\u044b \u043d\u0430\u0441\u0442\u0440\u043e\u0438\u043b\u0438 \u0432\u00a0\u043a\u043e\u043d\u0444\u0438\u0433\u0435 \u0434\u043e\u043a\u0435\u0440\u0430).<\/p>\n
\u0412\u044b\u0445\u043e\u0434\u0438\u043c \u0438\u0437\u00a0\u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440\u0430 node: exit<\/code>.<\/p>\n
\u041c\u044b \u043d\u0430\u0441\u0442\u0440\u043e\u0438\u043b\u0438 \u043f\u0440\u043e\u043a\u0441\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432 \u0434\u043b\u044f\u00a0nginx. \u041e\u0441\u0442\u0430\u043b\u043e\u0441\u044c \u0442\u043e\u043b\u044c\u043a\u043e \u0434\u043e\u043f\u0438\u043b\u0438\u0442\u044c \u043a\u043e\u043d\u0444\u0438\u0433 \u0430\u043d\u0433\u0443\u043b\u044f\u0440\u0430 \u043f\u043e\u0434\u00a0\u044d\u0442\u043e.<\/p>\n
\u0412\u00a0\u0444\u0430\u0439\u043b\u0435 frontend\/package.json \u043d\u0430\u043c \u043d\u0430\u0434\u043e \u043f\u043e\u043f\u0440\u0430\u0432\u0438\u0442\u044c \u0441\u0442\u0440\u043e\u043a\u0443 start, \u0447\u0442\u043e\u0431\u044b Nginx \u0438\u0437\u00a0\u0441\u0432\u043e\u0435\u0433\u043e \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440\u0430 \u043c\u043e\u0433 \u0434\u043e\u0441\u0442\u0443\u0447\u0430\u0442\u044c\u0441\u044f \u0434\u043e\u00a0dev\u2011\u0441\u0435\u0440\u0432\u0435\u0440\u0430 Angular, Angular \u0434\u043e\u043b\u0436\u0435\u043d \u0441\u043b\u0443\u0448\u0430\u0442\u044c \u0432\u043d\u0435\u0448\u043d\u0438\u0435 \u043f\u043e\u0440\u0442\u044b Docker: \u00abstart\u00bb: \u00abng serve \u2011host 0.0.0.0\u00bb<\/code>.<\/p>\n
\u0412\u0441\u0451. \u0422\u0435\u043f\u0435\u0440\u044c \u043d\u0430\u043c \u043f\u0440\u043e\u0441\u0442\u043e \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0438\u0439 \u0440\u0430\u0437 \u043d\u0430\u0434\u043e \u043f\u0435\u0440\u0435\u0441\u0442\u0440\u043e\u0438\u0442\u044c \u043f\u0440\u043e\u0435\u043a\u0442: make rebuild<\/code>.<\/p>\n
\u041f\u043e\u0441\u043b\u0435 \u044d\u0442\u043e\u0433\u043e \u0432\u0441\u0435\u0433\u043e \u043c\u044b \u043c\u043e\u0436\u0435\u043c \u043f\u0440\u043e\u0432\u0435\u0440\u0438\u0442\u044c \u043d\u0430\u0448 \u0430\u043d\u0433\u0443\u043b\u044f\u0440 \u043f\u043e\u00a0\u0441\u0441\u044b\u043b\u043a\u0435: localhost:8088. \u041f\u043e\u0440\u0442 \u0442\u043e\u043b\u044c\u043a\u043e \u0441\u0432\u043e\u0439 \u0443\u043a\u0430\u0436\u0438\u0442\u0435.<\/p>\n
\"Angular<\/p>\n
Angular \u043f\u043e\u0441\u0442\u0440\u043e\u0435\u043d<\/figcaption><\/div>\n<\/figure>\n
\u0420\u0430\u0431\u043e\u0442\u0430\u0435\u0442 hot reload\u00a0\u2014 \u0437\u043d\u0430\u0447\u0438\u0442,\u00a0\u0435\u0441\u043b\u0438 \u0438\u0437\u043c\u0435\u043d\u0438\u0442\u044c \u0444\u0430\u0439\u043b\u044b \u0444\u0440\u043e\u043d\u0442\u0430 \u0438 \u0441\u043e\u0445\u0440\u0430\u043d\u0438\u0442\u044c \u0438\u0445, \u0431\u0440\u0430\u0443\u0437\u0435\u0440 \u043f\u0435\u0440\u0435\u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442 \u044d\u043b\u0435\u043c\u0435\u043d\u0442, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043c\u0435\u043d\u044f\u043b\u0438. \u041e\u0447\u0435\u043d\u044c \u0443\u0434\u043e\u0431\u043d\u0430\u044f \u0448\u0442\u0443\u043a\u0430.<\/p>\n
\u0422\u0430\u043a\u0436\u0435 \u0435\u0441\u043b\u0438 \u0441\u0435\u0439\u0447\u0430\u0441 \u0437\u0430\u0439\u0442\u0438 \u043d\u0430\u00a0localhost:8088\/api, \u0442\u043e \u0431\u044d\u043a \u0432\u0435\u0440\u043d\u0435\u0442 \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u044b\u0439 \u043e\u0442\u0432\u0435\u0442 \u043e\u00a0\u0442\u043e\u043c, \u0447\u0442\u043e\u00a0\u0441\u0435\u0439\u0447\u0430\u0441 \u0440\u0443\u0442 \u043d\u0435\u00a0\u043d\u0430\u0439\u0434\u0435\u043d. \u0422\u0443\u0442 \u043d\u0435\u00a0\u0441\u0442\u043e\u0438\u0442 \u043f\u0443\u0433\u0430\u0442\u044c\u0441\u044f, \u043c\u044b \u0438 \u0432\u043f\u0440\u0430\u0432\u0434\u0443 \u043d\u0435\u00a0\u0441\u0434\u0435\u043b\u0430\u043b\u0438 \u0435\u0449\u0435 \u0440\u0443\u0442\u0430. \u041f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u044e\u00a0\u0431\u044b\u0441\u0442\u0440\u0435\u043d\u044c\u043a\u043e \u0435\u0433\u043e \u0441\u0434\u0435\u043b\u0430\u0442\u044c. \u0414\u043b\u044f\u00a0\u044d\u0442\u043e\u0433\u043e \u0437\u0430\u0445\u043e\u0434\u0438\u043c \u0432\u00a0\u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440 php: make shell<\/code>. \u0422\u0430\u043a \u043a\u0430\u043a\u00a0\u0441\u0438\u043c\u0444\u043e\u043d\u0438 \u043f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u0435\u0442 \u043e\u0447\u0435\u043d\u044c \u0443\u0434\u043e\u0431\u043d\u044b\u0439 \u0431\u0430\u043d\u0434\u043b \u0434\u043b\u044f\u00a0\u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0435\u0439, \u0442\u043e \u044f \u043d\u0435\u00a0\u0441\u043c\u0435\u044e \u043d\u0435\u00a0\u0438\u0441\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0435\u0433\u043e. \u041d\u043e\u00a0\u0434\u043b\u044f\u00a0\u043d\u0430\u0447\u0430\u043b\u0430 \u043d\u0430\u043a\u0430\u0442\u0438\u043c \u0435\u0433\u043e, \u0442\u0430\u043a \u043a\u0430\u043a\u00a0\u0441\u0438\u043c\u0444\u043e\u043d\u0438 \u0443\u00a0\u043d\u0430\u0441 \u0441\u0435\u0439\u0447\u0430\u0441 \u0433\u043e\u043b\u044b\u0439: composer require symfony\/maker\u2011bundle \u2011dev<\/code>. \u0418 \u043f\u043e\u0441\u043b\u0435 \u044d\u0442\u043e\u0433\u043e \u0443\u0436\u0435 \u0441\u043e\u0437\u0434\u0430\u0435\u043c \u0440\u0443\u0442 api: php bin\/console make:controller ApiHomeController<\/code>.<\/p>\n
\u0421\u043e\u0437\u0434\u0430\u043b\u0441\u044f \u0444\u0430\u0439\u043b src\/Controller\/ApiHomeController<\/strong>, \u0437\u0430\u043f\u043e\u043b\u043d\u0438\u043c \u0435\u0433\u043e \u0431\u0430\u0437\u043e\u0432\u043e\u0439 \u0437\u0430\u0433\u043b\u0443\u0448\u043a\u043e\u0439:<\/p>\n
<?phpnamespace App\\Controller;use Symfony\\Bundle\\FrameworkBundle\\Controller\\AbstractController;use Symfony\\Component\\HttpFoundation\\Response;use Symfony\\Component\\Routing\\Attribute\\Route;final class ApiHomeController extends AbstractController{    #[Route('\/api', name: 'app_api_home', methods: ['GET'])]    public function index(): Response    {        return new Response('\/\/ TODO: implement me');    }}<\/code>
<\/a><\/div><\/pre>\n
\u041f\u043e\u0441\u043b\u0435 \u044d\u0442\u043e\u0433\u043e, \u0435\u0441\u043b\u0438 \u043f\u0435\u0440\u0435\u0439\u0442\u0438 \u043f\u043e\u00a0\u0441\u0441\u044b\u043b\u043a\u0435 localhost:8088\/api, \u0442\u043e \u043d\u0430\u0441 \u0431\u0443\u0434\u0435\u0442 \u043f\u0440\u0438\u0432\u0435\u0442\u0441\u0442\u0432\u043e\u0432\u0430\u0442\u044c \u043a\u0430\u043a\u00a0\u0440\u0430\u0437 \u043d\u0430\u0448\u0435 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0435, \u0430\u00a0\u043d\u0435\u00a0\u043e\u0448\u0438\u0431\u043a\u0430, \u043a\u0430\u043a\u00a0\u0431\u044b\u043b\u043e \u0440\u0430\u043d\u044c\u0448\u0435.<\/p>\n
\"\u041e\u0442\u0432\u0435\u0442<\/p>\n
\u041e\u0442\u0432\u0435\u0442 \u0431\u044d\u043a\u044d\u043d\u0434\u0430.<\/figcaption><\/div>\n<\/figure>\n
\u0418\u0442\u043e\u0433\u0438<\/h2>\n
\u041c\u044b \u043f\u0440\u043e\u0434\u0435\u043b\u0430\u043b\u0438 \u043e\u0442\u043b\u0438\u0447\u043d\u0443\u044e \u0440\u0430\u0431\u043e\u0442\u0443 \u0438 \u0440\u0430\u0437\u0432\u0435\u0440\u043d\u0443\u043b\u0438 \u0441\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0439, \u043e\u0442\u043a\u0430\u0437\u043e\u0443\u0441\u0442\u043e\u0439\u0447\u0438\u0432\u044b\u0439 \u0441\u0442\u0435\u043a \u0434\u043b\u044f\u00a0full\u2011stack \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438. \u041b\u043e\u043a\u0430\u043b\u044c\u043d\u043e\u0435 \u043e\u043a\u0440\u0443\u0436\u0435\u043d\u0438\u0435 \u0442\u0435\u043f\u0435\u0440\u044c \u043d\u0430\u0441\u0442\u0440\u043e\u0435\u043d\u043e \u043f\u043e\u00a0\u0432\u0441\u0435\u043c \u043f\u0440\u0430\u0432\u0438\u043b\u0430\u043c \u0445\u043e\u0440\u043e\u0448\u0435\u0433\u043e \u0442\u043e\u043d\u0430. <\/p>\n
Nginx, \u0441\u043a\u043b\u0435\u0438\u043b \u043d\u0435\u0437\u0430\u0432\u0438\u0441\u0438\u043c\u044b\u0435 \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440\u044b \u0431\u044d\u043a\u0435\u043d\u0434\u0430 \u0438 \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434\u0430 \u043d\u0430\u00a0\u043e\u0434\u043d\u043e\u043c \u043f\u043e\u0440\u0442\u0443.<\/p>\n
\u0424\u0440\u043e\u043d\u0442\u0435\u043d\u0434 (http:\/\/localhost:8088\/): \u041e\u0442\u0434\u0430\u0451\u0442 \u0447\u0438\u0441\u0442\u044b\u0439, \u0440\u0430\u0431\u043e\u0442\u0430\u044e\u0449\u0438\u0439 Angular 22\u00a0\u0432\u00a0\u0440\u0435\u0436\u0438\u043c\u0435 Watch\u2011mode \u0441\u00a0\u0445\u043e\u0442\u2011\u0440\u0435\u043b\u043e\u0430\u0434\u043e\u043c (\u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f \u0432\u00a0\u043a\u043e\u0434\u0435 \u0441\u0440\u0430\u0437\u0443 \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u044e\u0442\u0441\u044f \u0432\u00a0\u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0435).<\/p>\n
\u0411\u044d\u043a\u0435\u043d\u0434 (http:\/\/localhost:8088\/api): \u0423\u0441\u043f\u0435\u0448\u043d\u043e \u043f\u0440\u043e\u043a\u0441\u0438\u0440\u0443\u0435\u0442 \u0437\u0430\u043f\u0440\u043e\u0441\u044b \u043d\u0430\u00a0Symfony 8. \u041c\u044b \u0441\u043e\u0437\u0434\u0430\u043b\u0438 \u043f\u0435\u0440\u0432\u044b\u0439 \u0431\u043e\u0435\u0432\u043e\u0439 \u043a\u043e\u043d\u0442\u0440\u043e\u043b\u043b\u0435\u0440 ApiHomeController, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0442\u0435\u043f\u0435\u0440\u044c \u0432\u043c\u0435\u0441\u0442\u043e \u0441\u0438\u0441\u0442\u0435\u043c\u043d\u043e\u0439 \u0437\u0430\u0433\u043b\u0443\u0448\u043a\u0438 \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u0430 \u043e\u0442\u0434\u0430\u0451\u0442 \u0442\u0435\u043a\u0441\u0442\u043e\u0432\u044b\u0439 \u043e\u0442\u0432\u0435\u0442: \/\/ TODO: implement me<\/p>\n
\u041a\u0430\u0440\u043a\u0430\u0441 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u043f\u043e\u043b\u043d\u043e\u0441\u0442\u044c\u044e \u0433\u043e\u0442\u043e\u0432 \u043a\u00a0\u043d\u0430\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u044e \u0431\u0438\u0437\u043d\u0435\u0441\u2011\u043b\u043e\u0433\u0438\u043a\u043e\u0439. \u0412\u0441\u0451 \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u043a\u0430\u043a\u00a0\u0435\u0434\u0438\u043d\u044b\u0439 \u0441\u043b\u0430\u0436\u0435\u043d\u043d\u044b\u0439 \u043c\u0435\u0445\u0430\u043d\u0438\u0437\u043c.<\/p>\n
\u0414\u043b\u044f\u00a0\u0443\u0434\u043e\u0431\u0441\u0442\u0432\u0430 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432 \u044f \u0437\u0430\u0432\u0435\u0440\u043d\u0443\u043b \u0432\u0441\u0435 \u0432\u00a0\u0433\u0438\u0442 \u0440\u0435\u043f\u043e\u0437\u0438\u0442\u043e\u0440\u0438\u0439<\/a>. \u041c\u043e\u0436\u0435\u0442\u0435 \u0441\u043a\u0430\u0447\u0430\u0442\u044c \u0435\u0433\u043e \u0438 \u044e\u0437\u0430\u0442\u044c \u043a\u0430\u043a\u00a0\u043e\u0441\u043d\u043e\u0432\u0443. \u0420\u0430\u0441\u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u044f\u0435\u0442\u0441\u044f \u043d\u0430\u00a0\u0431\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u044b\u0445 \u0443\u0441\u043b\u043e\u0432\u0438\u044f\u0445. \u0423\u043f\u043e\u043c\u0438\u043d\u0430\u0442\u044c \u043c\u0435\u043d\u044f \u043d\u0435\u00a0\u043e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u043e:) \u0417\u0432\u0435\u0437\u0434\u043e\u0447\u043a\u0443 \u043d\u0430\u00a0\u0433\u0438\u0442\u0445\u0430\u0431\u0435 \u043f\u043e\u0441\u0442\u0430\u0432\u044c\u0442\u0435 \u0442\u043e\u043b\u044c\u043a\u043e, \u0435\u0441\u043b\u0438 \u043d\u0435\u00a0\u0441\u043b\u043e\u0436\u043d\u043e.<\/p>\n
\u0412\u0441\u0435\u043c \u0434\u043e\u0431\u0440\u0430! \u041f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u0439\u0442\u0435 \u0441\u0432\u043e\u0438 \u0434\u043e\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u043a\u00a0\u0434\u0430\u043d\u043d\u043e\u043c\u0443 \u0441\u043a\u0435\u043b\u0435\u0442\u0443 \u0438\u043b\u0438\u00a0\u043f\u043e\u0434\u0441\u043a\u0430\u0436\u0438\u0442\u0435 \u0433\u0434\u0435 \u044f \u043e\u0448\u0438\u0431\u0430\u044e\u0441\u044c. \u0411\u0443\u0434\u0435\u0442 \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u043e \u043f\u043e\u0447\u0438\u0442\u0430\u0442\u044c \u0438 \u043f\u043e\u043e\u0431\u0449\u0430\u0442\u044c\u0441\u044f.<\/p>\n<\/div>\n
\u0441\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 \u043e\u0440\u0438\u0433\u0438\u043d\u0430\u043b \u0441\u0442\u0430\u0442\u044c\u0438 https:\/\/habr.com\/ru\/articles\/1059392\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"
\u042d\u0442\u043e \u0441\u043b\u043e\u0436\u043d\u043e, \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u0438\u0442\u044c \u043c\u043d\u043e\u0433\u043e \u0443\u0442\u0438\u043b\u0438\u0442, \u043a\u043e\u043c\u0430\u043d\u0434 \u0434\u043b\u044f\u00a0\u0437\u0430\u043f\u0443\u0441\u043a\u0430 \u0438 \u043e\u0431\u0441\u043b\u0443\u0436\u0438\u0432\u0430\u043d\u0438\u044f \u0442\u0430\u043a\u043e\u0433\u043e \u043f\u0440\u043e\u0435\u043a\u0442\u0430, \u0438 \u0432\u043e\u043e\u0431\u0449\u0435, \u044f \u043d\u0435\u00a0\u0434\u0443\u043c\u0430\u044e, \u0447\u0442\u043e\u00a0\u0434\u0435\u0440\u0436\u0430\u0442\u044c \u0432\u0441\u0451 \u0432\u00a0\u043e\u0434\u043d\u043e\u043c \u043f\u0440\u043e\u0435\u043a\u0442\u0435\u00a0\u2014 \u0436\u0438\u0437\u043d\u0435\u0441\u043f\u043e\u0441\u043e\u0431\u043d\u0430\u044f \u0432\u0435\u0449\u044c.\u0418\u043c\u0435\u043d\u043d\u043e \u0442\u0430\u043a \u044f \u0434\u0443\u043c\u0430\u043b, \u043a\u043e\u0433\u0434\u0430 \u043d\u0430\u0447\u0438\u043d\u0430\u043b \u0440\u0430\u0437\u0431\u0438\u0440\u0430\u0442\u044c\u0441\u044f \u0432\u00a0\u044d\u0442\u043e\u0439 \u0442\u0435\u043c\u0435. \u041d\u043e \u0440\u0430\u0437\u043e\u0431\u0440\u0430\u0432\u0448\u0438\u0441\u044c, \u044f \u0441\u00a0\u0443\u0432\u0435\u0440\u0435\u043d\u043d\u043e\u0441\u0442\u044c\u044e \u043c\u043e\u0433\u0443 \u0441\u043a\u0430\u0437\u0430\u0442\u044c, \u0447\u0442\u043e\u00a0\u044d\u0442\u043e \u0440\u0435\u0430\u043b\u044c\u043d\u043e, \u0442\u0430\u043a\u0430\u044f \u0438\u0434\u0435\u044f \u0438\u043c\u0435\u0435\u0442 \u043c\u0435\u0441\u0442\u043e\u00a0\u0431\u044b\u0442\u044c, \u0438 \u043e\u0431\u0441\u043b\u0443\u0436\u0438\u0432\u0430\u0442\u044c \u0442\u0430\u043a\u0443\u044e \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0443 \u043b\u0435\u0433\u043a\u043e.\u0412\u00a0\u0434\u0430\u043d\u043d\u043e\u0439 \u0441\u0442\u0430\u0442\u044c\u0435 \u0431\u0443\u0434\u0435\u0442 \u043e\u043f\u0438\u0441\u0430\u043d \u043f\u0440\u043e\u0446\u0435\u0441\u0441 \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u044b \u0432\u0435\u0431\u2011\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0441\u00a0\u0443\u0434\u043e\u0431\u043d\u043e\u0439 \u0441\u0438\u0441\u0442\u0435\u043c\u043e\u0439 \u0434\u043e\u043a\u0435\u0440-\u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440\u043e\u0432. \u0417\u0434\u0435\u0441\u044c \u043d\u0435\u00a0\u0431\u0443\u0434\u0435\u0442 \u043e\u0431\u0441\u0443\u0436\u0434\u0430\u0442\u044c\u0441\u044f CI\/CD, \u0438\u0441\u043a\u043b\u044e\u0447\u0438\u0442\u0435\u043b\u044c\u043d\u043e development\u2011side \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u0430 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438.Prerequirements\u0421\u043f\u0435\u0440\u0432\u0430 \u0445\u043e\u0447\u0435\u0442\u0441\u044f \u0441\u043a\u0430\u0437\u0430\u0442\u044c, \u0447\u0442\u043e\u00a0\u044f \u0431\u0443\u0434\u0443 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0432\u00a0\u044d\u0442\u043e\u043c \u043f\u0440\u043e\u0435\u043a\u0442\u0435. \u042f \u043d\u0435\u00a0\u0445\u043e\u0447\u0443 \u0437\u0430\u0441\u043e\u0440\u044f\u0442\u044c \u0441\u0432\u043e\u0439 \u043e\u0431\u0440\u0430\u0437 Windows 11\u00a0\u043a\u0430\u043a\u0438\u043c\u0438\u2011\u043b\u0438\u0431\u043e\u00a0\u043b\u0438\u0448\u043d\u0438\u043c\u0438 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0430\u043c\u0438 \u0438 \u043f\u0430\u043f\u043a\u0430\u043c\u0438. \u041f\u043e\u044d\u0442\u043e\u043c\u0443 \u0434\u043b\u044f\u00a0\u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u044f \u0432\u0441\u0435\u0433\u0434\u0430 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e WSL (\u043d\u0435 \u0433\u043e\u0432\u043e\u0440\u0438\u0442\u0435 \u043c\u043d\u0435 \u043d\u0438\u0447\u0435\u0433\u043e \u043f\u043b\u043e\u0445\u043e\u0433\u043e \u043e\u00a0\u043d\u0435\u043c, \u044f \u0432\u0441\u0451 \u0437\u043d\u0430\u044e). \u042d\u0442\u043e \u043d\u0435\u043e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u043e, \u043c\u043e\u0436\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u043b\u044e\u0431\u043e\u0439 \u0434\u0438\u0441\u0442\u0440\u0438\u0431\u0443\u0442\u0438\u0432\u00a0\u043b\u0438\u043d\u0443\u043a\u0441\u0430 \u0438\u043b\u0438\u00a0\u044f\u0431\u043b\u043e\u0447\u043d\u043e\u0439 \u041e\u0421. \u0414\u0430\u00a0\u0445\u043e\u0442\u044c native \u0432\u0438\u043d\u0434\u0443) \u041a\u0430\u0436\u0434\u044b\u0439 \u044d\u0442\u043e \u0434\u0435\u043b\u0430\u0435\u0442 \u043a\u0430\u043a\u00a0\u0445\u043e\u0447\u0435\u0442. \u041d\u043e\u00a0\u043b\u0438\u0447\u043d\u043e \u043c\u043d\u0435 \u043d\u0440\u0430\u0432\u0438\u0442\u0441\u044f \u0440\u0430\u0431\u043e\u0442\u0430 \u0432\u00a0WSL. \u041f\u0440\u043e\u0435\u043a\u0442\u044b \u0445\u0440\u0430\u043d\u044f\u0442\u0441\u044f \u0432\u043d\u0443\u0442\u0440\u0438 WSL, \u043d\u0435\u00a0\u0441\u043d\u0430\u0440\u0443\u0436\u0438 \u0432\u00a0Windows \u0445\u043e\u0441\u0442\u0435, \u0430\u00a0\u0438\u043c\u0435\u043d\u043d\u043e \u0432\u043d\u0443\u0442\u0440\u0438 WSL. \u042d\u0442\u043e \u0434\u0435\u043b\u0430\u0435\u0442\u0441\u044f \u0434\u043b\u044f\u00a0\u0441\u043a\u043e\u0440\u043e\u0441\u0442\u0438 \u0440\u0430\u0431\u043e\u0442\u044b. \u0415\u0441\u043b\u0438 \u043f\u0440\u043e\u0435\u043a\u0442 \u0431\u0443\u0434\u0435\u0442 \u043b\u0435\u0436\u0430\u0442\u044c \u043d\u0430\u00a0\u0445\u043e\u0441\u0442\u0435, \u0442\u043e \u043f\u0440\u0438\u00a0\u0440\u0430\u0431\u043e\u0442\u0435 \u043a\u043e\u043c\u0430\u043d\u0434 \u0434\u043e\u0441\u0442\u0443\u043f \u043a\u00a0\u0444\u0430\u0439\u043b\u0430\u043c \u0431\u0443\u0434\u0435\u0442 \u043e\u0441\u0443\u0449\u0435\u0441\u0442\u0432\u043b\u044f\u0442\u044c\u0441\u044f \u043f\u043e\u00a0\u043e\u0441\u043e\u0431\u0435\u043d\u043d\u043e\u043c\u0443 \u0438 \u0433\u0438\u043f\u0435\u0440 \u041d\u0415-\u0431\u044b\u0441\u0442\u0440\u043e\u043c\u0443 \u043f\u0440\u043e\u0442\u043e\u043a\u043e\u043b\u0443. \u041d\u0435\u00a0\u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0443\u044e. \u041d\u043e\u00a0\u0435\u0441\u043b\u0438 \u0444\u0430\u0439\u043b\u044b \u043b\u0435\u0436\u0430\u0442 \u0432\u043d\u0443\u0442\u0440\u0438 WSL, \u0442\u043e \u0434\u043e\u0441\u0442\u0443\u043f \u043a\u00a0\u0444\u0430\u0439\u043b\u0430\u043c \u0431\u0443\u0434\u0435\u0442 \u043c\u0433\u043d\u043e\u0432\u0435\u043d\u043d\u044b\u043c.\u0412\u00a0WSL \u0443\u00a0\u043c\u0435\u043d\u044f \u0441\u0442\u043e\u0438\u0442 \u0441\u0430\u043c\u0430\u044f \u0441\u0432\u0435\u0436\u0430\u044f Ubuntu 24.04.\u0415\u0441\u0442\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u043e, \u0435\u0449\u0451 \u043d\u0443\u0436\u043d\u043e \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u0438\u0442\u044c Docker.\u042f \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e \u0441\u0430\u043c\u044b\u0439 \u0441\u0432\u0435\u0436\u0438\u0439 \u043d\u0430\u00a0\u043c\u043e\u043c\u0435\u043d\u0442 \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u0438\u044f PHPStorm 2026.1.4\u00a0\u043e\u0442\u00a0Jetbrains, \u043d\u043e\u00a0\u0430\u0431\u0441\u043e\u043b\u044e\u0442\u043d\u043e \u043d\u0435\u00a0\u0432\u0430\u0436\u043d\u043e, \u043a\u0430\u043a\u043e\u0439 IDE \u0432\u044b \u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0435\u0441\u044c. \u0412\u00a0\u0442\u0435\u043e\u0440\u0438\u0438 \u043c\u043e\u0436\u043d\u043e \u0438 \u0432\u00a0\u0431\u043b\u043e\u043a\u043d\u043e\u0442\u0435 \u043f\u0438\u0441\u0430\u0442\u044c \u0445\u043e\u0440\u043e\u0448\u0438\u0439 \u043a\u043e\u0434.\u041c\u043e\u0436\u043d\u043e \u043f\u0438\u0441\u0430\u0442\u044c \u043a\u043e\u0434 \u0432\u00a0\u0431\u043b\u043e\u043a\u043d\u043e\u0442\u0435?\u0412\u043e\u0442 \u0438\u043c\u0435\u043d\u043d\u043e, \u0447\u0442\u043e\u00a0\u043d\u0435\u0437\u0430\u0447\u0435\u043c, \u0442\u0435\u043c \u0431\u043e\u043b\u0435\u0435, \u043a\u043e\u0433\u0434\u0430 \u0435\u0441\u0442\u044c \u043c\u043d\u043e\u0436\u0435\u0441\u0442\u0432\u043e \u043a\u043b\u0430\u0441\u0441\u043d\u044b\u0445 IDE, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u044e\u0442 \u043e\u0447\u0435\u043d\u044c \u0445\u043e\u0440\u043e\u0448\u0438\u0439 \u0430\u0432\u0442\u043e\u043a\u043e\u043c\u043f\u043b\u0438\u0442 \u043a\u043e\u0434\u0430, \u0441\u044d\u043c\u043f\u043b\u044b \u043a\u043e\u0434\u0430, \u0440\u0430\u0431\u043e\u0442\u0443 \u0441\u00a0Git \u0438 \u0442\u0430\u043a \u0434\u0430\u043b\u0435\u0435.\u0422\u0430\u043a\u0436\u0435 \u0434\u043b\u044f\u00a0\u0443\u0434\u043e\u0431\u0441\u0442\u0432\u0430 \u043d\u0430\u0434\u043e \u043f\u043e\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u043a\u043e\u043c\u0430\u043d\u0434\u0443 make, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0443\u043c\u0435\u0435\u0442 \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u0441\u00a0\u0444\u0430\u0439\u043b\u0430\u043c\u0438 Makefile, \u0442\u0430\u043a \u043a\u0430\u043a\u00a0\u0432\u0441\u0435 \u043a\u043e\u043c\u0430\u043d\u0434\u044b \u044f \u043e\u0431\u044b\u0447\u043d\u043e \u043e\u0431\u043e\u0440\u0430\u0447\u0438\u0432\u0430\u044e \u0432\u00a0\u0441\u0432\u043e\u0438 \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0435, \u044d\u0442\u043e \u043e\u0447\u0435\u043d\u044c \u0443\u0434\u043e\u0431\u043d\u043e.Project skeleton\u0425\u0432\u0430\u0442\u0438\u0442 \u0432\u043e\u0434\u044b, \u043f\u0440\u0438\u0441\u0442\u0443\u043f\u0438\u043c \u0441\u0440\u0430\u0437\u0443 \u043a\u00a0\u0434\u0435\u043b\u0443. \u0421\u043e\u0437\u0434\u0430\u0451\u043c \u043f\u0440\u043e\u0435\u043a\u0442, \u044f \u0431\u0443\u0434\u0443 \u0445\u0440\u0430\u043d\u0438\u0442\u044c \u0435\u0433\u043e \u0432\u00a0\u0434\u043e\u043c\u0430\u0448\u043d\u0435\u0439 \u043f\u0430\u043f\u043a\u0435 \u044e\u0437\u0435\u0440\u0430: cd ~ && mkdir angular\u2011symfony\u2011template && cd angular\u2011symfony\u2011template.\u0412\u0441\u0435 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0435 \u043a\u043e\u043c\u0430\u043d\u0434\u044b \u044f \u0431\u0443\u0434\u0443 \u043f\u0438\u0441\u0430\u0442\u044c \u0438\u0437\u00a0\u043a\u043e\u0440\u043d\u044f \u043f\u0440\u043e\u0435\u043a\u0442\u0430.\u042f \u043e\u0431\u044b\u0447\u043d\u043e \u0441\u043e\u0437\u0434\u0430\u044e \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u0443\u044e \u043f\u0430\u043f\u043a\u0443 docker \u0432\u00a0\u043a\u043e\u0440\u043d\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u0430, \u0433\u0434\u0435 \u0445\u0440\u0430\u043d\u044f\u0442\u0441\u044f \u043a\u043e\u043d\u0444\u0438\u0433\u0438 \u0434\u043e\u043a\u0435\u0440\u0430. `mkdir docker`.\u0421\u043e\u0437\u0434\u0430\u0435\u043c \u0433\u043b\u0430\u0432\u043d\u044b\u0439 \u0444\u0430\u0439\u043b \u043a\u043e\u043d\u0444\u0438\u0433\u0430 \u0434\u043e\u043a\u0435\u0440\u0430: touch.\/docker\/docker\u2011compose.yml.services:    server:        image: nginx:stable-alpine # \u0421\u0430\u043c\u044b\u0439 \u0441\u0442\u0430\u0431\u0438\u043b\u044c\u043d\u044b\u0439 \u043c\u0438\u043d\u0438\u043c\u0430\u043b\u044c\u043d\u044b\u0439 \u043e\u0431\u0440\u0430\u0437 nginx        container_name: angular_symfony_template_server        restart: always        ports:            — ${SERVER_PORT:-8080}:80 # \u041f\u0440\u043e\u0431\u0440\u043e\u0441 \u043f\u043e\u0440\u0442\u0430 \u0438\u0437 \u0444\u0430\u0439\u043b\u0430 .\/docker\/.env        volumes:            — ..\/.:\/var\/www\/project            — .\/nginx\/default.conf:\/etc\/nginx\/conf.d\/default.conf # \u041f\u0440\u043e\u0431\u0440\u043e\u0441 \u043a\u0430\u0441\u0442\u043e\u043c\u043d\u043e\u0433\u043e \u043a\u043e\u043d\u0444\u0438\u0433\u0430 nginx        depends_on: # \u041d\u0435 \u0437\u0430\u043f\u0443\u0441\u043a\u0430\u0442\u044c \u044d\u0442\u043e\u0442 \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440 \u043f\u043e\u043a\u0430 \u043d\u0435 \u0431\u0443\u0434\u0443\u0442 \u0437\u0430\u043f\u0443\u0449\u0435\u043d\u044b \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0435 \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440\u044b            — php        networks: # \u041e\u0431\u0449\u0430\u044f \u0441\u0435\u0442\u043a\u0430            — angular_symfony_template    node:        build:            context: ..            dockerfile: .\/docker\/node\/Dockerfile        container_name: angular_symfony_template_node        restart: always        # \u041c\u043e\u043d\u0442\u0438\u0440\u0443\u0435\u043c \u0432\u0435\u0441\u044c \u043f\u0440\u043e\u0435\u043a\u0442, \u043d\u043e Dockerfile \u0441\u0430\u043c \u0437\u0430\u0439\u0434\u0435\u0442 \u0432 \u043f\u043e\u0434\u043f\u0430\u043f\u043a\u0443 frontend        volumes:            — ..\/:\/var\/www\/project        ports:            — ${NODE_PORT:-4200}:4200        networks:            — angular_symfony_template    php:        container_name: angular_symfony_template_php        restart: always        build:            context: .            dockerfile: .\/php\/Dockerfile # \u0411\u0443\u0434\u0435\u043c \u044e\u0437\u0430\u0442\u044c \u043a\u0430\u0441\u0442\u043e\u043c\u043d\u0443\u044e \u0441\u0431\u043e\u0440\u043a\u0443 PHP            args:                USER_ID: «${USER_ID}»                GROUP_ID: «${GROUP_ID}»                USER_NAME: «${USER_NAME}»        ports:            — ${PHP_PORT:-9000}:9000 # \u041f\u0440\u043e\u0431\u0440\u043e\u0441 \u043f\u043e\u0440\u0442\u0430 \u0438\u0437 \u0444\u0430\u0439\u043b\u0430 .\/docker\/.env        volumes:            — ..\/.:\/var\/www\/project        networks:            — angular_symfony_templatenetworks:    angular_symfony_template:\u0414\u0435\u043b\u0430\u0435\u043c .\/docker\/.env \u0444\u0430\u0439\u043b \u0438 \u0437\u0430\u043f\u043e\u043b\u043d\u044f\u0435\u043c \u0435\u0433\u043e:USER_ID=1000 # ID \u0432\u0430\u0448\u0435\u0433\u043e \u044e\u0437\u0435\u0440\u0430 \u0432 \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440\u0435USER_NAME=!ChangeMe! # \u0438\u043c\u044f \u0432\u0430\u0448\u0435\u0433\u043e \u044e\u0437\u0435\u0440\u0430 \u0432 \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440\u0435GROUP_ID=1000 # \u0433\u0440\u0443\u043f\u043f\u0430 \u0432\u0430\u0448\u0435\u0433\u043e \u044e\u0437\u0435\u0440\u0430 \u0432 \u043a\u043e\u043d\u0435\u0439\u043d\u0435\u0440\u0435SERVER_PORT=8088 # \u043f\u043e\u0440\u0442 nginxPHP_PORT=9099    # \u043f\u043e\u0440\u0442 PHPNODE_PORT=4200   # \u043f\u043e\u0440\u0442 Node\u0414\u0435\u043b\u0430\u0435\u043c \u043a\u0430\u0441\u0442\u043e\u043c\u043d\u044b\u0439 \u043a\u043e\u043d\u0444\u0438\u0433\u0430 nginx\u00a0\u2014 .\/docker\/nginx\/default.conf:server {    listen 80;    server_name localhost;    # \u0412\u044b\u043d\u043e\u0441\u0438\u043c root \u043d\u0430 \u0441\u0430\u043c\u044b\u0439 \u0432\u0435\u0440\u0445, \u0447\u0442\u043e\u0431\u044b \u043e\u043d \u0440\u0430\u0431\u043e\u0442\u0430\u043b \u0432\u0435\u0437\u0434\u0435 \u043e\u0434\u0438\u043d\u0430\u043a\u043e\u0432\u043e    root \/var\/www\/project\/public;    error_log \/var\/log\/nginx\/project_error.log;    access_log \/var\/log\/nginx\/project_access.log;    # 1. \u0417\u0430\u043f\u0440\u043e\u0441\u044b \u043a API (\u043e\u0431\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u0435\u0442 Symfony)    location \/api {        # \u0415\u0441\u043b\u0438 \u043f\u0440\u0438\u0448\u043b\u0438 \u043d\u0430 \/api \u0438\u043b\u0438 \/api\/, \u043f\u0435\u0440\u0435\u043d\u0430\u043f\u0440\u0430\u0432\u043b\u044f\u0435\u043c \u043d\u0430 index.php        rewrite ^\/api\/?(.*)$ \/index.php\/$1 last;    }    # 2. \u041e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u0444\u0440\u043e\u043d\u0442-\u043a\u043e\u043d\u0442\u0440\u043e\u043b\u043b\u0435\u0440\u0430 Symfony    location ~ ^\/index\\.php(\/|$) {        fastcgi_pass php:9000;        fastcgi_split_path_info ^(.+\\.php)(\/.*)$;        include fastcgi_params;        fastcgi_buffer_size 128k;        fastcgi_buffers 4 256k;        fastcgi_busy_buffers_size 256k;        fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;        fastcgi_param DOCUMENT_ROOT $document_root;        internal;    }    # 3. \u0412\u0441\u0435 \u043e\u0441\u0442\u0430\u043b\u044c\u043d\u044b\u0435 \u0437\u0430\u043f\u0440\u043e\u0441\u044b \u043e\u0442\u0434\u0430\u0435\u043c \u043d\u0430 Angular Dev Server    location \/ {        proxy_pass http:\/\/node:4200;        proxy_http_version 1.1;        proxy_set_header Upgrade $http_upgrade;        proxy_set_header Connection ‘upgrade’;        proxy_set_header Host $host;        proxy_cache_bypass $http_upgrade;    }    # \u0417\u0430\u043f\u0440\u0435\u0449\u0430\u0435\u043c \u043f\u0440\u044f\u043c\u043e\u0439 \u0432\u044b\u0437\u043e\u0432 \u0434\u0440\u0443\u0433\u0438\u0445 PHP \u0444\u0430\u0439\u043b\u043e\u0432    location ~ \\.php$ {        return 404;    }}\u0414\u0435\u043b\u0430\u0435\u043c Dockerfile \u0434\u043b\u044f\u00a0PHP\u00a0\u2014 `.\/docker\/php\/Dockerfile`:FROM php:8.4-fpmARG USER_IDARG GROUP_IDARG USER_NAME# \u0421\u043e\u0437\u0434\u0430\u0435\u043c \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f \u0434\u043b\u044f \u0440\u0430\u0431\u043e\u0442\u044b \u0432 DockerRUN groupadd -g ${GROUP_ID} ${USER_NAME} || true && \\    useradd -l -u ${USER_ID} -g ${GROUP_ID} -m -s \/bin\/bash ${USER_NAME} || true# \u041d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430 \u043f\u0440\u0430\u0432 \u0434\u043b\u044f \u043f\u0430\u043f\u043a\u0438 \u043f\u0440\u043e\u0435\u043a\u0442\u0430RUN mkdir -p \/var\/www\/project && \\    chown -R ${USER_ID}:${GROUP_ID} \/var\/www# \u0423\u0441\u0442\u0430\u043d\u0430\u0432\u043b\u0438\u0432\u0430\u0435\u043c \u0442\u043e\u043b\u044c\u043a\u043e \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u044b\u0439 \u043c\u0438\u043d\u0438\u043c\u0443\u043c \u0434\u043b\u044f \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u0439RUN apt-get update && apt-get install -y —no-install-recommends \\    git \\    unzip \\    libicu-dev \\    libzip-dev \\    && docker-php-ext-install intl opcache pdo pdo_mysql zip \\    && rm -rf \/var\/lib\/apt\/lists\/*# \u0423\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0430 ComposerRUN curl -sS https:\/\/getcomposer.org\/installer | php — —install-dir=\/usr\/local\/bin —filename=composer# \u0423\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0430 Symfony CLIRUN curl -sS https:\/\/get.symfony.com\/cli\/installer | bash && \\    mv \/root\/.symfony5\/bin\/symfony \/usr\/local\/bin\/symfonyWORKDIR \/var\/www\/project# \u041f\u0435\u0440\u0435\u043a\u043b\u044e\u0447\u0430\u0435\u043c\u0441\u044f \u043d\u0430 \u0441\u043e\u0437\u0434\u0430\u043d\u043d\u043e\u0433\u043e \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044fUSER ${USER_NAME}\u041d\u0435\u00a0\u0437\u0430\u0431\u044b\u0432\u0430\u0435\u043c \u043e\u00a0\u043a\u0430\u0441\u0442\u043e\u043c\u043d\u043e\u0439 \u0441\u0431\u043e\u0440\u043a\u0435 \u043d\u043e\u0434\u044b, \u0433\u0434\u0435 \u0443\u00a0\u043d\u0430\u0441 \u0443\u0436\u0435 \u0431\u0443\u0434\u0435\u0442 \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043b\u0435\u043d Angular CLI \u0434\u043b\u044f\u00a0\u043a\u043e\u043c\u0444\u043e\u0440\u0442\u043d\u043e\u0439 \u0440\u0430\u0431\u043e\u0442\u044b \u0441\u00a0Angular:FROM node:26-alpine# \u0423\u0441\u0442\u0430\u043d\u0430\u0432\u043b\u0438\u0432\u0430\u0435\u043c Angular CLI \u0433\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u043e \u0432 \u0441\u0438\u0441\u0442\u0435\u043c\u0443RUN npm install -g @angular\/cli# \u0412\u044b\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u043c \u0440\u0430\u0431\u043e\u0447\u0443\u044e \u0434\u0438\u0440\u0435\u043a\u0442\u043e\u0440\u0438\u044e \u0441\u0440\u0430\u0437\u0443 \u0432 \u043f\u0430\u043f\u043a\u0443 \u0441 \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434\u043e\u043cWORKDIR \/var\/www\/project\/frontend# \u041e\u0442\u043a\u0440\u044b\u0432\u0430\u0435\u043c \u043f\u043e\u0440\u0442 \u0434\u043b\u044f Angular Dev ServerEXPOSE 4200CMD [«npm», «run», «start»]\u0418 \u0441\u0434\u0435\u043b\u0430\u0435\u043c .\/Makefile, \u0432\u00a0\u043a\u043e\u0442\u043e\u0440\u043e\u043c \u043c\u044b \u0431\u0443\u0434\u0435\u043c \u043e\u043f\u0438\u0441\u044b\u0432\u0430\u0442\u044c \u043e\u0441\u043d\u043e\u0432\u043d\u044b\u0435 \u043a\u043e\u043c\u0430\u043d\u0434\u044b \u043f\u0440\u043e\u0435\u043a\u0442\u0430:# VARIABLESDOCKER_COMPOSE := docker compose -f .\/docker\/docker-compose.ymlINTERACTIVE    := $(shell [ -t 0 ] && echo «-it» || echo «-T»)COMPOSE_EXEC   := $(DOCKER_COMPOSE) exec $(INTERACTIVE)## — DOCKER —.PHONY: up down start stop rebuild rebuild-php rebuild-nodeup:@$(DOCKER_COMPOSE) up -ddown:@$(DOCKER_COMPOSE) down —remove-orphansstart:@$(DOCKER_COMPOSE) startstop:@$(DOCKER_COMPOSE) stoprebuild:@$(DOCKER_COMPOSE) up -d —buildrebuild-php:@$(DOCKER_COMPOSE) up -d —build phprebuild-node:@$(DOCKER_COMPOSE) up -d —build node## — APPLICATION INIT —.PHONY: app-initapp-init: up composer-install front-init@echo «Application initialization completed!»## — PHP \/ SYMFONY —.PHONY: shell composer-installshell:@$(DOCKER_COMPOSE) exec php bashcomposer-install:@echo «Installing composer dependencies…»@$(COMPOSE_EXEC) php composer install —no-interaction —optimize-autoloader## — FRONTEND (Angular) —.PHONY: front-shell front-init front-clear front-reinitfront-shell:@$(DOCKER_COMPOSE) exec node shfront-init:@echo «Installing npm dependencies…»@$(COMPOSE_EXEC) node npm installfront-clear:@echo «Cleaning frontend artifacts…»@$(COMPOSE_EXEC) node rm -rf .\/node_modules .\/.angular .\/distfront-reinit: front-clear front-init## — LOGS —.PHONY: logs logs-nginx logs-php logs-nodelogs:@$(DOCKER_COMPOSE) logs -f —tail=100logs-nginx:@$(DOCKER_COMPOSE) logs -f —tail=100 serverlogs-php:@$(DOCKER_COMPOSE) logs -f —tail=100 phplogs-node:@$(DOCKER_COMPOSE) logs -f —tail=100 node\u0412\u0441\u0435 \u0433\u043e\u0442\u043e\u0432\u043e. \u0421\u0442\u0440\u043e\u0438\u043c \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440\u044b! `make up`\u0423\u0431\u0435\u0434\u0438\u043c\u0441\u044f, \u0447\u0442\u043e\u00a0\u0432\u0441\u0435 \u0437\u0430\u043f\u0443\u0449\u0435\u043d\u043e \u0438 \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u043a\u043e\u043c\u0430\u043d\u0434\u043e\u0439 docker ps. \u0415\u0441\u043b\u0438 \u0442\u0430\u043c \u0435\u0441\u0442\u044c \u043d\u0430\u0448\u0438 \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440\u044b, \u0442\u043e \u0432\u0441\u0435 \u043e\u0442\u043b\u0438\u0447\u043d\u043e!CONTAINER ID   IMAGE                 COMMAND                  CREATED          STATUS          PORTS                                         NAMES7a5b07e1818b   nginx:stable-alpine   «\/docker-entrypoint.\u2026»   33 seconds ago   Up 32 seconds   0.0.0.0:8088->80\/tcp, [::]:8088->80\/tcp       angular_symfony_template_server4dc9069c4fa1   docker-php            «docker-php-entrypoi\u2026»   33 seconds ago   Up 32 seconds   0.0.0.0:9099->9000\/tcp, [::]:9099->9000\/tcp   angular_symfony_template_phpbc8ae9b37155   node:26-alpine        «docker-entrypoint.s\u2026»   33 seconds ago   Up 32 seconds   0.0.0.0:4200->4200\/tcp, [::]:4200->4200\/tcp   angular_symfony_template_node\u0421\u043a\u0435\u043b\u0435\u0442 \u043d\u0430\u0448\u0435\u0433\u043e \u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u0433\u043e\u0442\u043e\u0432. \u0421\u00a0\u044d\u0442\u043e\u0433\u043e \u043c\u043e\u043c\u0435\u043d\u0442\u0430 \u043c\u043e\u0436\u043d\u043e \u043d\u0430\u043a\u0430\u0442\u044b\u0432\u0430\u0442\u044c angular \u0438 symfony.Symfony\u042f \u043f\u0440\u0438\u0432\u0435\u0440\u0436\u0435\u043d\u0435\u0446 \u0432\u0441\u0435\u0433\u043e \u043d\u043e\u0432\u043e\u0433\u043e, \u044f \u043d\u0435\u00a0\u0432\u0438\u0436\u0443 \u0441\u043c\u044b\u0441\u043b\u0430 \u043d\u043e\u0432\u044b\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u044b \u0437\u0430\u0432\u043e\u0434\u0438\u0442\u044c \u043d\u0430\u00a0\u0441\u0442\u0430\u0440\u044b\u0445 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u0430\u0445, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0431\u0443\u0434\u0435\u043c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c Symfony 8\u00a0\u2014 \u0441\u0430\u043c\u0443\u044e \u0441\u0432\u0435\u0436\u0443\u044e \u0432\u0435\u0440\u0441\u0438\u044e \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u0430 \u043d\u0430\u00a0\u043c\u043e\u043c\u0435\u043d\u0442 \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u0438\u044f \u0441\u0442\u0430\u0442\u044c\u0438.\u041f\u0440\u043e\u0432\u0430\u043b\u0438\u0432\u0430\u0435\u043c\u0441\u044f \u0432\u00a0\u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440 php: make shell. \u042d\u0442\u0430 \u043a\u043e\u043c\u0430\u043d\u0434\u0430 \u0437\u0430\u043a\u0438\u043d\u0435\u0442 \u043d\u0430\u0441 \u0432\u043d\u0443\u0442\u0440\u044c \u0440\u0430\u0431\u043e\u0442\u0430\u044e\u0449\u0435\u0433\u043e PHP\u2011\u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440\u0430, \u0433\u0434\u0435 \u0443\u0436\u0435 \u0435\u0441\u0442\u044c \u0432\u0441\u0451 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e\u0435: PHP, Composer \u0438 Symfony CLI.\u041f\u043e\u0441\u043a\u043e\u043b\u044c\u043a\u0443 \u043a\u043e\u043c\u043f\u043e\u0437\u0435\u0440 \u043d\u0435\u00a0\u0434\u0430\u0441\u0442 \u043d\u0430\u043c \u0440\u0430\u0437\u0432\u0435\u0440\u043d\u0443\u0442\u044c \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a \u0441\u0438\u043c\u0444\u043e\u043d\u0438 \u0432\u043d\u0443\u0442\u0440\u0438 \u043f\u0430\u043f\u043a\u0438, \u0433\u0434\u0435 \u0443\u0436\u0435 \u0435\u0441\u0442\u044c \u043a\u0430\u043a\u0438\u0435\u2011\u043b\u0438\u0431\u043e \u0444\u0430\u0439\u043b\u044b, \u0442\u043e \u0440\u0430\u0437\u0432\u0435\u0440\u043d\u0435\u043c \u0435\u0433\u043e \u0432\u043e\u00a0\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u043e\u0439 \u043f\u0430\u043f\u043a\u0435: composer create\u2011project symfony\/skeleton tmp_symfony …<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[],"tags":[],"class_list":["post-487377","post","type-post","status-publish","format-standard","hentry"],"_links":{"self":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/487377","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=487377"}],"version-history":[{"count":0,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/487377\/revisions"}],"wp:attachment":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=487377"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=487377"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=487377"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}