{"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\/cs\/blog\/administrirovanie\/ci-cd-v-github-actions-dlya-proekta-na-flask-angular","title":{"rendered":"CI\/CD v Github Actions pro projekt na Flasku a Angularu.","gt_translate_keys":[{"key":"rendered","format":"text"}]},"content":{"rendered":"<p><img decoding=\"async\" alt=\"CI\/CD v Github Actions pro projekt na Flasku a Angularu.\" src=\"\/wp-content\/uploads\/2020\/06\/26d0945a41bbf3c98fa92f15be5b8c6c.png\" style=\"display:block;margin: 0 auto;\" \/><br \/>\nV tomto \u010dl\u00e1nku se pod\u011bl\u00edm o sv\u00e9 zku\u0161enosti s nastaven\u00edm CI\/CD pomoc\u00ed ovl\u00e1dac\u00edho panelu Plesk a Github Actions. Dnes se nau\u010d\u00edme nasadit jednoduch\u00fd projekt s n\u00e1zvem \u201eHelloworld\u201c. Je naps\u00e1n na Python frameworku Flask, s workery na Celery a frontendem na Angular 8.<\/p>\n<p><b>Odkazy na repozit\u00e1\u0159e:<\/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 prvn\u00ed \u010d\u00e1sti \u010dl\u00e1nku se pod\u00edv\u00e1me na n\u00e1\u0161 projekt a jeho \u010d\u00e1sti. Ve druh\u00e9 \u010d\u00e1sti si uk\u00e1\u017eeme, jak nastavit Plesk a nainstalovat pot\u0159ebn\u00e1 roz\u0161\u00ed\u0159en\u00ed a komponenty (DB, RabbitMQ, Redis, Docker atd.).<\/p>\n<p>Ve t\u0159et\u00ed \u010d\u00e1sti kone\u010dn\u011b zjist\u00edme, jak nastavit pipeline pro nasazen\u00ed na\u0161eho projektu na server do dev- a prod- prost\u0159ed\u00ed. A pot\u00e9 spust\u00edme web na serveru.<\/p>\n<p>A ano, zapomn\u011bl jsem se p\u0159edstavit. Jmenuji se Oleg Borzov, jsem fullstack v\u00fdvoj\u00e1\u0159 v t\u00fdmu CRM pro mana\u017eery hypote\u010dn\u00edho \u00fav\u011brov\u00e1n\u00ed v Domklik. <br \/>\n<noindex><a rel=\"nofollow\" name=\"habracut\"><\/a><\/noindex><\/p>\n<h1>P\u0159ehled projektu<\/h1>\n<p>\nNejprve se pod\u00edv\u00e1me na dv\u011b repozit\u00e1\u0159e projektu \u2014 backend a frontend \u2014 a projdeme si k\u00f3d.<\/p>\n<h2>Backend \u010d\u00e1st: Flask+Celery<\/h2>\n<p>\nPro backend jsem vzal dost popul\u00e1rn\u00ed kombinaci mezi Python v\u00fdvoj\u00e1\u0159i: framework Flask (pro API) a Celery (pro frontu \u00faloh). Jako ORM je pou\u017e\u00edv\u00e1no SQLAlchemy. Pro migraci se pou\u017e\u00edv\u00e1 Alembic. Pro validaci JSON v routech \u2014 Marshmallow.<\/p>\n<p>V <noindex><a rel=\"nofollow\" href=\"https:\/\/github.com\/olegborzov\/helloworld_back\">repozit\u00e1\u0159e<\/a><\/noindex> existuje soubor Readme.md s podrobn\u00fdm popisem struktury a instrukcemi pro spu\u0161t\u011bn\u00ed projektu.<\/p>\n<p><noindex><a rel=\"nofollow\" href=\"https:\/\/github.com\/olegborzov\/helloworld_back\/tree\/master\/app_web\">API webov\u00e9 \u010d\u00e1sti<\/a><\/noindex> je pom\u011brn\u011b jednoduch\u00e9, skl\u00e1d\u00e1 se ze 6 rout:<\/p>\n<ul>\n<li><code>\/ping<\/code> \u2014 pro kontrolu dostupnosti;<\/li>\n<li>routy pro registraci, autorizaci, deautorizaci a z\u00edsk\u00e1n\u00ed autorizovan\u00e9ho u\u017eivatele;<\/li>\n<li>routa pro odes\u00edl\u00e1n\u00ed emailu, kter\u00e1 p\u0159id\u00e1v\u00e1 \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 \u010d\u00e1st<\/a><\/noindex> je je\u0161t\u011b jednodu\u0161\u0161\u00ed, existuje tam pouze jedna \u00faloha <code>send_mail_task<\/code>.<\/p>\n<p>Ve slo\u017ece <noindex><a rel=\"nofollow\" href=\"https:\/\/github.com\/olegborzov\/helloworld_back\/tree\/master\/conf\/\">\/conf<\/a><\/noindex> jsou zde dv\u011b podslo\u017eky: <\/p>\n<ul>\n<li><code>docker<\/code> s dv\u011bma Docker soubory (<code>base.dockerfile<\/code> pro sestaven\u00ed seldom m\u011bn\u011bn\u00e9ho z\u00e1kladn\u00edho obrazu a <code>Dockerfile<\/code> pro hlavn\u00ed sestavy);<\/li>\n<li><code>.env_files<\/code> \u2014 se soubory prom\u011bnn\u00fdch pro r\u016fzn\u00e9 prost\u0159ed\u00ed. <\/li>\n<\/ul>\n<p>\nV ko\u0159eni projektu se nach\u00e1zej\u00ed \u010dty\u0159i soubory docker-compose:<\/p>\n<ul>\n<li><code>docker-compose.local.db.yml<\/code> pro spu\u0161t\u011bn\u00ed lok\u00e1ln\u00ed datab\u00e1ze pro v\u00fdvoj;<\/li>\n<li><code>docker-compose.local.workers.yml<\/code> pro lok\u00e1ln\u00ed spu\u0161t\u011bn\u00ed workeru, datab\u00e1ze, Redis a RabbitMQ;<\/li>\n<li><code>docker-compose.test.yml<\/code> pro prov\u00e1d\u011bn\u00ed test\u016f p\u0159i nasazen\u00ed;<\/li>\n<li><code>docker-compose.yml<\/code> pro nasazen\u00ed.<\/li>\n<\/ul>\n<p>\nA posledn\u00ed zaj\u00edmav\u00e1 slo\u017eka pro n\u00e1s \u2014 <noindex><a rel=\"nofollow\" href=\"https:\/\/github.com\/olegborzov\/helloworld_back\/tree\/master\/.ci-cd\">.ci-cd<\/a><\/noindex>. Obsahuje shell skripty pro nasazen\u00ed:<\/p>\n<ul>\n<li><code>deploy.sh<\/code> \u2014 spu\u0161t\u011bn\u00ed migrace a nasazen\u00ed. Spou\u0161t\u00ed se na serveru po sestaven\u00ed a proveden\u00ed test\u016f v Github Actions;<\/li>\n<li><code>rollback.sh<\/code> \u2014 vr\u00e1cen\u00ed kontejner\u016f na p\u0159edchoz\u00ed verzi sestaven\u00ed;<\/li>\n<li><code>curl_tg.sh<\/code> \u2014 odes\u00edl\u00e1n\u00ed upozorn\u011bn\u00ed na nasazen\u00ed do Telegramu.<\/li>\n<\/ul>\n<p><\/p>\n<h2>Frontend na Angularu<\/h2>\n<p>\n<noindex><a rel=\"nofollow\" href=\"https:\/\/github.com\/olegborzov\/helloworld-front\">Repozit\u00e1\u0159 s frontendem<\/a><\/noindex> je v\u00fdrazn\u011b jednodu\u0161\u0161\u00ed ne\u017e backendov\u00fd. Frontend se skl\u00e1d\u00e1 ze t\u0159\u00ed str\u00e1nek:<\/p>\n<ul>\n<li>Hlavn\u00ed str\u00e1nka s formul\u00e1\u0159em pro odes\u00edl\u00e1n\u00ed emailu a tla\u010d\u00edtkem pro odhl\u00e1\u0161en\u00ed.<\/li>\n<li>P\u0159ihla\u0161ovac\u00ed str\u00e1nka.<\/li>\n<li>Registra\u010dn\u00ed str\u00e1nka.<\/li>\n<\/ul>\n<p>\nHlavn\u00ed str\u00e1nka vypad\u00e1 skromn\u011b:<\/p>\n<p><img decoding=\"async\" alt=\"CI\/CD v Github Actions pro projekt na Flasku a Angularu.\" src=\"\/wp-content\/uploads\/2020\/06\/4db36add2c4277397724b0d71b96ff06.png\" style=\"display:block;margin: 0 auto;\" \/><br \/>\nV ko\u0159enov\u00e9m adres\u00e1\u0159i jsou dva soubory <code>Dockerfile<\/code> a <code>docker-compose.yml<\/code>, stejn\u011b jako zn\u00e1m\u00e1 slo\u017eka <code>.ci-cd<\/code> s o n\u011bco men\u0161\u00edm po\u010dtem skript\u016f ne\u017e v backendov\u00e9m repozit\u00e1\u0159i (byly odstran\u011bny skripty pro spu\u0161t\u011bn\u00ed test\u016f).<\/p>\n<h1>Zalo\u017een\u00ed projektu v Plesk<\/h1>\n<p>\nZa\u010dneme s nastaven\u00edm Plesk a vytvo\u0159en\u00edm p\u0159edplatn\u00e9ho pro na\u0161i str\u00e1nku.<\/p>\n<h2>Instalace roz\u0161\u00ed\u0159en\u00ed<\/h2>\n<p>\nV Plesk budeme pot\u0159ebovat \u010dty\u0159i roz\u0161\u00ed\u0159en\u00ed: <\/p>\n<ul>\n<li><code>Docker<\/code> pro spr\u00e1vu a vizu\u00e1ln\u00ed zobrazen\u00ed stavu kontejner\u016f v administraci Plesk;<\/li>\n<li><code>Git<\/code> pro nastaven\u00ed kroku nasazen\u00ed na serveru;<\/li>\n<li><code>Let's Encrypt<\/code> pro generov\u00e1n\u00ed (a automatick\u00e9 obnovov\u00e1n\u00ed) bezplatn\u00fdch TLS certifik\u00e1t\u016f;<\/li>\n<li><code>Firewall<\/code> pro nastaven\u00ed filtrov\u00e1n\u00ed p\u0159\u00edchoz\u00edho provozu.<\/li>\n<\/ul>\n<p>\nInstalovat je lze p\u0159es administraci Plesk v sekci Roz\u0161\u00ed\u0159en\u00ed:<\/p>\n<p><img decoding=\"async\" alt=\"CI\/CD v Github Actions pro projekt na Flasku a Angularu.\" src=\"\/wp-content\/uploads\/2020\/06\/350cf7d7ca3ae1a965a0d3f8a73594ef.png\" style=\"display:block;margin: 0 auto;\" \/><br \/>\nPodrobnou konfiguraci roz\u0161\u00ed\u0159en\u00ed nebudeme zkoumat, pro na\u0161e demo \u00fa\u010dely budou vyhovovat v\u00fdchoz\u00ed nastaven\u00ed.<\/p>\n<h2>Vytvo\u0159en\u00ed p\u0159edplatn\u00e9ho a webov\u00e9 str\u00e1nky<\/h2>\n<p>\nD\u00e1le pot\u0159ebujeme vytvo\u0159it p\u0159edplatn\u00e9 pro na\u0161i str\u00e1nku helloworld.ru a p\u0159idat tam subdom\u00e9nu dev.helloworld.ru.<\/p>\n<ol>\n<li>Vytv\u00e1\u0159\u00edme p\u0159edplatn\u00e9 pro dom\u00e9nu helloworld.ru a uv\u00e1d\u00edme u\u017eivatelsk\u00e9 jm\u00e9no a heslo pro syst\u00e9mov\u00e9ho u\u017eivatele:\n<p><img decoding=\"async\" alt=\"CI\/CD v Github Actions pro projekt na Flasku a Angularu.\" src=\"\/wp-content\/uploads\/2020\/06\/3932dc7492aa523b6cbd540ad7a7fe6b.png\" style=\"display:block;margin: 0 auto;\" \/><br \/>\nDole na str\u00e1nce za\u0161krtneme <i>Zabezpe\u010dte dom\u00e9nu s Let&#8217;s Encrypt<\/i>, pokud chceme nastavit HTTPS pro str\u00e1nku:<\/p>\n<p><img decoding=\"async\" alt=\"CI\/CD v Github Actions pro projekt na Flasku a Angularu.\" src=\"\/wp-content\/uploads\/2020\/06\/f4d23a34764fdeb411fe2ca9cc95cb45.png\" style=\"display:block;margin: 0 auto;\" \/><\/li>\n<li>D\u00e1le v tomto p\u0159edplatn\u00e9m vytv\u00e1\u0159\u00edme subdom\u00e9nu dev.helloworld.ru (pro kterou lze rovn\u011b\u017e vydat bezplatn\u00fd TLS certifik\u00e1t):\n<p><img decoding=\"async\" alt=\"CI\/CD v Github Actions pro projekt na Flasku a Angularu.\" src=\"\/wp-content\/uploads\/2020\/06\/d57e6ba71454cb537917400de4275e92.png\" style=\"display:block;margin: 0 auto;\" \/><\/li>\n<\/ol>\n<p><\/p>\n<h1>Instalace serverov\u00fdch komponent\u016f<\/h1>\n<p>\nM\u00e1me k dispozici server s <i>OS Debian Stretch 9.12<\/i> a nainstalovanou \u0159\u00eddic\u00ed panely <i>Plesk Obsidian 18.0.27<\/i>.<\/p>\n<p>Mus\u00edme nainstalovat a nastavit pro n\u00e1\u0161 projekt:<\/p>\n<ul>\n<li>PostgreSQL (v na\u0161em p\u0159\u00edpad\u011b bude jeden server se dv\u011bma datab\u00e1zemi pro dev a prod prost\u0159ed\u00ed).<\/li>\n<li>RabbitMQ (to sam\u00e9, jeden instance s r\u016fzn\u00fdmi vhosts pro prost\u0159ed\u00ed).<\/li>\n<li>Dva instance Redis (pro dev a prod prost\u0159ed\u00ed).<\/li>\n<li>Docker Registry (pro m\u00edstn\u00ed ukl\u00e1d\u00e1n\u00ed sestaven\u00fdch Docker obraz\u016f).<\/li>\n<li>UI rozhran\u00ed pro Docker registry.<\/li>\n<\/ul>\n<p><\/p>\n<h2>PostgreSQL<\/h2>\n<p>\nS Plesk u\u017e je dod\u00e1van\u00e1 datab\u00e1ze PostgreSQL, av\u0161ak ne v nejnov\u011bj\u0161\u00ed verzi (k datu psan\u00ed tohoto \u010dl\u00e1nku Plesk Obsidian <noindex><a rel=\"nofollow\" href=\"https:\/\/docs.plesk.com\/release-notes\/obsidian\/software-requirements\/\">podporoval<\/a><\/noindex> Postgres verz\u00ed 8.4\u201310.8). My v\u0161ak chceme pro na\u0161i aplikaci nejnov\u011bj\u0161\u00ed verzi (12.3 k datu psan\u00ed tohoto \u010dl\u00e1nku), tak\u017ee ji nainstalujeme ru\u010dn\u011b.<\/p>\n<p>Na internetu je spousta podrobn\u00fdch n\u00e1vod\u016f na instalaci Postgres na Debianu (<noindex><a rel=\"nofollow\" href=\"https:\/\/tecadmin.net\/install-postgresql-on-debian-9-stretch\/\">p\u0159\u00edklad<\/a><\/noindex>), tak\u017ee je nebudu podrobn\u011b popisovat, pouze uvedu p\u0159\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>\nVzhledem k tomu, \u017ee PostgreSQL m\u00e1 pr\u016fm\u011brn\u011b nastaven\u00e9 v\u00fdchoz\u00ed hodnoty, je nezbytn\u00e9 upravit konfiguraci. S t\u00edm n\u00e1m pom\u016f\u017ee <noindex><a rel=\"nofollow\" href=\"http:\/\/pgconfigurator.cybertec.at\/\">kalkula\u010dka<\/a><\/noindex>: je t\u0159eba zadat parametry sv\u00e9ho serveru a nahradit nastaven\u00ed v souboru <code>\/etc\/postgresql\/12\/main\/postgresql.conf<\/code>n\u00e1vrhy. Je t\u0159eba poznamenat, \u017ee podobn\u00e9 kalkula\u010dky nejsou st\u0159\u00edbrnou kulkou a datab\u00e1zi je t\u0159eba jemn\u011bji ladit podle va\u0161eho hardwaru, aplikace a slo\u017eitosti dotaz\u016f. Ale pro za\u010d\u00e1tek je to dostate\u010dn\u00e9.<\/p>\n<p>Krom\u011b nastaven\u00ed navr\u017een\u00fdch kalkula\u010dkou m\u011bn\u00edme tak\u00e9 v <code>postgresql.conf<\/code>v\u00fdchoz\u00ed port 5432 na jin\u00fd (v na\u0161em p\u0159\u00edkladu \u2014 <strong>53983<\/strong>).<\/p>\n<p>Po zm\u011bn\u011b konfigura\u010dn\u00edho souboru restartujeme postgresql-server p\u0159\u00edkazem:<\/p>\n<pre><code class=\"bash\">service postgresql restart\n<\/code><\/pre>\n<p>\nNainstalovali jsme a nastavili PostgreSQL. Nyn\u00ed vytvo\u0159\u00edme datab\u00e1ze, u\u017eivatele pro dev- a prod- prost\u0159ed\u00ed a ud\u011bl\u00edme u\u017eivatel\u016fm pr\u00e1va na spr\u00e1vu datab\u00e1z\u00ed:<\/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>\nP\u0159ejdeme k instalaci RabbitMQ \u2014 zprost\u0159edkovatele zpr\u00e1v pro Celery. Na Debianu se instaluje docela jednodu\u0161e:<\/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 instalaci mus\u00edme vytvo\u0159it <i>vhosts<\/i>, u\u017eivatele a ud\u011blit pot\u0159ebn\u00e1 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>Redis<\/h2>\n<p>\nNyn\u00ed nainstalujeme a nastav\u00edme posledn\u00ed komponentu pro na\u0161i aplikaci \u2014 Redis. Bude pou\u017eit jako backend pro ukl\u00e1d\u00e1n\u00ed v\u00fdsledk\u016f \u00faloh Celery.<\/p>\n<p>Zvedneme dva Docker kontejnery s Redis pro dev- a prod- prost\u0159ed\u00ed pomoc\u00ed roz\u0161\u00ed\u0159en\u00ed <code>Docker<\/code> pro Plesk.<\/p>\n<ol>\n<li>P\u0159ejdeme do Plesku, otev\u0159eme sekci Roz\u0161\u00ed\u0159en\u00ed, vyhled\u00e1me roz\u0161\u00ed\u0159en\u00ed Docker a nainstalujeme ho (pot\u0159ebujeme bezplatnou verzi):\n<p><img decoding=\"async\" alt=\"CI\/CD v Github Actions pro projekt na Flasku a Angularu.\" src=\"\/wp-content\/uploads\/2020\/06\/5638f9b40274e4f7441434279c76a426.png\" style=\"display:block;margin: 0 auto;\" \/><\/li>\n<li>P\u0159ejdeme do nainstalovan\u00e9ho roz\u0161\u00ed\u0159en\u00ed a najdeme p\u0159es vyhled\u00e1v\u00e1n\u00ed obraz <code>redis bitnami<\/code> a nainstalujeme posledn\u00ed verzi:\n<p><img decoding=\"async\" alt=\"CI\/CD v Github Actions pro projekt na Flasku a Angularu.\" src=\"\/wp-content\/uploads\/2020\/06\/578bbbed6a66a60a4f7410f7d61ea542.png\" style=\"display:block;margin: 0 auto;\" \/><\/li>\n<li>P\u0159ejdeme do sta\u017een\u00e9ho kontejneru a uprav\u00edme konfiguraci: nastav\u00edme port, maxim\u00e1ln\u00ed p\u0159id\u011blenou velikost RAM, heslo v prom\u011bnn\u00fdch prost\u0159ed\u00ed a namontujeme svazek:\n<p><img decoding=\"async\" alt=\"CI\/CD v Github Actions pro projekt na Flasku a Angularu.\" src=\"\/wp-content\/uploads\/2020\/06\/8bc804b794735412f5e510b3049c5667.png\" style=\"display:block;margin: 0 auto;\" \/><\/li>\n<li>Prov\u00e1d\u00edme kroky 2-3 pro prod-kontejner, pouze m\u011bn\u00edme parametry: port, heslo, velikost RAM a cestu ke slo\u017ece svazku na serveru:\n<p><img decoding=\"async\" alt=\"CI\/CD v Github Actions pro projekt na Flasku a Angularu.\" 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>\nKrom\u011b z\u00e1kladn\u00edch slu\u017eeb by bylo dobr\u00e9 na server nainstalovat vlastn\u00ed repozit\u00e1\u0159 Docker obraz\u016f. Na\u0161t\u011bst\u00ed je m\u00edsto na serverech dnes dost levn\u00e9 (ur\u010dit\u011b levn\u011bj\u0161\u00ed ne\u017e p\u0159edplatn\u00e9 na DockerHub) a proces instalace soukrom\u00e9ho repozit\u00e1\u0159e je velmi jednoduch\u00fd. <\/p>\n<p>Chceme, aby byly nainstalov\u00e1ny:<\/p>\n<ul>\n<li>chr\u00e1n\u011bn\u00fd heslem Docker repozit\u00e1\u0159 dostupn\u00fd p\u0159es subdom\u00e9nu <noindex><a rel=\"nofollow\" href=\"https:\/\/docker.helloworld.ru\">https:\/\/docker.helloworld.ru<\/a><\/noindex>;<\/li>\n<li>UI rozhran\u00ed pro zobrazen\u00ed obraz\u016f v repozit\u00e1\u0159i 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>\nK tomu:<\/p>\n<ol>\n<li>V Plesku vytvo\u0159\u00edme dva subdom\u00e9ny v na\u0161em p\u0159edplatn\u00e9m: docker.helloworld.ru a docker-ui.helloworld.ru, a nastav\u00edme pro n\u011b certifik\u00e1ty Let\u2019s Encrypt.<\/li>\n<li>Do slo\u017eky subdom\u00e9ny docker.helloworld.ru p\u0159id\u00e1me soubor <code>docker-compose.yml<\/code> s t\u00edmto obsahem:\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>P\u0159es SSH vygenerujeme soubor .htpasswd pro Basic autorizaci v Docker repozit\u00e1\u0159i:\n<pre><code class=\"plaintext\">htpasswd -bBc .htpasswd hw_docker_admin hw_docker_password<\/code><\/pre>\n<\/li>\n<li>Sestav\u00edme a spust\u00edme kontejnery:\n<pre><code class=\"plaintext\">docker-compose up -d<\/code><\/pre>\n<\/li>\n<li>A je pot\u0159eba p\u0159esm\u011brovat Nginx na na\u0161e kontejnery. To lze prov\u00e9st p\u0159es Plesk. <\/li>\n<\/ol>\n<p>\nN\u00e1sleduj\u00edc\u00ed akce je pot\u0159eba prov\u00e9st pro subdom\u00e9ny docker.helloworld.ru a docker-ui.helloworld.ru:<\/p>\n<p>V sekci <i>Dev Tools<\/i> na\u0161\u00ed str\u00e1nky se dostaneme do <i>Docker Proxy Rules<\/i>:<\/p>\n<p><img decoding=\"async\" alt=\"CI\/CD v Github Actions pro projekt na Flasku a Angularu.\" src=\"\/wp-content\/uploads\/2020\/06\/d9c05901d95d61ce5db27a1a7cfddf49.png\" style=\"display:block;margin: 0 auto;\" \/><br \/>\nA p\u0159id\u00e1me pravidlo pro proch\u00e1zen\u00ed p\u0159\u00edchoz\u00edho provozu do na\u0161eho kontejneru:<\/p>\n<p><img decoding=\"async\" alt=\"CI\/CD v Github Actions pro projekt na Flasku a Angularu.\" src=\"\/wp-content\/uploads\/2020\/06\/faa85cf6da648ef55b7c87c44040efb1.png\" style=\"display:block;margin: 0 auto;\" \/><\/p>\n<ol>\n<li>Zkontrolujeme, \u017ee se m\u016f\u017eeme autorizovat v na\u0161em kontejneru z lok\u00e1ln\u00edho po\u010d\u00edta\u010de:\n<pre><code class=\"plaintext\">$ docker login docker.helloworld.ru -u hw_docker_admin -p hw_docker_password\nUPOZORN\u011aN\u00cd! Pou\u017eit\u00ed --password p\u0159es CLI je nepraktick\u00e9. Pou\u017eijte --password-stdin.\n\u00dasp\u011b\u0161n\u00e9 p\u0159ihl\u00e1\u0161en\u00ed<\/code><\/pre>\n<\/li>\n<li>Tak\u00e9 zkontrolujeme funkci subdom\u00e9ny docker-ui.helloworld.ru:\n<p><img decoding=\"async\" alt=\"CI\/CD v Github Actions pro projekt na Flasku a Angularu.\" src=\"\/wp-content\/uploads\/2020\/06\/fdd6e1396c27c02a88bcbd7efb12f247.png\" style=\"display:block;margin: 0 auto;\" \/><br \/>\nKdy\u017e kliknete na proch\u00e1zet repozit\u00e1\u0159e, prohl\u00ed\u017ee\u010d otev\u0159e okno pro p\u0159ihl\u00e1\u0161en\u00ed, kde budete muset zadat u\u017eivatelsk\u00e9 jm\u00e9no a heslo pro repozit\u00e1\u0159. Pot\u00e9 budete p\u0159esm\u011brov\u00e1ni na str\u00e1nku se seznamem repozit\u00e1\u0159\u016f (prozat\u00edm bude pr\u00e1zdn\u00e1):<\/p>\n<p><img decoding=\"async\" alt=\"CI\/CD v Github Actions pro projekt na Flasku a Angularu.\" src=\"\/wp-content\/uploads\/2020\/06\/f2d75edb530e9d746095ae02d7793c1f.png\" style=\"display:block;margin: 0 auto;\" \/><\/li>\n<\/ol>\n<p><\/p>\n<h2>Otev\u0159ete porty ve Firewallu Plesk<\/h2>\n<p>\nPo instalaci a nastaven\u00ed komponent mus\u00edme otev\u0159\u00edt porty, aby byly komponenty p\u0159\u00edstupn\u00e9 z Docker kontejner\u016f a z vn\u011bj\u0161\u00ed s\u00edt\u011b.<\/p>\n<p>Pod\u00edv\u00e1me se, jak to ud\u011blat, na p\u0159\u00edkladu roz\u0161\u00ed\u0159en\u00ed Firewall pro Plesk, kter\u00e9 jsme nainstalovali d\u0159\u00edve.<\/p>\n<ol>\n<li>P\u0159ejdeme do <i>N\u00e1stroje &amp; Nastaven\u00ed &gt; Nastaven\u00ed &gt; Firewall<\/i>:<br \/>\n<img decoding=\"async\" alt=\"CI\/CD v Github Actions pro projekt na Flasku a Angularu.\" src=\"\/wp-content\/uploads\/2020\/06\/d54b4941944fe191574472a475cbaebe.png\" style=\"display:block;margin: 0 auto;\" \/><\/li>\n<li>P\u0159ejdeme do <i>Upravit pravidla Firewall Plesk &gt; P\u0159idat vlastn\u00ed pravidlo<\/i> a otev\u0159en\u00ed n\u00e1sleduj\u00edc\u00edch TCP port\u016f pro pods\u00ed\u0165 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 pro projekt na Flasku a Angularu.\" src=\"\/wp-content\/uploads\/2020\/06\/3359845f9bd6dc303274da737d4b27a2.png\" style=\"display:block;margin: 0 auto;\" \/><\/li>\n<li>D\u00e1le p\u0159id\u00e1me pravidlo, kter\u00e9 otev\u0159e porty PostgreSQL a management panelu RabbitMQ pro vn\u011bj\u0161\u00ed sv\u011bt:\n<p><img decoding=\"async\" alt=\"CI\/CD v Github Actions pro projekt na Flasku a Angularu.\" src=\"\/wp-content\/uploads\/2020\/06\/f812cfc7127da469507538ea48b2c80d.png\" style=\"display:block;margin: 0 auto;\" \/><\/li>\n<li>Aplikujte pravidla pomoc\u00ed tla\u010d\u00edtka Aplikovat zm\u011bny:\n<p><img decoding=\"async\" alt=\"CI\/CD v Github Actions pro projekt na Flasku a Angularu.\" src=\"\/wp-content\/uploads\/2020\/06\/e85444ae717aaefa796664003fc86578.png\" style=\"display:block;margin: 0 auto;\" \/><\/li>\n<\/ol>\n<p><\/p>\n<h1>Nastaven\u00ed CI\/CD v Github Actions<\/h1>\n<p>\nP\u0159istoup\u00edme k nejzaj\u00edmav\u011bj\u0161\u00ed \u010d\u00e1sti \u2014 nastaven\u00ed pipeline kontinu\u00e1ln\u00ed integrace a dod\u00e1n\u00ed na\u0161eho projektu na server.<\/p>\n<p>Tato pipeline se bude skl\u00e1dat ze dvou \u010d\u00e1st\u00ed: <\/p>\n<ul>\n<li>sestaven\u00ed obrazu a spu\u0161t\u011bn\u00ed test\u016f (pro backend) \u2014 na stran\u011b Github;<\/li>\n<li>spu\u0161t\u011bn\u00ed migrac\u00ed (pro backend) a nasazen\u00ed kontejner\u016f \u2014 na serveru.<\/li>\n<\/ul>\n<p><\/p>\n<h2>Nasazen\u00ed v Plesk<\/h2>\n<p>\nNejprve se pod\u00edv\u00e1me na druh\u00fd bod (proto\u017ee od n\u011bj z\u00e1vis\u00ed prvn\u00ed).<\/p>\n<p>Proces nasazen\u00ed nastav\u00edme pomoc\u00ed roz\u0161\u00ed\u0159en\u00ed Git pro Plesk.<\/p>\n<p>Uva\u017eujme p\u0159\u00edklad s produk\u010dn\u00edm prost\u0159ed\u00edm pro Backend repozit\u00e1\u0159.<\/p>\n<ol>\n<li>P\u0159ejdeme do odb\u011bru na\u0161eho webu Helloworld a p\u0159ejdeme do podsekce Git:\n<p><img decoding=\"async\" alt=\"CI\/CD v Github Actions pro projekt na Flasku a Angularu.\" src=\"\/wp-content\/uploads\/2020\/06\/b55b371560ea87a2954b6553a7cefc49.png\" style=\"display:block;margin: 0 auto;\" \/><\/li>\n<li>Vlo\u017e\u00edme do pole \u201eRemote Git repository\u201c odkaz na n\u00e1\u0161 Github repozit\u00e1\u0159 a zm\u011bn\u00edme v\u00fdchoz\u00ed slo\u017eku <code>httpdocs<\/code> na jinou (nap\u0159\u00edklad, <code>\/httpdocs\/hw_back<\/code>):\n<p><img decoding=\"async\" alt=\"CI\/CD v Github Actions pro projekt na Flasku a Angularu.\" src=\"\/wp-content\/uploads\/2020\/06\/db9ba9adb6e2e1bed5da7ae8e88c76e1.png\" style=\"display:block;margin: 0 auto;\" \/><\/li>\n<li>Zkop\u00edrujte SSH ve\u0159ejn\u00fd kl\u00ed\u010d z p\u0159edchoz\u00edho kroku a <noindex><a rel=\"nofollow\" href=\"https:\/\/github.com\/settings\/ssh\/new\">p\u0159idejte<\/a><\/noindex> ho do nastaven\u00ed Github.<\/li>\n<li>Stiskn\u011bte OK na obrazovce v bod\u011b 2, pot\u00e9 budete p\u0159esm\u011brov\u00e1ni na str\u00e1nku repozit\u00e1\u0159e v Plesk. Nyn\u00ed mus\u00edme nastavit aktualizaci repozit\u00e1\u0159e p\u0159i commitech do v\u011btve master. K tomu p\u0159ejdeme do <i>Nastaven\u00ed repozit\u00e1\u0159e<\/i> a ulo\u017e\u00edme hodnotu <code>Webhook URL<\/code> (bude pot\u0159eba pozd\u011bji p\u0159i nastavov\u00e1n\u00ed Github Actions):\n<p><img decoding=\"async\" alt=\"CI\/CD v Github Actions pro projekt na Flasku a Angularu.\" src=\"\/wp-content\/uploads\/2020\/06\/14d48a357f821d734d40dc434ab3682a.png\" style=\"display:block;margin: 0 auto;\" \/><\/li>\n<li>Na obrazovce z p\u0159edchoz\u00edho bodu do pole Actions zad\u00e1me skript pro spu\u0161t\u011bn\u00ed nasazen\u00ed:\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 adres\u00e1\u0159i produk\u010dn\u00edho backend repozit\u00e1\u0159e na serveru;<br \/>\n<code>{ENV}<\/code> \u2014 prost\u0159ed\u00ed (dev\/production), v na\u0161em p\u0159\u00edpad\u011b <code>prod<\/code>;<br \/>\n<code>{DOCKER_REGISTRY_HOST}<\/code> \u2014 host na\u0161ich docker repozit\u00e1\u0159\u016f<br \/>\n<code>{TG_BOT_TOKEN}<\/code> \u2014 token Telegram bota;<br \/>\n<code>{TG_CHAT_ID}<\/code> \u2014 ID chatu\/kan\u00e1lu pro zas\u00edl\u00e1n\u00ed ozn\u00e1men\u00ed.<\/p>\n<p>P\u0159\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>P\u0159id\u00e1v\u00e1me u\u017eivatele z na\u0161eho p\u0159edplatn\u00e9ho do skupiny Docker (aby mohl spravovat kontejnery):\n<pre><code class=\"plaintext\">sudo usermod -aG docker helloworld_admin<\/code><\/pre>\n<\/li>\n<\/ol>\n<p>\nV\u00fdvojov\u00e9 prost\u0159ed\u00ed pro backend-repozit\u00e1\u0159 a frontend se nastavuje obdobn\u011b.<\/p>\n<h2>Pipeline nasazen\u00ed v Github Actions<\/h2>\n<p>\nP\u0159ech\u00e1z\u00edme k nastaven\u00ed prvn\u00ed \u010d\u00e1sti na\u0161eho CI\/CD pipeline v Github Actions.<\/p>\n<h3>Backend pl\u00e1novali ud\u011blat na Linuxu. Backend interaguje s DB, na\u010d\u00edt\u00e1 pot\u0159ebn\u00fd seznam privilegi\u00ed a pot\u00e9, v z\u00e1vislosti na tom, jak\u00e1 privilegium m\u00e1 autorizovan\u00fd u\u017eivatel, poskytuje p\u0159\u00edstup k podepisov\u00e1n\u00ed finan\u010dn\u00edch dokument\u016f a jejich zas\u00edl\u00e1n\u00ed k realizaci, nebo generaci n\u011bjak\u00e9 zpr\u00e1vy.<\/h3>\n<p>\nPipeline je pops\u00e1na v <noindex><a rel=\"nofollow\" href=\"https:\/\/github.com\/olegborzov\/helloworld_back\/blob\/master\/.github\/workflows\/deploy.yml\">souboru deploy.yml<\/a><\/noindex>. <\/p>\n<p>Ne\u017e se na n\u011bj pod\u00edv\u00e1me, vypln\u00edme v Github pot\u0159ebn\u00e9 tajn\u00e9 prom\u011bnn\u00e9. K tomu p\u0159ejdeme do <i>Nastaven\u00ed -&gt; Tajn\u00e9<\/i>:<\/p>\n<ul>\n<li><code>DOCKER_REGISTRY<\/code> \u2014 host na\u0161ich Docker-repozit\u00e1\u0159\u016f (docker.helloworld.ru);<\/li>\n<li><code>DOCKER_LOGIN<\/code> \u2014 p\u0159ihla\u0161ovac\u00ed jm\u00e9no k Docker-repozit\u00e1\u0159i;<\/li>\n<li><code>DOCKER_PASSWORD<\/code> \u2014 heslo k n\u011bmu;<\/li>\n<li><code>DEPLOY_HOST<\/code> \u2014 host, na kter\u00e9m je dostupn\u00e9 administrativn\u00ed rozhran\u00ed Plesk (nap\u0159. <noindex><a rel=\"nofollow\" href=\"https:\/\/helloworld.ru\">helloworld.ru<\/a><\/noindex>:8443 nebo <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 pro nasazen\u00ed do prod-repozit\u00e1\u0159e na serveru (dostali jsme jej v Nasazen\u00ed v Plesk bod 4);<\/li>\n<li><code>DEPLOY_BACK_DEV_TOKEN<\/code> \u2014 token pro nasazen\u00ed do dev-repozit\u00e1\u0159e na serveru.<\/li>\n<\/ul>\n<p>\nProces nasazen\u00ed je jednoduch\u00fd a skl\u00e1d\u00e1 se ze t\u0159\u00ed hlavn\u00edch krok\u016f: <\/p>\n<ul>\n<li>sestaven\u00ed a publikace obrazu v na\u0161em repozit\u00e1\u0159i;<\/li>\n<li>spu\u0161t\u011bn\u00ed test\u016f v kontejneru na z\u00e1klad\u011b \u010derstv\u011b sestaven\u00e9ho obrazu;<\/li>\n<li>nasazen\u00ed do po\u017eadovan\u00e9ho prost\u0159ed\u00ed v z\u00e1vislosti na v\u011btvi (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\">Soubor deploy.yml pro front-repozit\u00e1\u0159<\/a><\/noindex> se p\u0159\u00edli\u0161 neli\u0161\u00ed od backendov\u00e9ho. Chyb\u00ed v n\u011bm krok se spu\u0161t\u011bn\u00edm test\u016f a m\u011bn\u00ed se n\u00e1zvy token\u016f pro nasazen\u00ed. Tajn\u00e9 prom\u011bnn\u00e9 pro front-repozit\u00e1\u0159 je mimochodem t\u0159eba vyplnit zvl\u00e1\u0161\u0165.<\/p>\n<h1>Nastaven\u00ed webu<\/h1>\n<p><\/p>\n<h2>Proxy provozu p\u0159es Nginx<\/h2>\n<p>\nNo, a jsme na konci. Zb\u00fdv\u00e1 pouze nastavit proxy p\u0159\u00edchoz\u00edho a odchoz\u00edho provozu do na\u0161eho kontejneru p\u0159es Nginx. Tento proces jsme ji\u017e probrali v bod\u011b 5 nastaven\u00ed Docker Registry. Tot\u00e9\u017e je t\u0159eba zopakovat pro backend a frontend v dev a prod prost\u0159ed\u00edch.<\/p>\n<p>P\u0159ipoj\u00edm sn\u00edmky nastaven\u00ed.<\/p>\n<h3>Backend pl\u00e1novali ud\u011blat na Linuxu. Backend interaguje s DB, na\u010d\u00edt\u00e1 pot\u0159ebn\u00fd seznam privilegi\u00ed a pot\u00e9, v z\u00e1vislosti na tom, jak\u00e1 privilegium m\u00e1 autorizovan\u00fd u\u017eivatel, poskytuje p\u0159\u00edstup k podepisov\u00e1n\u00ed finan\u010dn\u00edch dokument\u016f a jejich zas\u00edl\u00e1n\u00ed k realizaci, nebo generaci n\u011bjak\u00e9 zpr\u00e1vy.<\/h3>\n<p>\n<img decoding=\"async\" alt=\"CI\/CD v Github Actions pro projekt na Flasku a Angularu.\" 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 pro projekt na Flasku a Angularu.\" src=\"\/wp-content\/uploads\/2020\/06\/35d4d8ef3489608db1e173b7f214ca03.png\" style=\"display:block;margin: 0 auto;\" \/><br \/>\n<strong>D\u016fle\u017eit\u00e9 up\u0159esn\u011bn\u00ed<\/strong>. Do frontendov\u00e9ho kontejneru budou proxy v\u0161echny URL, krom\u011b t\u011bch, kter\u00e9 za\u010d\u00ednaj\u00ed na <code>\/api\/<\/code> \u2014 ty budou proxy do backendov\u00e9ho kontejneru (proto <strong>v backendov\u00e9m kontejneru by m\u011bly v\u0161echny zpracovatele za\u010d\u00ednat na <\/strong><strong><code>\/api\/<\/code><\/strong>).<\/p>\n<h2>Z\u00e1v\u011bry<\/h2>\n<p>\nNyn\u00ed by m\u011bl b\u00fdt n\u00e1\u0161 web dostupn\u00fd na adres\u00e1ch helloworld.ru a dev.helloworld.ru (prod a dev prost\u0159ed\u00ed odpov\u00eddaj\u00edc\u00ed).<\/p>\n<p>Celkov\u011b jsme se nau\u010dili, jak p\u0159ipravit jednoduchou aplikaci na Flask a Angular a nastavit v Github Actions pipeline pro jej\u00ed nasazen\u00ed na serveru \u0159\u00edzen\u00e9m Pleskem.<\/p>\n<p>Zopakuji odkazy na repozit\u00e1\u0159e s k\u00f3dem: <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.3 - 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\/cs\/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.3\" \/>\n\t\t<meta property=\"og:locale\" content=\"cs_CZ\" \/>\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\/cs\/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 pro projekt na Flask+Angular | ProHoster","description":"V tomto \u010dl\u00e1nku se pod\u011bl\u00edm o sv\u00e9 zku\u0161enosti.","canonical_url":"https:\/\/prohoster.info\/cs\/blog\/administrirovanie\/ci-cd-v-github-actions-dlya-proekta-na-flask-angular","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":null,"og:locale":"cs_CZ","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\/cs\/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\/cs\/wp-json\/wp\/v2\/posts\/85646","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/prohoster.info\/cs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/prohoster.info\/cs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/prohoster.info\/cs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/prohoster.info\/cs\/wp-json\/wp\/v2\/comments?post=85646"}],"version-history":[{"count":0,"href":"https:\/\/prohoster.info\/cs\/wp-json\/wp\/v2\/posts\/85646\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/prohoster.info\/cs\/wp-json\/wp\/v2\/media\/85647"}],"wp:attachment":[{"href":"https:\/\/prohoster.info\/cs\/wp-json\/wp\/v2\/media?parent=85646"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/prohoster.info\/cs\/wp-json\/wp\/v2\/categories?post=85646"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/prohoster.info\/cs\/wp-json\/wp\/v2\/tags?post=85646"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}