{"id":85646,"date":"2020-06-18T01:42:15","date_gmt":"2020-06-17T23:42:15","guid":{"rendered":"https:\/\/prohoster.info\/blog\/administrirovanie\/ci-cd-v-github-actions-dlya-proekta-na-flask-angular"},"modified":"2020-06-18T01:42:15","modified_gmt":"2020-06-17T23:42:15","slug":"ci-cd-v-github-actions-dlya-proekta-na-flask-angular","status":"publish","type":"post","link":"https:\/\/prohoster.info\/sk\/blog\/administrirovanie\/ci-cd-v-github-actions-dlya-proekta-na-flask-angular","title":{"rendered":"CI\/CD v Github Actions pre projekt na Flask+Angular","gt_translate_keys":[{"key":"rendered","format":"text"}]},"content":{"rendered":"<p><img decoding=\"async\" alt=\"CI\/CD v Github Actions pre projekt na Flask+Angular\" src=\"\/wp-content\/uploads\/2020\/06\/26d0945a41bbf3c98fa92f15be5b8c6c.png\" style=\"display:block;margin: 0 auto;\" \/><br \/>\nV tomto \u010dl\u00e1nku sa podel\u00edm o svoje sk\u00fasenosti s nastaven\u00edm CI\/CD pomocou ovl\u00e1dacieho panela Plesk a Github Actions. Dnes sa nau\u010d\u00edme nasadi\u0165 jednoduch\u00fd projekt s nezlo\u017eit\u00fdm n\u00e1zvom \u201eHelloworld\u201c. Je nap\u00edsan\u00fd na Python frameworku Flask, s pracovn\u00edkmi na Celery a frontend je na Angular 8.<\/p>\n<p><b>Odkazy na repozit\u00e1re:<\/b> <noindex><a rel=\"nofollow\" href=\"https:\/\/github.com\/olegborzov\/helloworld_back\">backend<\/a><\/noindex>, <noindex><a rel=\"nofollow\" href=\"https:\/\/github.com\/olegborzov\/helloworld-front\">frontend<\/a><\/noindex>.<\/p>\n<p>V prvej \u010dasti \u010dl\u00e1nku sa pozrieme na n\u00e1\u0161 projekt a jeho \u010dasti. V druhej \u010dasti sa dozvieme, ako nastavi\u0165 Plesk a nain\u0161talova\u0165 potrebn\u00e9 roz\u0161\u00edrenia a komponenty (DB, RabbitMQ, Redis, Docker at\u010f.).<\/p>\n<p>V tretej \u010dasti sa kone\u010dne dozvieme, ako nastavi\u0165 pipeline pre nasadenie n\u00e1\u0161ho projektu na server do dev- a prod-prostredia. Potom spust\u00edme webov\u00fa str\u00e1nku na serveri.<\/p>\n<p>A \u00e1no, zabudol som sa predstavi\u0165. Vol\u00e1m sa Oleg Borzov, som fullstack v\u00fdvoj\u00e1r v t\u00edme CRM pre mana\u017e\u00e9rov hypotek\u00e1rnych \u00faverov v Domklik. <br \/>\n<noindex><a rel=\"nofollow\" name=\"habracut\"><\/a><\/noindex><\/p>\n<h1>Preh\u013ead projektu<\/h1>\n<p>\nNajsk\u00f4r sa pozrime na dva repozit\u00e1re projektu - backend a frontend - a prejdeme si k\u00f3dom.<\/p>\n<h2>Backendov\u00e1 \u010das\u0165: Flask+Celery<\/h2>\n<p>\nPre backend som si vybral dostato\u010dne popul\u00e1rnu medzi Python v\u00fdvoj\u00e1rmi kombin\u00e1ciu: framework Flask (pre API) a Celery (pre frontu \u00faloh). Ako ORM sa pou\u017e\u00edva SQLAlchemy. Pre migr\u00e1cie sa pou\u017e\u00edva Alembic. Pre valid\u00e1ciu JSON v ramp\u00e1ch - Marshmallow.<\/p>\n<p>V <noindex><a rel=\"nofollow\" href=\"https:\/\/github.com\/olegborzov\/helloworld_back\">repozit\u00e1ri<\/a><\/noindex> je tu s\u00fabor Readme.md s podrobn\u00fdm popisom \u0161trukt\u00fary a pokynmi na spustenie projektu.<\/p>\n<p><noindex><a rel=\"nofollow\" href=\"https:\/\/github.com\/olegborzov\/helloworld_back\/tree\/master\/app_web\">API webovej \u010dasti<\/a><\/noindex> je celkom jednoduch\u00e9, pozost\u00e1va zo 6 ramp:<\/p>\n<ul>\n<li><code>\/ping<\/code> - na kontrolu dostupnosti;<\/li>\n<li>rampy na registr\u00e1ciu, autoriz\u00e1ciu, deautoriz\u00e1ciu a z\u00edskavanie autorizovan\u00e9ho u\u017e\u00edvate\u013ea;<\/li>\n<li>rampa na odoslanie emailu, ktor\u00e1 d\u00e1va \u00falohu do fronty Celery.<\/li>\n<\/ul>\n<p>\n<noindex><a rel=\"nofollow\" href=\"https:\/\/github.com\/olegborzov\/helloworld_back\/tree\/master\/app_celery\">Celery \u010das\u0165<\/a><\/noindex> je e\u0161te jednoduch\u0161ia, tam je len jedna \u00faloha <code>send_mail_task<\/code>.<\/p>\n<p>V prie\u010dinku <noindex><a rel=\"nofollow\" href=\"https:\/\/github.com\/olegborzov\/helloworld_back\/tree\/master\/conf\/\">\/conf<\/a><\/noindex> s\u00fa tam dve podprie\u010dinky: <\/p>\n<ul>\n<li><code>docker<\/code> s dvoma Docker s\u00fabormi (<code>base.dockerfile<\/code> na zostavenie m\u00e1lo sa meniacich z\u00e1kladn\u00fdch obrazov a <code>Dockerfile<\/code> na hlavn\u00e9 zostavy);<\/li>\n<li><code>.env_files<\/code> - so s\u00fabormi s premenn\u00fdmi prostredia pre r\u00f4zne prostredia. <\/li>\n<\/ul>\n<p>\nV kore projektu sa nach\u00e1dzaj\u00fa \u0161tyri s\u00fabory docker-compose:<\/p>\n<ul>\n<li><code>docker-compose.local.db.yml<\/code> na vytvorenie lok\u00e1lnej DB pre v\u00fdvoj;<\/li>\n<li><code>docker-compose.local.workers.yml<\/code> na lok\u00e1lne vytvorenie pracovn\u00edka, DB, Redis a RabbitMQ;<\/li>\n<li><code>docker-compose.test.yml<\/code> na spustenie testov po\u010das nasadzovania;<\/li>\n<li><code>docker-compose.yml<\/code> na nasadenie.<\/li>\n<\/ul>\n<p>\nA posledn\u00e1 zauj\u00edmav\u00e1 zlo\u017eka - <noindex><a rel=\"nofollow\" href=\"https:\/\/github.com\/olegborzov\/helloworld_back\/tree\/master\/.ci-cd\">.ci-cd<\/a><\/noindex>. V nej sa nach\u00e1dzaj\u00fa shell skripty na nasadenie:<\/p>\n<ul>\n<li><code>deploy.sh<\/code> - spustenie migr\u00e1cie a nasadenia. Sp\u00fa\u0161\u0165a sa na serveri po zostaven\u00ed a spusten\u00ed testov v Github Actions;<\/li>\n<li><code>rollback.sh<\/code> - vr\u00e1tenie kontajnerov na predch\u00e1dzaj\u00facu verziu zostavenia;<\/li>\n<li><code>curl_tg.sh<\/code> - posielanie ozn\u00e1men\u00ed o nasaden\u00ed do Telegramu.<\/li>\n<\/ul>\n<p><\/p>\n<h2>Frontend na Angular<\/h2>\n<p>\n<noindex><a rel=\"nofollow\" href=\"https:\/\/github.com\/olegborzov\/helloworld-front\">Repozit\u00e1r s frontom<\/a><\/noindex> je ove\u013ea jednoduch\u0161\u00ed ako back-end. Front pozost\u00e1va z troch str\u00e1nok:<\/p>\n<ul>\n<li>Hlavn\u00e1 str\u00e1nka s formul\u00e1rom na odoslanie emailu a tla\u010didlom pre odhl\u00e1senie.<\/li>\n<li>Prihlasovacia str\u00e1nka.<\/li>\n<li>Registra\u010dn\u00e1 str\u00e1nka.<\/li>\n<\/ul>\n<p>\nHlavn\u00e1 str\u00e1nka vyzer\u00e1 asketicky:<\/p>\n<p><img decoding=\"async\" alt=\"CI\/CD v Github Actions pre projekt na Flask+Angular\" src=\"\/wp-content\/uploads\/2020\/06\/4db36add2c4277397724b0d71b96ff06.png\" style=\"display:block;margin: 0 auto;\" \/><br \/>\nV kore je ulo\u017een\u00e9 dva s\u00fabory <code>Dockerfile<\/code> a <code>docker-compose.yml<\/code>, ako aj zn\u00e1ma n\u00e1m zlo\u017eka <code>.ci-cd<\/code> s o nie\u010do men\u0161\u00edm mno\u017estvom skriptov ako v back-endovom repozit\u00e1ri (skripty na spustenie testov boli odstr\u00e1nen\u00e9).<\/p>\n<h1>Zaklad\u00e1me projekt v Plesk<\/h1>\n<p>\nZa\u010dneme nastaven\u00edm Plesk a vytvoren\u00edm predplatn\u00e9ho pre na\u0161u str\u00e1nku.<\/p>\n<h2>In\u0161tal\u00e1cia roz\u0161\u00edren\u00ed<\/h2>\n<p>\nV Plesk budeme potrebova\u0165 \u0161tyri roz\u0161\u00edrenia: <\/p>\n<ul>\n<li><code>Docker<\/code> na spr\u00e1vu a vizu\u00e1lne zobrazenie stavu kontajnerov v administr\u00e1cii Plesk;<\/li>\n<li><code>Git<\/code> na nastavenie kroku nasadenia na serveri;<\/li>\n<li><code>Let's Encrypt<\/code> na generovanie (a automatick\u00e9 predl\u017eovanie) bezplatn\u00fdch TLS certifik\u00e1tov;<\/li>\n<li><code>Firewall<\/code> na nastavenie filtrovania prich\u00e1dzaj\u00faceho trafficu.<\/li>\n<\/ul>\n<p>\nM\u00f4\u017eeme ich nain\u0161talova\u0165 cez administr\u00e1ciu Plesk v sekcii Roz\u0161\u00edrenia:<\/p>\n<p><img decoding=\"async\" alt=\"CI\/CD v Github Actions pre projekt na Flask+Angular\" src=\"\/wp-content\/uploads\/2020\/06\/350cf7d7ca3ae1a965a0d3f8a73594ef.png\" style=\"display:block;margin: 0 auto;\" \/><br \/>\nDetailn\u00e9 nastavenie roz\u0161\u00edren\u00ed nebudeme rozobera\u0165, pre na\u0161e demo \u00fa\u010dely bud\u00fa vyhovova\u0165 predvolen\u00e9 nastavenia.<\/p>\n<h2>Vytvorenie predplatn\u00e9ho a str\u00e1nky<\/h2>\n<p>\n\u010ealej potrebujeme vytvori\u0165 predplatn\u00e9 pre na\u0161u str\u00e1nku helloworld.ru a prida\u0165 tam subdom\u00e9nu dev.helloworld.ru.<\/p>\n<ol>\n<li>Vytv\u00e1rame predplatn\u00e9 pre dom\u00e9nu helloworld.ru a uv\u00e1dzame prihlasovacie \u00fadaje pre syst\u00e9mov\u00e9ho pou\u017e\u00edvate\u013ea:\n<p><img decoding=\"async\" alt=\"CI\/CD v Github Actions pre projekt na Flask+Angular\" src=\"\/wp-content\/uploads\/2020\/06\/3932dc7492aa523b6cbd540ad7a7fe6b.png\" style=\"display:block;margin: 0 auto;\" \/><br \/>\nDole na str\u00e1nke za\u0161krtneme <i>Zabezpe\u010dte dom\u00e9nu pomocou Let's Encrypt<\/i>, ak chceme nastavi\u0165 HTTPS pre str\u00e1nku:<\/p>\n<p><img decoding=\"async\" alt=\"CI\/CD v Github Actions pre projekt na Flask+Angular\" src=\"\/wp-content\/uploads\/2020\/06\/f4d23a34764fdeb411fe2ca9cc95cb45.png\" style=\"display:block;margin: 0 auto;\" \/><\/li>\n<li>Potom v tejto predplatnej vytvor\u00edme subdom\u00e9nu dev.helloworld.ru (pre ktor\u00fa je tie\u017e mo\u017en\u00e9 vyd\u00e1va\u0165 bezplatn\u00fd TLS certifik\u00e1t):\n<p><img decoding=\"async\" alt=\"CI\/CD v Github Actions pre projekt na Flask+Angular\" src=\"\/wp-content\/uploads\/2020\/06\/d57e6ba71454cb537917400de4275e92.png\" style=\"display:block;margin: 0 auto;\" \/><\/li>\n<\/ol>\n<p><\/p>\n<h1>In\u0161tal\u00e1cia serverov\u00fdch komponentov<\/h1>\n<p>\nM\u00e1me server s <i>OS Debian Stretch 9.12<\/i> a nain\u0161talovanou riadiacou panelou <i>Plesk Obsidian 18.0.27<\/i>.<\/p>\n<p>Mus\u00edme nain\u0161talova\u0165 a nastavi\u0165 pre n\u00e1\u0161 projekt:<\/p>\n<ul>\n<li>PostgreSQL (v na\u0161om pr\u00edpade bude jeden server s dvoma datab\u00e1zami pre dev- a prod-prostredie).<\/li>\n<li>RabbitMQ (rovnak\u00e9, jeden instance s r\u00f4znymi vhosts pre prostredia).<\/li>\n<li>Dve in\u0161tancie Redis (pre dev- a prod-prostredie).<\/li>\n<li>Docker Registry (na lok\u00e1lne uchov\u00e1vanie zostaven\u00fdch Docker obrazov).<\/li>\n<li>UI rozhranie pre Docker registry.<\/li>\n<\/ul>\n<p><\/p>\n<h2>PostgreSQL<\/h2>\n<p>\nS Plesk sa u\u017e dod\u00e1va datab\u00e1za PostgreSQL, ale nie najnov\u0161ej verzie (v \u010dase p\u00edsania \u010dl\u00e1nku Plesk Obsidian <noindex><a rel=\"nofollow\" href=\"https:\/\/docs.plesk.com\/release-notes\/obsidian\/software-requirements\/\">podporoval<\/a><\/noindex> Postgres verzi\u00ed 8.4\u201310.8). My v\u0161ak chceme pre svoju aplik\u00e1ciu najnov\u0161iu verziu (12.3 v \u010dase p\u00edsania \u010dl\u00e1nku), preto ju nain\u0161talujeme ru\u010dne.<\/p>\n<p>Podrobn\u00fdch n\u00e1vodov na in\u0161tal\u00e1ciu Postgres na Debian je na internete mno\u017estvo (<noindex><a rel=\"nofollow\" href=\"https:\/\/tecadmin.net\/install-postgresql-on-debian-9-stretch\/\">pr\u00edklad<\/a><\/noindex>), preto ich podrobne opisova\u0165 nebudem, len uvediem pr\u00edkazy:<\/p>\n<pre><code class=\"bash\">wget -q https:\/\/www.postgresql.org\/media\/keys\/ACCC4CF8.asc -O - | sudo apt-key add -\nsudo sh -c 'echo \"deb http:\/\/apt.postgresql.org\/pub\/repos\/apt\/ stretch-pgdg main\" &gt;&gt; \/etc\/apt\/sources.list.d\/pgdg.list'\n\nsudo apt-get update\nsudo apt-get install postgresql postgresql-contrib\n<\/code><\/pre>\n<p>\nKe\u010f\u017ee PostgreSQL m\u00e1 pomerne priemern\u00e9 predvolen\u00e9 nastavenia, je nutn\u00e9 upravi\u0165 konfigur\u00e1ciu. Pri tom n\u00e1m pom\u00f4\u017ee <noindex><a rel=\"nofollow\" href=\"http:\/\/pgconfigurator.cybertec.at\/\">, ktor\u00e1 n\u00e1zorne ukazuje, ko\u013eko \u010dlovek u\u0161etr\u00ed alebo strat\u00ed pres\u0165ahovan\u00edm z Lozan, povedzme, do Ekublanu (predmestie, kde sa nach\u00e1dza EPFL).<\/a><\/noindex>: je potrebn\u00e9 zada\u0165 parametre svojho servera a nahradi\u0165 nastavenia v s\u00fabore <code>\/etc\/postgresql\/12\/main\/postgresql.conf<\/code>navrhnut\u00fdmi. Je potrebn\u00e9 poznamena\u0165, \u017ee tak\u00e9to kalkula\u010dky nie s\u00fa z\u00e1zra\u010dn\u00e1 gu\u013eka a treba vyladi\u0165 datab\u00e1zu presnej\u0161ie, v z\u00e1vislosti od v\u00e1\u0161ho hardv\u00e9ru, aplik\u00e1cie a zlo\u017eitosti dopytov. Av\u0161ak na za\u010diatok je to dostato\u010dn\u00e9.<\/p>\n<p>Okrem navrhnut\u00fdch nastaven\u00ed kalkula\u010dkou zmen\u00edme v <code>postgresql.conf<\/code>predvolen\u00fd port 5432 na in\u00fd (v na\u0161om pr\u00edpade \u2014 <strong>53983<\/strong>).<\/p>\n<p>Po zmene konfigura\u010dn\u00e9ho s\u00faboru re\u0161tartujeme postgresql-server pr\u00edkazom:<\/p>\n<pre><code class=\"bash\">service postgresql restart\n<\/code><\/pre>\n<p>\nNain\u0161talovali sme a nastavili PostgreSQL. Teraz vytvor\u00edme datab\u00e1zu, pou\u017e\u00edvate\u013eov pre dev- a prod-prostredia a pridel\u00edme pou\u017e\u00edvate\u013eom pr\u00e1va na spr\u00e1vu datab\u00e1zy:<\/p>\n<pre><code class=\"bash\">$ su - postgres\npostgres:~$ create database hw_dev_db_name;\nCREATE DATABASE\npostgres:~$ create user hw_dev_db_user with password 'hw_dev_db_password';\nCREATE ROLE\npostgres:~$ grant ALL privileges ON database hw_dev_db_name to hw_dev_db_user;\nGRANT\npostgres:~$ create database hw_prod_db_name;\nCREATE DATABASE\npostgres:~$ create user hw_prod_db_user with password 'hw_prod_db_password';\nCREATE ROLE\npostgres:~$ grant ALL privileges ON database hw_prod_db_name to hw_prod_db_user;\nGRANT\n<\/code><\/pre>\n<p><\/p>\n<h2>RabbitMQ<\/h2>\n<p>\nPrejdeme k in\u0161tal\u00e1cii RabbitMQ \u2014 sprostredkovate\u013ea spr\u00e1v pre Celery. In\u0161tal\u00e1cia na Debiane je celkom jednoduch\u00e1:<\/p>\n<pre><code class=\"bash\">wget https:\/\/packages.erlang-solutions.com\/erlang-solutions_1.0_all.deb\nsudo dpkg -i erlang-solutions_1.0_all.deb\n\nsudo apt-get update\nsudo apt-get install erlang erlang-nox\n\nsudo add-apt-repository 'deb http:\/\/www.rabbitmq.com\/debian\/ testing main'\nwget -O- https:\/\/www.rabbitmq.com\/rabbitmq-release-signing-key.asc | sudo apt-key add -\n\nsudo apt-get update\nsudo apt-get install rabbitmq-server\n<\/code><\/pre>\n<p>\nPo in\u0161tal\u00e1cii mus\u00edme vytvori\u0165 <i>vhosts<\/i>, pou\u017e\u00edvate\u013eov a pridel\u00edme potrebn\u00e9 pr\u00e1va:<\/p>\n<pre><code class=\"bash\">sudo rabbitmqctl add_user hw_dev_amqp_user hw_dev_amqp_password \nsudo rabbitmqctl set_user_tags hw_dev_amqp_user administrator\nsudo rabbitmqctl add_vhost hw_dev_vhost\nsudo rabbitmqctl set_permissions -p hw_dev_vhost hw_dev_amqp_user \".*\" \".*\" \".*\"\n\nsudo rabbitmqctl add_user hw_prod_amqp_user hw_prod_amqp_password \nsudo rabbitmqctl set_user_tags hw_prod_amqp_user administrator\nsudo rabbitmqctl add_vhost hw_prod_vhost\nsudo rabbitmqctl set_permissions -p hw_prod_vhost hw_prod_amqp_user \".*\" \".*\" \".*\"\n<\/code><\/pre>\n<p><\/p>\n<h2>K\u013eu\u010d-hodnota<\/h2>\n<p>\nTeraz nain\u0161talujeme a nastav\u00edme posledn\u00fa zlo\u017eku pre na\u0161u aplik\u00e1ciu \u2014 Redis. Bude sa pou\u017e\u00edva\u0165 ako backend na ukladanie v\u00fdsledkov \u00faloh Celery.<\/p>\n<p>Spust\u00edme dva Docker kontajnery s Redis pre dev- a prod-prostredia pomocou roz\u0161\u00edrenia <code>Docker<\/code> pre Plesk.<\/p>\n<ol>\n<li>Prihl\u00e1sime sa do Plesku, prejdeme na z\u00e1lo\u017eku Roz\u0161\u00edrenia, vyh\u013ead\u00e1me roz\u0161\u00edrenie Docker a nain\u0161talujeme ho (potrebujeme bezplatn\u00fa verziu):\n<p><img decoding=\"async\" alt=\"CI\/CD v Github Actions pre projekt na Flask+Angular\" src=\"\/wp-content\/uploads\/2020\/06\/5638f9b40274e4f7441434279c76a426.png\" style=\"display:block;margin: 0 auto;\" \/><\/li>\n<li>Prejdeme na nain\u0161talovan\u00e9 roz\u0161\u00edrenie a vyh\u013ead\u00e1me obraz <code>redis bitnami<\/code> a nain\u0161talujeme posledn\u00fa verziu:\n<p><img decoding=\"async\" alt=\"CI\/CD v Github Actions pre projekt na Flask+Angular\" src=\"\/wp-content\/uploads\/2020\/06\/578bbbed6a66a60a4f7410f7d61ea542.png\" style=\"display:block;margin: 0 auto;\" \/><\/li>\n<li>Otvor\u00edme stiahnut\u00fd kontajner a uprav\u00edme konfigur\u00e1ciu: nastav\u00edme port, maxim\u00e1lnu alokovan\u00fa ve\u013ekos\u0165 RAM, heslo v premenn\u00fdch prostredia a pripoj\u00edme zv\u00e4zok:\n<p><img decoding=\"async\" alt=\"CI\/CD v Github Actions pre projekt na Flask+Angular\" src=\"\/wp-content\/uploads\/2020\/06\/8bc804b794735412f5e510b3049c5667.png\" style=\"display:block;margin: 0 auto;\" \/><\/li>\n<li>Spln\u00edme kroky 2-3 pre prod-kontajner, v nastaveniach iba zmen\u00edme parametre: port, heslo, ve\u013ekos\u0165 RAM a cestu k prie\u010dinku zv\u00e4zku na serveri:\n<p><img decoding=\"async\" alt=\"CI\/CD v Github Actions pre projekt na Flask+Angular\" src=\"\/wp-content\/uploads\/2020\/06\/3af50181c8b3e1ace23a8de11826cb51.png\" style=\"display:block;margin: 0 auto;\" \/><\/li>\n<\/ol>\n<p><\/p>\n<h2>Docker Registry<\/h2>\n<p>\nOkrem z\u00e1kladn\u00fdch slu\u017eieb by nebolo zl\u00e9 ma\u0165 na serveri vlastn\u00fd repozit\u00e1r Docker-obrazov. Na\u0161\u0165astie je miesto na serveroch teraz dostato\u010dne lacn\u00e9 (ur\u010dite lacnej\u0161ie ako predplatn\u00e9 na DockerHub) a proces in\u0161tal\u00e1cie s\u00fakromn\u00e9ho repozit\u00e1ra je ve\u013emi jednoduch\u00fd. <\/p>\n<p>Chceme ma\u0165 nain\u0161talovan\u00e9:<\/p>\n<ul>\n<li>s\u00fakromn\u00fd Docker-repozit\u00e1r chr\u00e1nen\u00fd heslom, dostupn\u00fd cez subdom\u00e9nu <noindex><a rel=\"nofollow\" href=\"https:\/\/docker.helloworld.ru\">https:\/\/docker.helloworld.ru<\/a><\/noindex>;<\/li>\n<li>UI rozhranie na prezeranie obrazov v repozit\u00e1ri, dostupn\u00e9 na adrese <noindex><a rel=\"nofollow\" href=\"https:\/\/docker-ui.helloworld.ru\">https:\/\/docker-ui.helloworld.ru<\/a><\/noindex>.<\/li>\n<\/ul>\n<p>\nNa to:<\/p>\n<ol>\n<li>V Plesku vytvor\u00edme dve subdom\u00e9ny v na\u0161ej predplatbe: docker.helloworld.sk a docker-ui.helloworld.sk a nastav\u00edme pre ne certifik\u00e1ty Let\u2019s Encrypt.<\/li>\n<li>Do prie\u010dinka subdom\u00e9ny docker.helloworld.sk prid\u00e1me s\u00fabor <code>docker-compose.yml<\/code> s tak\u00fdm obsahom:\n<pre><code class=\"plaintext\">version: \"3\"\n\nservices:\n  docker-registry:\n    image: \"registry:2\"\n    restart: always\n    ports:\n      - \"53985:5000\"\n    environment:\n      REGISTRY_AUTH: htpasswd\n      REGISTRY_AUTH_HTPASSWD_REALM: basic-realm\n      REGISTRY_AUTH_HTPASSWD_PATH: \/auth\/.htpasswd\n      REGISTRY_STORAGE_FILESYSTEM_ROOTDIRECTORY: \/data\n    volumes:\n      - .\/.docker-registry.htpasswd:\/auth\/.htpasswd\n      - .\/data:\/data\n\n  docker-registry-ui:\n    image: konradkleine\/docker-registry-frontend:v2\n    restart: always\n    ports:\n      - \"53986:80\"\n    environment:\n      VIRTUAL_HOST: '*, https:\/\/*'\n      ENV_DOCKER_REGISTRY_HOST: 'docker-registry'\n      ENV_DOCKER_REGISTRY_PORT: 5000\n    links:\n      - 'docker-registry'\n<\/code><\/pre>\n<p>\n<\/li>\n<li>Pod SSH vygenerujeme s\u00fabor .htpasswd pre z\u00e1kladn\u00fa autoriz\u00e1ciu v Docker-repozit\u00e1ri:\n<pre><code class=\"plaintext\">htpasswd -bBc .htpasswd hw_docker_admin hw_docker_password<\/code><\/pre>\n<\/li>\n<li>Zostav\u00edme a spust\u00edme kontajnery:\n<pre><code class=\"plaintext\">docker-compose up -d<\/code><\/pre>\n<\/li>\n<li>A potrebujeme presmerova\u0165 Nginx na na\u0161e kontajnery. To je mo\u017en\u00e9 urobi\u0165 cez Plesk. <\/li>\n<\/ol>\n<p>\nNasleduj\u00face kroky by sa mali vykona\u0165 pre subdom\u00e9ny docker.helloworld.sk a docker-ui.helloworld.sk:<\/p>\n<p>V sekcii <i>Dev Tools<\/i> na\u0161ej str\u00e1nky prejdeme do <i>Docker Proxy Pravidl\u00e1<\/i>:<\/p>\n<p><img decoding=\"async\" alt=\"CI\/CD v Github Actions pre projekt na Flask+Angular\" src=\"\/wp-content\/uploads\/2020\/06\/d9c05901d95d61ce5db27a1a7cfddf49.png\" style=\"display:block;margin: 0 auto;\" \/><br \/>\nA prid\u00e1me pravidlo na proxyovanie prich\u00e1dzaj\u00facej dopravy do n\u00e1\u0161ho kontajnera:<\/p>\n<p><img decoding=\"async\" alt=\"CI\/CD v Github Actions pre projekt na Flask+Angular\" src=\"\/wp-content\/uploads\/2020\/06\/faa85cf6da648ef55b7c87c44040efb1.png\" style=\"display:block;margin: 0 auto;\" \/><\/p>\n<ol>\n<li>Skontrolujeme, \u010di sa m\u00f4\u017eeme prihl\u00e1si\u0165 do n\u00e1\u0161ho kontajnera z lok\u00e1lneho zariadenia:\n<pre><code class=\"plaintext\">$ docker login docker.helloworld.sk -u hw_docker_admin -p hw_docker_password\nWARNING! Using --password via the CLI is insecure. Use --password-stdin.\nLogin Succeeded<\/code><\/pre>\n<\/li>\n<li>Rovnako skontrolujeme funkciu subdom\u00e9ny docker-ui.helloworld.sk:\n<p><img decoding=\"async\" alt=\"CI\/CD v Github Actions pre projekt na Flask+Angular\" src=\"\/wp-content\/uploads\/2020\/06\/fdd6e1396c27c02a88bcbd7efb12f247.png\" style=\"display:block;margin: 0 auto;\" \/><br \/>\nPri kliknut\u00ed na Browse repositories prehliada\u010d otvor\u00ed okno na autentifik\u00e1ciu, do ktor\u00e9ho bude potrebn\u00e9 zada\u0165 meno a heslo do repozit\u00e1ra. Potom n\u00e1s presmeruje na str\u00e1nku so zoznamom repozit\u00e1rov (t\u00e1to str\u00e1nka bude zatia\u013e pr\u00e1zdna):<\/p>\n<p><img decoding=\"async\" alt=\"CI\/CD v Github Actions pre projekt na Flask+Angular\" src=\"\/wp-content\/uploads\/2020\/06\/f2d75edb530e9d746095ae02d7793c1f.png\" style=\"display:block;margin: 0 auto;\" \/><\/li>\n<\/ol>\n<p><\/p>\n<h2>Otv\u00e1rame porty v Plesk Firewall<\/h2>\n<p>\nPo in\u0161tal\u00e1cii a nastaven\u00ed komponentov mus\u00edme otvori\u0165 porty, aby boli komponenty dostupn\u00e9 z Docker kontajnerov a vonkaj\u0161ej siete.<\/p>\n<p>Pozrime sa, ako to urobi\u0165 na pr\u00edklade roz\u0161\u00edrenia Firewall, ktor\u00e9 sme predt\u00fdm nain\u0161talovali pre Plesk.<\/p>\n<ol>\n<li>Prech\u00e1dzame do <i>N\u00e1stroje &amp; Nastavenia &gt; Nastavenia &gt; Firewall<\/i>:<br \/>\n<img decoding=\"async\" alt=\"CI\/CD v Github Actions pre projekt na Flask+Angular\" src=\"\/wp-content\/uploads\/2020\/06\/d54b4941944fe191574472a475cbaebe.png\" style=\"display:block;margin: 0 auto;\" \/><\/li>\n<li>Prech\u00e1dzame do <i>Upravi\u0165 pravidl\u00e1 Plesk Firewall &gt; Prida\u0165 vlastn\u00e9 pravidlo<\/i> a otv\u00e1rame nasleduj\u00face TCP porty pre pods\u00fabor Docker (<strong>172.0.0.0\/8)<\/strong>:<br \/>\nRabbitMQ: 1883, 4369, 5671-5672, 25672, 61613-61614<br \/>\nRedis: 32785, 32786<\/p>\n<p><img decoding=\"async\" alt=\"CI\/CD v Github Actions pre projekt na Flask+Angular\" src=\"\/wp-content\/uploads\/2020\/06\/3359845f9bd6dc303274da737d4b27a2.png\" style=\"display:block;margin: 0 auto;\" \/><\/li>\n<li>Takisto prid\u00e1me pravidlo, ktor\u00e9 otvor\u00ed vonkaj\u0161iemu svetu porty PostgreSQL a spr\u00e1vcovskej paneli RabbitMQ:\n<p><img decoding=\"async\" alt=\"CI\/CD v Github Actions pre projekt na Flask+Angular\" src=\"\/wp-content\/uploads\/2020\/06\/f812cfc7127da469507538ea48b2c80d.png\" style=\"display:block;margin: 0 auto;\" \/><\/li>\n<li>Priprav\u00edme pravidl\u00e1 pomocou tla\u010didla Apply Changes:\n<p><img decoding=\"async\" alt=\"CI\/CD v Github Actions pre projekt na Flask+Angular\" src=\"\/wp-content\/uploads\/2020\/06\/e85444ae717aaefa796664003fc86578.png\" style=\"display:block;margin: 0 auto;\" \/><\/li>\n<\/ol>\n<p><\/p>\n<h1>Nastavenie CI\/CD v Github Actions<\/h1>\n<p>\nPrejdime k tej najzauj\u00edmavej\u0161ej \u010dasti \u2014 nastaveniu pipeline kontinu\u00e1lnej integr\u00e1cie a dod\u00e1vky n\u00e1\u0161ho projektu na server.<\/p>\n<p>T\u00e1to pipeline bude pozost\u00e1va\u0165 z dvoch \u010dast\u00ed: <\/p>\n<ul>\n<li>s\u00fadr\u017eba obrazu a spustenie testov (pre backend) \u2014 na strane Github;<\/li>\n<li>spustenie migr\u00e1ci\u00ed (pre backend) a nasadenie kontajnerov \u2014 na serveri.<\/li>\n<\/ul>\n<p><\/p>\n<h2>Nasadenie v Plesk<\/h2>\n<p>\nNajprv sa pozrieme na druh\u00fd bod (preto\u017ee ten z\u00e1vis\u00ed od prv\u00e9ho).<\/p>\n<p>Proces nasadenia budeme nastavova\u0165 pomocou roz\u0161\u00edrenia Git pre Plesk.<\/p>\n<p>Pozrime sa na pr\u00edklad s Prod prostred\u00edm pre Backend repozit\u00e1r.<\/p>\n<ol>\n<li>Prejdeme do predplatn\u00e9ho na\u0161ich webov\u00fdch str\u00e1nok Helloworld a prejdeme do pododdielu Git:\n<p><img decoding=\"async\" alt=\"CI\/CD v Github Actions pre projekt na Flask+Angular\" src=\"\/wp-content\/uploads\/2020\/06\/b55b371560ea87a2954b6553a7cefc49.png\" style=\"display:block;margin: 0 auto;\" \/><\/li>\n<li>Vlo\u017e\u00edme do po\u013ea \u201eRemote Git repository\u201c odkaz na n\u00e1\u0161 Github repozit\u00e1r a zmen\u00edme predvolen\u00fd prie\u010dinok <code>httpdocs<\/code> na in\u00fd (napr\u00edklad, <code>\/httpdocs\/hw_back<\/code>):\n<p><img decoding=\"async\" alt=\"CI\/CD v Github Actions pre projekt na Flask+Angular\" src=\"\/wp-content\/uploads\/2020\/06\/db9ba9adb6e2e1bed5da7ae8e88c76e1.png\" style=\"display:block;margin: 0 auto;\" \/><\/li>\n<li>Skop\u00edrujeme SSH Public key z predch\u00e1dzaj\u00faceho kroku a <noindex><a rel=\"nofollow\" href=\"https:\/\/github.com\/settings\/ssh\/new\">prid\u00e1me<\/a><\/noindex> ho v nastaveniach Github.<\/li>\n<li>Klikneme na OK na obrazovke v bode 2, po \u010dom n\u00e1s presmeruje na str\u00e1nku repozit\u00e1ra v Plesk. Teraz mus\u00edme nastavi\u0165 aktualiz\u00e1ciu repozit\u00e1ra pri komit\u00e1ch do vetvy master. Na to prejdeme do <i>Nastavenia repozit\u00e1ra<\/i> a ulo\u017e\u00edme hodnotu <code>Webhook URL<\/code> (bude n\u00e1m potrebn\u00e1 nesk\u00f4r pri nastavovan\u00ed Github Actions):\n<p><img decoding=\"async\" alt=\"CI\/CD v Github Actions pre projekt na Flask+Angular\" src=\"\/wp-content\/uploads\/2020\/06\/14d48a357f821d734d40dc434ab3682a.png\" style=\"display:block;margin: 0 auto;\" \/><\/li>\n<li>V poli Actions na obrazovke z predch\u00e1dzaj\u00faceho bodu zad\u00e1me skript na spustenie nasadenia:\n<pre><code class=\"plaintext\">cd {REPOSITORY_ABSOLUTE_PATH}\n.ci-cd\/deploy.sh {ENV} {DOCKER_REGISTRY_HOST} {DOCKER_USER} {DOCKER_PASSWORD} {TG_BOT_TOKEN} {TG_CHAT_ID} <\/code><\/pre>\n<p>\nkde: <\/p>\n<p><code>{REPOSITORY_ABSOLUTE_PATH}<\/code> \u2014 cesta k prie\u010dinku prod backend repozit\u00e1ra na serveri;<br \/>\n<code>{ENV}<\/code> \u2014 prostredie (dev\/prod), v na\u0161om pr\u00edpade <code>produkcia<\/code>;<br \/>\n<code>{DOCKER_REGISTRY_HOST}<\/code> \u2014 hostite\u013e n\u00e1\u0161ho docker repozit\u00e1ra<br \/>\n<code>{TG_BOT_TOKEN}<\/code> \u2014 token Telegram bota;<br \/>\n<code>{TG_CHAT_ID}<\/code> \u2014 ID chatu\/kan\u00e1la na zasielanie upozornen\u00ed.<\/p>\n<p>Pr\u00edklad skriptu:<\/p>\n<pre><code class=\"plaintext\">cd \/var\/www\/vhosts\/helloworld.ru\/httpdocs\/hw_back\/\n.ci-cd\/deploy.sh dev docker.helloworld.ru docker_user docker_password 12345678:AAbcdEfghCH1vGbCasdfSAs0K5PALDsaw -1001234567890<\/code><\/pre>\n<\/li>\n<li>Prid\u00e1me pou\u017e\u00edvate\u013ea z na\u0161ej predplatenej slu\u017eby do skupiny Docker (aby mohol spravova\u0165 kontajnery):\n<pre><code class=\"plaintext\">sudo usermod -aG docker helloworld_admin<\/code><\/pre>\n<\/li>\n<\/ol>\n<p>\nDev prostredie pre backend repozit\u00e1r a frontend sa nastavuj\u00fa podobne.<\/p>\n<h2>Pipeline nasadenia v Github Actions<\/h2>\n<p>\nPrech\u00e1dzame k nastaveniu prvej \u010dasti n\u00e1\u0161ho CI\/CD pipeline v Github Actions.<\/p>\n<h3>Backend pl\u00e1novali na Linuxe. Backend interaguje s DB, na\u010d\u00edtava potrebn\u00fd zoznam privilegi\u00ed a potom, v z\u00e1vislosti od toho, ak\u00e9 privilegovan\u00e9 m\u00e1 autorizovan\u00fd pou\u017e\u00edvate\u013e, poskytuje pr\u00edstup na podpisovanie finan\u010dn\u00fdch dokumentov a ich odosielanie na vykonanie, alebo generovanie nejak\u00e9ho reportu.<\/h3>\n<p>\nPipeline je op\u00edsan\u00fd v <noindex><a rel=\"nofollow\" href=\"https:\/\/github.com\/olegborzov\/helloworld_back\/blob\/master\/.github\/workflows\/deploy.yml\">s\u00fabore deploy.yml<\/a><\/noindex>. <\/p>\n<p>Ale predt\u00fdm, ako ho rozoberieme, vypln\u00edme v Github potrebn\u00e9 Secret premenn\u00e9. Na to prejdeme do <i>Nastavenia -&gt; Tajomstv\u00e1<\/i>:<\/p>\n<ul>\n<li><code>DOCKER_REGISTRY<\/code> \u2014 hostite\u013e n\u00e1\u0161ho Docker repozit\u00e1ra (docker.helloworld.ru);<\/li>\n<li><code>DOCKER_LOGIN<\/code> \u2014 prihl\u00e1senie do Docker repozit\u00e1ra;<\/li>\n<li><code>DOCKER_PASSWORD<\/code> \u2014 heslo k nemu;<\/li>\n<li><code>DEPLOY_HOST<\/code> \u2014 host, na ktorom je dostupn\u00e1 administr\u00e1cia Plesk (pr\u00edklad: <noindex><a rel=\"nofollow\" href=\"https:\/\/helloworld.ru\">helloworld.ru<\/a><\/noindex>:8443 alebo <noindex><a rel=\"nofollow\" href=\"http:\/\/123.4.56.78\">123.4.56.78<\/a><\/noindex>:8443);<\/li>\n<li><code>DEPLOY_BACK_PROD_TOKEN<\/code> \u2014 token pre nasadenie do prod repozit\u00e1ra na serveri (dostali sme ho v Rozvoji v Plesk p. 4);<\/li>\n<li><code>DEPLOY_BACK_DEV_TOKEN<\/code> \u2014 token pre nasadenie do dev repozit\u00e1ra na serveri.<\/li>\n<\/ul>\n<p>\nProces nasadenia je jednoduch\u00fd a pozost\u00e1va z troch hlavn\u00fdch krokov: <\/p>\n<ul>\n<li>kompil\u00e1cia a publikovanie obrazu v na\u0161om repozit\u00e1ri;<\/li>\n<li>spustenie testov v kontajneri na z\u00e1klade \u010derstvo zostaven\u00e9ho obrazu;<\/li>\n<li>nasadenie do po\u017eadovan\u00e9ho prostredia v z\u00e1vislosti od vetvy (dev\/master).<\/li>\n<\/ul>\n<p><\/p>\n<h3>Frontend<\/h3>\n<p>\n<noindex><a rel=\"nofollow\" href=\"https:\/\/github.com\/olegborzov\/helloworld-front\/blob\/master\/.github\/workflows\/deploy.yml\">S\u00fabor deploy.yml pre front-end repozit\u00e1r<\/a><\/noindex> sa m\u00e1lo odli\u0161uje od back-endov\u00e9ho. Ch\u00fdba krok so spusten\u00edm testov a menia sa n\u00e1zvy tokenov pre nasadenie. Tajomstv\u00e1 pre front-end repozit\u00e1r je, mimochodom, potrebn\u00e9 vyplni\u0165 osobitne.<\/p>\n<h1>Nastavenie webu<\/h1>\n<p><\/p>\n<h2>Proxyovanie prev\u00e1dzky cez Nginx<\/h2>\n<p>\nTak\u017ee sme na konci. Zost\u00e1va len nastavi\u0165 proxyovanie prich\u00e1dzaj\u00facej a odch\u00e1dzaj\u00facej prev\u00e1dzky v na\u0161om kontajneri cez Nginx. Tento proces sme u\u017e presk\u00famali v bode 5 nastavenia Docker Registry. To ist\u00e9 je potrebn\u00e9 zopakova\u0165 pre back-end a front-end \u010dasti v dev a prod prostrediach.<\/p>\n<p>Predlo\u017e\u00edm sn\u00edmky nastaven\u00ed.<\/p>\n<h3>Backend pl\u00e1novali na Linuxe. Backend interaguje s DB, na\u010d\u00edtava potrebn\u00fd zoznam privilegi\u00ed a potom, v z\u00e1vislosti od toho, ak\u00e9 privilegovan\u00e9 m\u00e1 autorizovan\u00fd pou\u017e\u00edvate\u013e, poskytuje pr\u00edstup na podpisovanie finan\u010dn\u00fdch dokumentov a ich odosielanie na vykonanie, alebo generovanie nejak\u00e9ho reportu.<\/h3>\n<p>\n<img decoding=\"async\" alt=\"CI\/CD v Github Actions pre projekt na Flask+Angular\" src=\"\/wp-content\/uploads\/2020\/06\/f3c38dc1c25b648db000c72ef2d30b2a.png\" style=\"display:block;margin: 0 auto;\" \/><\/p>\n<h3>Frontend<\/h3>\n<p>\n<img decoding=\"async\" alt=\"CI\/CD v Github Actions pre projekt na Flask+Angular\" src=\"\/wp-content\/uploads\/2020\/06\/35d4d8ef3489608db1e173b7f214ca03.png\" style=\"display:block;margin: 0 auto;\" \/><br \/>\n<strong>D\u00f4le\u017eit\u00e9 upresnenie<\/strong>. Do front-end kontajnera bud\u00fa proxyovan\u00e9 v\u0161etky URL, okrem t\u00fdch, ktor\u00e9 za\u010d\u00ednaj\u00fa na <code>\/api\/<\/code> \u2014 tie bud\u00fa proxyovan\u00e9 do back-end kontajnera (preto <strong>v back-end kontajneri musia v\u0161etky spracovate\u013esk\u00e9 funkcie za\u010d\u00edna\u0165 s <\/strong><strong><code>\/api\/<\/code><\/strong>).<\/p>\n<h2>Zhrnutie<\/h2>\n<p>\nTeraz by mal by\u0165 n\u00e1\u0161 web pr\u00edstupn\u00fd na adres\u00e1ch helloworld.ru a dev.helloworld.ru (prod a dev prostredie, resp.).<\/p>\n<p>Celkovo sme sa nau\u010dili, ako pripravi\u0165 jednoduch\u00fa aplik\u00e1ciu na Flask a Angular a nastavi\u0165 pipeline v Github Actions pre jej nasadenie na serveri riadenom Pleskom.<\/p>\n<p>Zopakuajem odkazy na repozit\u00e1re s k\u00f3dom: <noindex><a rel=\"nofollow\" href=\"https:\/\/github.com\/olegborzov\/helloworld_back\">backend<\/a><\/noindex>, <noindex><a rel=\"nofollow\" href=\"https:\/\/github.com\/olegborzov\/helloworld-front\">frontend<\/a><\/noindex>.<br \/>\n<br \/>Zdroj: <a content=\"nofollow\" rel=\"nofollow\" href=\"https:\/\/habr.com\/ru\/company\/domclick\/blog\/506802\/\">habr.com<\/a> <\/p>","protected":false,"gt_translate_keys":[{"key":"rendered","format":"html"}]},"excerpt":{"rendered":"<p>\u0412 \u044d\u0442\u043e\u0439 \u0441\u0442\u0430\u0442\u044c\u0435 \u044f \u043f\u043e\u0434\u0435\u043b\u044e\u0441\u044c \u0441\u0432\u043e\u0438\u043c \u043e\u043f\u044b\u0442\u043e\u043c \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438 CI\/CD \u0441 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435\u043c \u043f\u0430\u043d\u0435\u043b\u0438 \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f Plesk \u0438 Github Actions. \u0421\u0435\u0433\u043e\u0434\u043d\u044f \u0431\u0443\u0434\u0435\u043c \u0443\u0447\u0438\u0442\u044c\u0441\u044f \u0434\u0435\u043f\u043b\u043e\u0438\u0442\u044c \u043f\u0440\u043e\u0441\u0442\u0435\u043d\u044c\u043a\u0438\u0439 \u043f\u0440\u043e\u0435\u043a\u0442 \u0441 \u043d\u0435\u0437\u0430\u043c\u044b\u0441\u043b\u043e\u0432\u0430\u0442\u044b\u043c \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u0435\u043c \u00abHelloworld\u00bb. \u041e\u043d \u043d\u0430\u043f\u0438\u0441\u0430\u043d \u043d\u0430 Python-\u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u0435 Flask, \u0441 \u0432\u043e\u0440\u043a\u0435\u0440\u0430\u043c\u0438 \u043d\u0430 Celery \u0438 \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434\u043e\u043c \u043d\u0430 Angular 8. \u0421\u0441\u044b\u043b\u043a\u0438 \u043d\u0430 \u0440\u0435\u043f\u043e\u0437\u0438\u0442\u043e\u0440\u0438\u0438: \u0431\u044d\u043a\u0435\u043d\u0434, \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434. \u0412 \u043f\u0435\u0440\u0432\u043e\u0439 \u0447\u0430\u0441\u0442\u0438 \u0441\u0442\u0430\u0442\u044c\u0438 \u043c\u044b \u043f\u043e\u0441\u043c\u043e\u0442\u0440\u0438\u043c \u043d\u0430 \u043d\u0430\u0448 \u043f\u0440\u043e\u0435\u043a\u0442 [&hellip;]<\/p>\n","protected":false,"gt_translate_keys":[{"key":"rendered","format":"html"}]},"author":1,"featured_media":85647,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[688],"tags":[],"class_list":["post-85646","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-administrirovanie"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 5.0.5 - aioseo.com -->\n\t<meta name=\"description\" content=\"\u0412 \u044d\u0442\u043e\u0439 \u0441\u0442\u0430\u0442\u044c\u0435 \u044f \u043f\u043e\u0434\u0435\u043b\u044e\u0441\u044c \u0441\u0432\u043e\u0438\u043c \u043e\u043f\u044b\u0442\u043e\u043c.\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<meta name=\"author\" content=\"Yuri Gagarin\"\/>\n\t<link rel=\"canonical\" href=\"https:\/\/prohoster.info\/sk\/blog\/administrirovanie\/ci-cd-v-github-actions-dlya-proekta-na-flask-angular\" \/>\n\t\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 5.0.5\" \/>\n\t\t<meta property=\"og:locale\" content=\"sk_SK\" \/>\n\t\t<meta property=\"og:site_name\" content=\"ProHoster | \u041a\u0443\u043f\u0438\u0442\u044c \u043d\u0430\u0434\u0435\u0436\u043d\u044b\u0439 \u0445\u043e\u0441\u0442\u0438\u043d\u0433 \u0434\u043b\u044f \u0441\u0430\u0439\u0442\u043e\u0432 \u0441 \u0437\u0430\u0449\u0438\u0442\u043e\u0439 \u043e\u0442 DDoS, VPS VDS \u0441\u0435\u0440\u0432\u0435\u0440\u044b\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"\ud83e\udd47CI\/CD \u0432 Github Actions \u0434\u043b\u044f \u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u043d\u0430 Flask+Angular | ProHoster\" \/>\n\t\t<meta property=\"og:description\" content=\"\u0412 \u044d\u0442\u043e\u0439 \u0441\u0442\u0430\u0442\u044c\u0435 \u044f \u043f\u043e\u0434\u0435\u043b\u044e\u0441\u044c \u0441\u0432\u043e\u0438\u043c \u043e\u043f\u044b\u0442\u043e\u043c.\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/prohoster.info\/sk\/blog\/administrirovanie\/ci-cd-v-github-actions-dlya-proekta-na-flask-angular\" \/>\n\t\t<meta property=\"og:image\" content=\"https:\/\/prohoster.info\/wp-content\/uploads\/2021\/11\/logo-350.jpg\" \/>\n\t\t<meta property=\"og:image:secure_url\" content=\"https:\/\/prohoster.info\/wp-content\/uploads\/2021\/11\/logo-350.jpg\" \/>\n\t\t<meta property=\"og:image:width\" content=\"350\" \/>\n\t\t<meta property=\"og:image:height\" content=\"350\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2020-06-17T23:42:15+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2020-06-17T23:42:15+00:00\" \/>\n\t\t<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/prohoster\" \/>\n\t\t<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/prohoster\" \/>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"\ud83e\udd47CI\/CD v Github Actions pre projekt na Flask+Angular | ProHoster","description":"V tomto \u010dl\u00e1nku sa podel\u00edm o svoje sk\u00fasenosti.","canonical_url":"https:\/\/prohoster.info\/sk\/blog\/administrirovanie\/ci-cd-v-github-actions-dlya-proekta-na-flask-angular","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":null,"og:locale":"sk_SK","og:site_name":"ProHoster | \u041a\u0443\u043f\u0438\u0442\u044c \u043d\u0430\u0434\u0435\u0436\u043d\u044b\u0439 \u0445\u043e\u0441\u0442\u0438\u043d\u0433 \u0434\u043b\u044f \u0441\u0430\u0439\u0442\u043e\u0432 \u0441 \u0437\u0430\u0449\u0438\u0442\u043e\u0439 \u043e\u0442 DDoS, VPS VDS \u0441\u0435\u0440\u0432\u0435\u0440\u044b","og:type":"article","og:title":"\ud83e\udd47CI\/CD \u0432 Github Actions \u0434\u043b\u044f \u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u043d\u0430 Flask+Angular | ProHoster","og:description":"\u0412 \u044d\u0442\u043e\u0439 \u0441\u0442\u0430\u0442\u044c\u0435 \u044f \u043f\u043e\u0434\u0435\u043b\u044e\u0441\u044c \u0441\u0432\u043e\u0438\u043c \u043e\u043f\u044b\u0442\u043e\u043c.","og:url":"https:\/\/prohoster.info\/sk\/blog\/administrirovanie\/ci-cd-v-github-actions-dlya-proekta-na-flask-angular","og:image":"https:\/\/prohoster.info\/wp-content\/uploads\/2021\/11\/logo-350.jpg","og:image:secure_url":"https:\/\/prohoster.info\/wp-content\/uploads\/2021\/11\/logo-350.jpg","og:image:width":350,"og:image:height":350,"article:published_time":"2020-06-17T23:42:15+00:00","article:modified_time":"2020-06-17T23:42:15+00:00","article:publisher":"https:\/\/www.facebook.com\/prohoster","article:author":"https:\/\/www.facebook.com\/prohoster"},"aioseo_meta_data":{"post_id":"85646","title":null,"description":null,"keywords":null,"keyphrases":null,"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":null,"og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"","isEnabled":true},"graphs":[]},"schema_type":null,"schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":null,"robots_max_videopreview":null,"robots_max_imagepreview":"large","priority":null,"frequency":null,"local_seo":null,"seo_analyzer_scan_date":null,"breadcrumb_settings":null,"limit_modified_date":false,"reviewed_by":null,"ai":null,"created":"2021-02-28 13:12:50","updated":"2022-09-29 06:56:26","focus_keyword":null,"additional_keywords":null,"truseo_locale":null},"gt_translate_keys":[{"key":"link","format":"url"}],"_links":{"self":[{"href":"https:\/\/prohoster.info\/sk\/wp-json\/wp\/v2\/posts\/85646","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/prohoster.info\/sk\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/prohoster.info\/sk\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/prohoster.info\/sk\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/prohoster.info\/sk\/wp-json\/wp\/v2\/comments?post=85646"}],"version-history":[{"count":0,"href":"https:\/\/prohoster.info\/sk\/wp-json\/wp\/v2\/posts\/85646\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/prohoster.info\/sk\/wp-json\/wp\/v2\/media\/85647"}],"wp:attachment":[{"href":"https:\/\/prohoster.info\/sk\/wp-json\/wp\/v2\/media?parent=85646"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/prohoster.info\/sk\/wp-json\/wp\/v2\/categories?post=85646"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/prohoster.info\/sk\/wp-json\/wp\/v2\/tags?post=85646"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}