ໃນບົດຄວາມນີ້, ຂ້ອຍຈະແບ່ງປັນປະສົບການຂອງຂ້ອຍໃນການຕັ້ງຄ່າ CI / CD ໂດຍໃຊ້ Plesk Control Panel ແລະ Github Actions. ມື້ນີ້ພວກເຮົາຈະຮຽນຮູ້ວິທີການນໍາໃຊ້ໂຄງການງ່າຍດາຍທີ່ມີຊື່ທີ່ບໍ່ສັບສົນ "Helloworld". ມັນໄດ້ຖືກຂຽນໄວ້ໃນກອບ Flask Python, ມີພະນັກງານ Celery ແລະ Angular 8 frontend.

ການ​ເຊື່ອມ​ຕໍ່​ກັບ repositories​: ເບື້ອງຫຼັງ, ດ້ານໜ້າ.

ໃນສ່ວນທໍາອິດຂອງບົດຄວາມ, ພວກເຮົາຈະເບິ່ງໂຄງການຂອງພວກເຮົາແລະພາກສ່ວນຂອງມັນ. ໃນຄັ້ງທີສອງ, ພວກເຮົາຈະຄິດວິທີການຕິດຕັ້ງ Plesk ແລະຕິດຕັ້ງສ່ວນຂະຫຍາຍແລະອົງປະກອບທີ່ຈໍາເປັນ (DB, RabbitMQ, Redis, Docker, ແລະອື່ນໆ).

ໃນສ່ວນທີສາມ, ສຸດທ້າຍພວກເຮົາຈະຊອກຫາວິທີການຕັ້ງທໍ່ສໍາລັບການນໍາໃຊ້ໂຄງການຂອງພວກເຮົາກັບເຄື່ອງແມ່ຂ່າຍໃນສະພາບແວດລ້ອມ dev ແລະ prod. ແລະຫຼັງຈາກນັ້ນພວກເຮົາຈະເປີດຕົວເວັບໄຊທ໌ເທິງເຄື່ອງແມ່ຂ່າຍ.

ແລະແມ່ນແລ້ວ, ຂ້ອຍລືມແນະນໍາຕົວເອງ. ຂ້ອຍຊື່ Oleg Borzov, ຂ້ອຍເປັນຜູ້ພັດທະນາ fullstack ໃນທີມ CRM ສໍາລັບຜູ້ຈັດການຈໍານອງທີ່ Domclick.

ພາບລວມໂຄງການ

ທໍາອິດ, ໃຫ້ເບິ່ງສອງ repositories ໂຄງການ - backend ແລະຫນ້າ - ແລະໄປໃນໄລຍະລະຫັດ.

ດ້ານຫຼັງ: Flask+Celery

ສໍາລັບດ້ານຫລັງ, ຂ້າພະເຈົ້າໄດ້ເອົາຊໍ່ທີ່ເປັນທີ່ນິຍົມໃນບັນດານັກພັດທະນາ Python: ກອບ Flask (ສໍາລັບ API) ແລະ Celery (ສໍາລັບແຖວວຽກ). SQLAchemy ຖືກນໍາໃຊ້ເປັນ ORM. Alembic ແມ່ນໃຊ້ສໍາລັບການເຄື່ອນຍ້າຍ. ສໍາລັບການກວດສອບ JSON ໃນ handles - Marshmallow.

В ຄັງເກັບມ້ຽນ ມີໄຟລ໌ Readme.md ທີ່ມີລາຍລະອຽດກ່ຽວກັບໂຄງສ້າງແລະຄໍາແນະນໍາສໍາລັບການດໍາເນີນໂຄງການ.

Web Part API ຂ້ອນຂ້າງບໍ່ສັບສົນ, ປະກອບດ້ວຍ 6 pens:

• /ping - ກວດ​ສອບ​ການ​ມີ​;
• ຈັດ​ການ​ສໍາ​ລັບ​ການ​ຈົດ​ທະ​ບຽນ​, ການ​ອະ​ນຸ​ຍາດ​, de​ການ​ອະ​ນຸ​ຍາດ​ແລະ​ການ​ໄດ້​ຮັບ​ຜູ້​ໃຊ້​ອະ​ນຸ​ຍາດ​;
• ໂຕຈັດການອີເມລ໌ທີ່ວາງວຽກຢູ່ໃນແຖວ Celery.

ສ່ວນ Celery ງ່າຍ​ຂຶ້ນ​, ມີ​ພຽງ​ແຕ່​ຫນຶ່ງ​ບັນ​ຫາ​ send_mail_task.

ຢູ່ໃນໂຟນເດີ /conf ມີສອງໂຟເດີຍ່ອຍ:

• docker ກັບສອງ Dockerfiles (base.dockerfile ເພື່ອສ້າງຮູບພາບພື້ນຖານທີ່ບໍ່ຄ່ອຍປ່ຽນແປງແລະ Dockerfile ສໍາລັບສະພາແຫ່ງຕົ້ນຕໍ);
• .env_files - ກັບໄຟລ໌ທີ່ມີຕົວແປສະພາບແວດລ້ອມສໍາລັບສະພາບແວດລ້ອມທີ່ແຕກຕ່າງກັນ.

ມີສີ່ໄຟລ໌ docker-compose ຢູ່ຮາກຂອງໂຄງການ:

• docker-compose.local.db.yml ຍົກສູງຖານຂໍ້ມູນທ້ອງຖິ່ນເພື່ອພັດທະນາ;
• docker-compose.local.workers.yml ສໍາລັບການລ້ຽງທ້ອງຖິ່ນຂອງພະນັກງານ, ຖານຂໍ້ມູນ, Redis ແລະ RabbitMQ;
• docker-compose.test.yml ເພື່ອດໍາເນີນການທົດສອບໃນລະຫວ່າງການປະຕິບັດ;
• docker-compose.yml ສໍາ​ລັບ​ການ​ນໍາ​ໃຊ້​.

ແລະໂຟນເດີສຸດທ້າຍທີ່ພວກເຮົາສົນໃຈ - .ci-cd. ມັນມີ Shell scripts ສໍາລັບການຕິດຕັ້ງ:

• deploy.sh — ການ​ເປີດ​ຕົວ​ການ​ເຄື່ອນ​ຍ້າຍ​ແລະ​ການ​ນໍາ​ໃຊ້​. ດໍາເນີນການຢູ່ໃນເຄື່ອງແມ່ຂ່າຍຫຼັງຈາກການກໍ່ສ້າງແລະການທົດສອບແລ່ນໃນ Github Actions;
• rollback.sh - rollback ຂອງບັນຈຸກັບສະບັບທີ່ຜ່ານມາຂອງສະພາແຫ່ງ;
• curl_tg.sh - ສົ່ງ​ການ​ແຈ້ງ​ການ​ການ​ນໍາ​ໃຊ້​ກັບ Telegram​.

Frontend ສຸດ Angular

ບ່ອນເກັບມ້ຽນທີ່ມີດ້ານຫນ້າ ງ່າຍກວ່າ Beck's ຫຼາຍ. ທາງ​ຫນ້າ​ປະ​ກອບ​ດ້ວຍ​ສາມ​ຫນ້າ​:

• ຫນ້າຫຼັກທີ່ມີແບບຟອມສໍາລັບການສົ່ງອີເມວແລະປຸ່ມອອກ.
• ໜ້າເຂົ້າສູ່ລະບົບ.
• ຫນ້າລົງທະບຽນ.

ໜ້າຫຼັກເບິ່ງວ່າ:

ມີສອງໄຟລ໌ຢູ່ໃນຮາກ Dockerfile и docker-compose.yml, ເຊັ່ນດຽວກັນກັບໂຟນເດີທີ່ຄຸ້ນເຄີຍ .ci-cd ມີ scripts ຫນ້ອຍກ່ວາຢູ່ໃນ repository ເລັກນ້ອຍ (scripts ຖອນອອກສໍາລັບການທົດສອບແລ່ນ).

ເລີ່ມໂຄງການໃນ Plesk

ໃຫ້ເລີ່ມຕົ້ນໂດຍການຕັ້ງຄ່າ Plesk ແລະສ້າງການສະຫມັກສໍາລັບເວັບໄຊທ໌ຂອງພວກເຮົາ.

ການຕິດຕັ້ງສ່ວນຂະຫຍາຍ

ໃນ Plesk, ພວກເຮົາຕ້ອງການສີ່ສ່ວນຂະຫຍາຍ:

• Docker ເພື່ອຈັດການ ແລະສະແດງສະຖານະຂອງຕູ້ຄອນເທນເນີດ້ວຍສາຍຕາໃນກະດານ admin Plesk;
• Git ການຕັ້ງຄ່າຂັ້ນຕອນການໃຊ້ງານເທິງເຊີບເວີ;
• Let's Encrypt ເພື່ອສ້າງ (ແລະຕໍ່ອາຍຸອັດຕະໂນມັດ) ໃບຮັບຮອງ TLS ຟຣີ;
• Firewall ເພື່ອຕັ້ງຄ່າການກັ່ນຕອງຂອງການຈະລາຈອນຂາເຂົ້າ.

ທ່ານ​ສາ​ມາດ​ຕິດ​ຕັ້ງ​ໃຫ້​ເຂົາ​ເຈົ້າ​ໂດຍ​ຜ່ານ​ການ Plesk admin panel ໃນ​ພາກ​ສ່ວນ​ຂະ​ຫຍາຍ​:

ພວກເຮົາຈະບໍ່ພິຈາລະນາການຕັ້ງຄ່າລະອຽດສໍາລັບສ່ວນຂະຫຍາຍ, ການຕັ້ງຄ່າເລີ່ມຕົ້ນຈະເຮັດເພື່ອຈຸດປະສົງການສາທິດຂອງພວກເຮົາ.

ສ້າງການສະໝັກໃຊ້ ແລະເວັບໄຊ

ຕໍ່ໄປ, ພວກເຮົາຈໍາເປັນຕ້ອງສ້າງການສະຫມັກສໍາລັບເວັບໄຊທ໌ helloworld.ru ຂອງພວກເຮົາແລະເພີ່ມໂດເມນຍ່ອຍ dev.helloworld.ru ຢູ່ທີ່ນັ້ນ.

1. ສ້າງການສະຫມັກສໍາລັບໂດເມນ helloworld.ru ແລະລະບຸລະຫັດຜ່ານເຂົ້າສູ່ລະບົບສໍາລັບຜູ້ໃຊ້ລະບົບ:

   
   ກວດເບິ່ງກ່ອງຢູ່ດ້ານລຸ່ມຂອງຫນ້າ ຮັກສາຄວາມປອດໄພໂດເມນດ້ວຍ Let's Encryptຖ້າພວກເຮົາຕ້ອງການຕັ້ງຄ່າ HTTPS ສໍາລັບເວັບໄຊທ໌:

   

2. ຕໍ່ໄປ, ໃນການສະຫມັກນີ້, ສ້າງໂດເມນຍ່ອຍ dev.helloworld.ru (ທີ່ທ່ານສາມາດອອກໃບຢັ້ງຢືນ TLS ໄດ້ຟຣີ):

   

ການຕິດຕັ້ງອົງປະກອບຂອງເຄື່ອງແມ່ຂ່າຍ

ພວກເຮົາມີເຄື່ອງແມ່ຂ່າຍທີ່ມີ OS Debian ຍືດ 9.12 ແລະຕິດຕັ້ງແຜງຄວບຄຸມ Plesk Obsidian 18.0.27.

ພວກເຮົາຈໍາເປັນຕ້ອງໄດ້ຕິດຕັ້ງແລະ configure ສໍາລັບໂຄງການຂອງພວກເຮົາ:

• PostgreSQL (ໃນກໍລະນີຂອງພວກເຮົາ, ຈະມີເຄື່ອງແມ່ຂ່າຍຫນຶ່ງທີ່ມີສອງຖານຂໍ້ມູນສໍາລັບສະພາບແວດລ້ອມ dev ແລະ prod).
• RabbitMQ (ດຽວກັນ, ຕົວຢ່າງດຽວກັນກັບ vhosts ທີ່ແຕກຕ່າງກັນສໍາລັບສະພາບແວດລ້ອມ).
• ສອງຕົວຢ່າງ Redis (ສໍາລັບສະພາບແວດລ້ອມ dev ແລະຜະລິດຕະພັນ).
• Docker Registry (ສໍາລັບການເກັບຮັກສາໃນທ້ອງຖິ່ນຂອງຮູບພາບ Docker ທີ່ສ້າງຂຶ້ນ).
• UI ສໍາລັບການລົງທະບຽນ Docker.

PostgreSQL

Plesk ມາພ້ອມກັບ PostgreSQL DBMS ແລ້ວ, ແຕ່ບໍ່ແມ່ນຮຸ່ນຫຼ້າສຸດ (ໃນເວລາຂຽນ Plesk Obsidian. ສະຫນັບສະຫນູນ Postgres ຮຸ່ນ 8.4–10.8). ພວກເຮົາຕ້ອງການສະບັບຫລ້າສຸດສໍາລັບຄໍາຮ້ອງສະຫມັກຂອງພວກເຮົາ (12.3 ໃນເວລາຂຽນນີ້), ດັ່ງນັ້ນພວກເຮົາຈະຕິດຕັ້ງມັນດ້ວຍຕົນເອງ.

ຄຳແນະນຳລະອຽດກ່ຽວກັບການຕິດຕັ້ງ Postgres ໃນ Debian ມັນມີຫຼາຍຢູ່ໃນອິນເຕີເນັດ (ຕົວຢ່າງ), ສະນັ້ນຂ້າພະເຈົ້າຈະບໍ່ອະທິບາຍໃຫ້ເຂົາເຈົ້າໃນລາຍລະອຽດ, ຂ້າພະເຈົ້າພຽງແຕ່ຈະໃຫ້ຄໍາສັ່ງ:

wget -q https://www.postgresql.org/media/keys/ACCC4CF8.asc -O - | sudo apt-key add -
sudo sh -c 'echo "deb http://apt.postgresql.org/pub/repos/apt/ stretch-pgdg main" >> /etc/apt/sources.list.d/pgdg.list'

sudo apt-get update
sudo apt-get install postgresql postgresql-contrib

ພິຈາລະນາວ່າ PostgreSQL ມີການຕັ້ງຄ່າເລີ່ມຕົ້ນທີ່ຂ້ອນຂ້າງປານກາງ, ມັນຈໍາເປັນຕ້ອງແກ້ໄຂການຕັ້ງຄ່າ. ນີ້ຈະຊ່ວຍໃຫ້ພວກເຮົາ ເຄື່ອງຄິດເລກ: ທ່ານຈໍາເປັນຕ້ອງຂັບລົດໃນພາລາມິເຕີຂອງເຄື່ອງແມ່ຂ່າຍຂອງທ່ານແລະປ່ຽນແທນການຕັ້ງຄ່າໃນໄຟລ໌ /etc/postgresql/12/main/postgresql.confໃຫ້ກັບຜູ້ສະເຫນີ. ມັນຄວນຈະສັງເກດເຫັນຢູ່ທີ່ນີ້ວ່າເຄື່ອງຄິດເລກດັ່ງກ່າວບໍ່ແມ່ນລູກປືນ magic, ແລະພື້ນຖານຄວນຈະຖືກປັບໃຫ້ຊັດເຈນກວ່າ, ໂດຍອີງໃສ່ຮາດແວ, ຄໍາຮ້ອງສະຫມັກ, ແລະຄວາມຊັບຊ້ອນຂອງຄໍາຖາມຂອງທ່ານ. ແຕ່ນີ້ແມ່ນພຽງພໍທີ່ຈະເລີ່ມຕົ້ນ.

ນອກ​ເຫນືອ​ໄປ​ຈາກ​ການ​ຕັ້ງ​ຄ່າ​ທີ່​ສະ​ເຫນີ​ໂດຍ​ການ​ຄິດ​ໄລ່​, ພວກ​ເຮົາ​ຍັງ​ມີ​ການ​ປ່ຽນ​ແປງ​ໃນ​ postgresql.confພອດເລີ່ມຕົ້ນ 5432 ໄປຫາບ່ອນອື່ນ (ໃນຕົວຢ່າງຂອງພວກເຮົາ - 53983).

ຫຼັງຈາກການປ່ຽນແປງໄຟລ໌ການຕັ້ງຄ່າ, restart postgresql-server ດ້ວຍຄໍາສັ່ງ:

service postgresql restart

ພວກເຮົາໄດ້ຕິດຕັ້ງ ແລະຕັ້ງຄ່າ PostgreSQL. ຕອນນີ້ໃຫ້ພວກເຮົາສ້າງຖານຂໍ້ມູນ, ຜູ້ໃຊ້ສໍາລັບສະພາບແວດລ້ອມ dev ແລະຜະລິດຕະພັນ, ແລະໃຫ້ສິດຜູ້ໃຊ້ໃນການຄຸ້ມຄອງຖານຂໍ້ມູນ:

$ su - postgres
postgres:~$ create database hw_dev_db_name;
CREATE DATABASE
postgres:~$ create user hw_dev_db_user with password 'hw_dev_db_password';
CREATE ROLE
postgres:~$ grant ALL privileges ON database hw_dev_db_name to hw_dev_db_user;
GRANT
postgres:~$ create database hw_prod_db_name;
CREATE DATABASE
postgres:~$ create user hw_prod_db_user with password 'hw_prod_db_password';
CREATE ROLE
postgres:~$ grant ALL privileges ON database hw_prod_db_name to hw_prod_db_user;
GRANT

ກະຕ່າຍ

ໃຫ້ພວກເຮົາໄປຕິດຕັ້ງ RabbitMQ, ຕົວແທນສົ່ງຂໍ້ຄວາມສຳລັບ Celery. ມັນຖືກຕິດຕັ້ງຢູ່ໃນ Debian ມັນຂ້ອນຂ້າງງ່າຍດາຍ:

wget https://packages.erlang-solutions.com/erlang-solutions_1.0_all.deb
sudo dpkg -i erlang-solutions_1.0_all.deb

sudo apt-get update
sudo apt-get install erlang erlang-nox

sudo add-apt-repository 'deb http://www.rabbitmq.com/debian/ testing main'
wget -O- https://www.rabbitmq.com/rabbitmq-release-signing-key.asc | sudo apt-key add -

sudo apt-get update
sudo apt-get install rabbitmq-server

ຫຼັງຈາກການຕິດຕັ້ງ, ພວກເຮົາຈໍາເປັນຕ້ອງສ້າງ vhosts, ຜູ້ໃຊ້ແລະໃຫ້ສິດທິທີ່ຈໍາເປັນ:

sudo rabbitmqctl add_user hw_dev_amqp_user hw_dev_amqp_password 
sudo rabbitmqctl set_user_tags hw_dev_amqp_user administrator
sudo rabbitmqctl add_vhost hw_dev_vhost
sudo rabbitmqctl set_permissions -p hw_dev_vhost hw_dev_amqp_user ".*" ".*" ".*"

sudo rabbitmqctl add_user hw_prod_amqp_user hw_prod_amqp_password 
sudo rabbitmqctl set_user_tags hw_prod_amqp_user administrator
sudo rabbitmqctl add_vhost hw_prod_vhost
sudo rabbitmqctl set_permissions -p hw_prod_vhost hw_prod_amqp_user ".*" ".*" ".*"

Redis

ຕອນນີ້ໃຫ້ພວກເຮົາຕິດຕັ້ງແລະຕັ້ງຄ່າອົງປະກອບສຸດທ້າຍສໍາລັບແອັບພລິເຄຊັນຂອງພວກເຮົາ - Redis. ມັນຈະຖືກນໍາໃຊ້ເປັນ backend ສໍາລັບການເກັບຮັກສາຜົນໄດ້ຮັບຂອງວຽກງານ Celery.

ພວກເຮົາຈະຍົກ Docker ສອງຖັງທີ່ມີ Redis ສໍາລັບສະພາບແວດລ້ອມ dev ແລະຜະລິດຕະພັນໂດຍໃຊ້ສ່ວນຂະຫຍາຍ Docker ສໍາລັບ Plesk.

1. ພວກເຮົາໄປ Plesk, ໄປທີ່ສ່ວນຂະຫຍາຍ, ຊອກຫາສ່ວນຂະຫຍາຍ Docker ແລະຕິດຕັ້ງມັນ (ພວກເຮົາຕ້ອງການສະບັບຟຣີ):

   

2. ໄປທີ່ສ່ວນຂະຫຍາຍທີ່ຕິດຕັ້ງ, ຊອກຫາຮູບພາບໂດຍຜ່ານການຄົ້ນຫາ redis bitnami ແລະຕິດຕັ້ງເວີຊັນຫຼ້າສຸດ:

   

3. ພວກເຮົາເຂົ້າໄປໃນຕູ້ຄອນເທນເນີທີ່ດາວໂຫລດແລ້ວແລະປັບການຕັ້ງຄ່າ: ລະບຸພອດ, ຂະຫນາດ RAM ທີ່ຈັດສັນສູງສຸດ, ລະຫັດຜ່ານໃນຕົວແປສະພາບແວດລ້ອມ, ແລະຕິດຕັ້ງປະລິມານ:

   

4. ພວກເຮົາປະຕິບັດຂັ້ນຕອນ 2-3 ສໍາລັບຖັງຜະລິດຕະພັນ, ໃນການຕັ້ງຄ່າພວກເຮົາພຽງແຕ່ປ່ຽນພາລາມິເຕີ: ພອດ, ລະຫັດຜ່ານ, ຂະຫນາດ RAM ແລະເສັ້ນທາງໄປຫາໂຟເດີປະລິມານໃນເຄື່ອງແມ່ຂ່າຍ:

   

Docker Registry

ນອກເຫນືອຈາກການບໍລິການພື້ນຖານ, ມັນຈະເປັນການດີທີ່ຈະວາງບ່ອນເກັບຮູບພາບ Docker ຂອງທ່ານເອງຢູ່ໃນເຄື່ອງແມ່ຂ່າຍ. ໂຊກດີ, ພື້ນທີ່ເຊີຟເວີໃນປັດຈຸບັນແມ່ນຂ້ອນຂ້າງລາຄາຖືກ (ແນ່ນອນວ່າມີລາຄາຖືກກວ່າການຈອງ DockerHub), ແລະຂະບວນການສ້າງບ່ອນເກັບຂໍ້ມູນສ່ວນຕົວແມ່ນງ່າຍດາຍຫຼາຍ.

ພວກ​ເຮົາ​ຕ້ອງ​ການ​ທີ່​ຈະ​ມີ​:

• Docker repository ປ້ອງກັນລະຫັດຜ່ານສາມາດເຂົ້າເຖິງໄດ້ໃນໂດເມນຍ່ອຍ https://docker.helloworld.ru;
• UI ສໍາລັບການເບິ່ງຮູບພາບໃນ repository, ມີຢູ່ໃນ https://docker-ui.helloworld.ru.

ເພື່ອເຮັດສິ່ງນີ້:

1. ໃຫ້ພວກເຮົາສ້າງສອງໂດເມນຍ່ອຍໃນ Plesk ໃນການສະຫມັກຂອງພວກເຮົາ: docker.helloworld.ru ແລະ docker-ui.helloworld.ru, ແລະ configure Let's Encrypt ໃບຢັ້ງຢືນສໍາລັບພວກເຂົາ.
2. ເພີ່ມໄຟລ໌ໃສ່ໂຟນເດີຍ່ອຍ docker.helloworld.ru docker-compose.yml ດ້ວຍ​ເນື້ອ​ໃນ​ດັ່ງ​ນີ້​:

   version: "3"
   
   services:
     docker-registry:
       image: "registry:2"
       restart: always
       ports:
         - "53985:5000"
       environment:
         REGISTRY_AUTH: htpasswd
         REGISTRY_AUTH_HTPASSWD_REALM: basic-realm
         REGISTRY_AUTH_HTPASSWD_PATH: /auth/.htpasswd
         REGISTRY_STORAGE_FILESYSTEM_ROOTDIRECTORY: /data
       volumes:
         - ./.docker-registry.htpasswd:/auth/.htpasswd
         - ./data:/data
   
     docker-registry-ui:
       image: konradkleine/docker-registry-frontend:v2
       restart: always
       ports:
         - "53986:80"
       environment:
         VIRTUAL_HOST: '*, https://*'
         ENV_DOCKER_REGISTRY_HOST: 'docker-registry'
         ENV_DOCKER_REGISTRY_PORT: 5000
       links:
         - 'docker-registry'
   

3. ພາຍໃຕ້ SSH, ພວກເຮົາຈະສ້າງໄຟລ໌ .htpasswd ສໍາລັບການອະນຸຍາດພື້ນຖານໃນ Docker repository:

   htpasswd -bBc .htpasswd hw_docker_admin hw_docker_password

4. ເກັບ​ກໍາ​ແລະ​ຍົກ​ພາ​ຊະ​ນະ​:

   docker-compose up -d

5. ແລະພວກເຮົາຈໍາເປັນຕ້ອງໄດ້ປ່ຽນເສັ້ນທາງ Nginx ໄປຫາຖັງຂອງພວກເຮົາ. ນີ້ສາມາດເຮັດໄດ້ໂດຍຜ່ານ Plesk.

ຂັ້ນຕອນຕໍ່ໄປນີ້ຈໍາເປັນຕ້ອງໄດ້ເຮັດສໍາລັບໂດເມນຍ່ອຍ docker.helloworld.ru ແລະ docker-ui.helloworld.ru:

ສ່ວນ ເຄື່ອງມື Dev ເວັບ​ໄຊ​ຂອງ​ພວກ​ເຮົາ​ໄປ​ທີ່​ ກົດລະບຽບ Docker Proxy:

ແລະເພີ່ມກົດລະບຽບການຈະລາຈອນຂາເຂົ້າຂອງຕົວແທນໄປຍັງຕູ້ຄອນເທນເນີຂອງພວກເຮົາ:

1. ພວກເຮົາກວດເບິ່ງວ່າພວກເຮົາສາມາດເຂົ້າສູ່ລະບົບບັນຈຸຂອງພວກເຮົາຈາກເຄື່ອງຈັກທ້ອງຖິ່ນ:

   $ docker login docker.helloworld.ru -u hw_docker_admin -p hw_docker_password
   WARNING! Using --password via the CLI is insecure. Use --password-stdin.
   Login Succeeded

2. ໃຫ້ກວດເບິ່ງການເຮັດວຽກຂອງໂດເມນຍ່ອຍ docker-ui.helloworld.ru:

   
   ເມື່ອທ່ານຄລິກໃສ່ Browse repositories, ຕົວທ່ອງເວັບຈະສະແດງຫນ້າຕ່າງການອະນຸຍາດທີ່ທ່ານຈະຕ້ອງໃສ່ຊື່ຜູ້ໃຊ້ແລະລະຫັດຜ່ານສໍາລັບ repository. ຫຼັງຈາກນັ້ນ, ພວກເຮົາຈະຖືກໂອນໄປຫາຫນ້າທີ່ມີບັນຊີລາຍຊື່ຂອງ repositories (ສໍາລັບໃນປັດຈຸບັນ, ມັນຈະຫວ່າງເປົ່າສໍາລັບທ່ານ):

   

ການເປີດພອດໃນ Plesk Firewall

ຫຼັງຈາກການຕິດຕັ້ງແລະກໍາຫນົດຄ່າອົງປະກອບ, ພວກເຮົາຈໍາເປັນຕ້ອງເປີດພອດເພື່ອໃຫ້ອົງປະກອບສາມາດເຂົ້າເຖິງໄດ້ຈາກ Docker containers ແລະເຄືອຂ່າຍພາຍນອກ.

ໃຫ້ເບິ່ງວິທີການເຮັດສິ່ງນີ້ໂດຍໃຊ້ Firewall extension ສໍາລັບ Plesk ທີ່ພວກເຮົາຕິດຕັ້ງກ່ອນຫນ້ານີ້.

1. ໄປ​ຫາ ເຄື່ອງມື ແລະການຕັ້ງຄ່າ > ການຕັ້ງຄ່າ > Firewall:
   
2. ໄປ​ຫາ ແກ້ໄຂກົດລະບຽບ Plesk Firewall > ເພີ່ມກົດລະບຽບທີ່ກໍາຫນົດເອງ ແລະເປີດພອດ TCP ຕໍ່ໄປນີ້ສໍາລັບເຄືອຂ່າຍຍ່ອຍ Docker (172.0.0.0 / 8):
   RabbitMQ: 1883, 4369, 5671-5672, 25672, 61613-61614
   Redis: 32785, 32786

   

3. ພວກເຮົາຍັງຈະເພີ່ມກົດລະບຽບທີ່ຈະເປີດພອດ PostgreSQL ແລະແຜງຄຸ້ມຄອງ RabbitMQ ສູ່ໂລກພາຍນອກ:

   

4. ນຳໃຊ້ກົດລະບຽບໂດຍໃຊ້ປຸ່ມນຳໃຊ້ການປ່ຽນແປງ:

   

ການຕັ້ງຄ່າ CI/CD ໃນ Github Actions

ໃຫ້ພວກເຮົາລົງໄປຫາສ່ວນທີ່ຫນ້າສົນໃຈທີ່ສຸດ - ການສ້າງທໍ່ການເຊື່ອມໂຍງຢ່າງຕໍ່ເນື່ອງແລະສົ່ງໂຄງການຂອງພວກເຮົາໃຫ້ກັບເຄື່ອງແມ່ຂ່າຍ.

ທໍ່​ນີ້​ຈະ​ປະ​ກອບ​ດ້ວຍ​ສອງ​ພາກ​ສ່ວນ​:

• ການສ້າງຮູບພາບແລະການທົດສອບແລ່ນ (ສໍາລັບ backend) - ໃນດ້ານ Github;
• ແລ່ນການເຄື່ອນຍ້າຍ (ສໍາລັບ backend) ແລະ deploy containers - ຢູ່ໃນເຄື່ອງແມ່ຂ່າຍ.

ສົ່ງໄປ Plesk

ໃຫ້ຈັດການກັບຈຸດທີສອງກ່ອນ (ເພາະວ່າຂໍ້ທໍາອິດແມ່ນຂຶ້ນກັບມັນ).

ພວກເຮົາຈະຕັ້ງຄ່າຂະບວນການຕິດຕັ້ງໂດຍໃຊ້ Git extension ສໍາລັບ Plesk.

ພິຈາລະນາຕົວຢ່າງທີ່ມີສະພາບແວດລ້ອມ Prod ສໍາລັບບ່ອນເກັບຂໍ້ມູນ Backend.

1. ພວກເຮົາໄປທີ່ການສະໝັກໃຊ້ເວັບໄຊທ໌ Helloworld ຂອງພວກເຮົາ ແລະໄປທີ່ພາກສ່ວນຍ່ອຍ Git:

   

2. ໃສ່ລິ້ງໄປຫາບ່ອນເກັບຂໍ້ມູນ Github ຂອງພວກເຮົາເຂົ້າໄປໃນຊ່ອງຂໍ້ມູນ "Remote Git repository" ແລະປ່ຽນໂຟເດີເລີ່ມຕົ້ນ. httpdocs ກັບຄົນອື່ນ (ຕົວຢ່າງ. /httpdocs/hw_back):

   

3. ຄັດລອກລະຫັດສາທາລະນະ SSH ຈາກຂັ້ນຕອນທີ່ຜ່ານມາແລະ ເພີ່ມ ມັນຢູ່ໃນການຕັ້ງຄ່າ Github.
4. ກົດ OK ໃນຫນ້າຈໍໃນຂັ້ນຕອນ 2, ຫຼັງຈາກນັ້ນພວກເຮົາຈະຖືກໂອນໄປຫາຫນ້າ repository ໃນ Plesk. ໃນປັດຈຸບັນພວກເຮົາຈໍາເປັນຕ້ອງໄດ້ configure repository ໄດ້ຮັບການປັບປຸງກ່ຽວກັບການ commits ກັບສາຂາຕົ້ນສະບັບ. ເພື່ອເຮັດສິ່ງນີ້, ໄປທີ່ ການຕັ້ງຄ່າບ່ອນເກັບມ້ຽນ ແລະປະຫຍັດມູນຄ່າ Webhook URL (ພວກເຮົາຈະຕ້ອງການມັນໃນພາຍຫຼັງເມື່ອຕັ້ງຄ່າ Github Actions):

   

5. ຢູ່ໃນຊ່ອງຂໍ້ມູນການປະຕິບັດໃນຫນ້າຈໍຈາກວັກທີ່ຜ່ານມາ, ໃສ່ສະຄຣິບເພື່ອເປີດໃຊ້ການໃຊ້ງານ:

   cd {REPOSITORY_ABSOLUTE_PATH}
   .ci-cd/deploy.sh {ENV} {DOCKER_REGISTRY_HOST} {DOCKER_USER} {DOCKER_PASSWORD} {TG_BOT_TOKEN} {TG_CHAT_ID} 

   ບ່ອນທີ່:

   {REPOSITORY_ABSOLUTE_PATH} - ເສັ້ນທາງໄປຫາໂຟເດີ prod ຂອງ backend repository ໃນເຄື່ອງແມ່ຂ່າຍ;
   {ENV} - ສະພາບແວດລ້ອມ (dev / prod), ໃນກໍລະນີຂອງພວກເຮົາ prod;
   {DOCKER_REGISTRY_HOST} - ເຈົ້າພາບຂອງ docker repository ຂອງພວກເຮົາ
   {TG_BOT_TOKEN} - Telegram bot token;
   {TG_CHAT_ID} — ID ຂອງ​ການ​ສົນ​ທະ​ນາ / ຊ່ອງ​ທາງ​ສໍາ​ລັບ​ການ​ສົ່ງ​ແຈ້ງ​ການ​.

   ຕົວຢ່າງ script:

   cd /var/www/vhosts/helloworld.ru/httpdocs/hw_back/
   .ci-cd/deploy.sh dev docker.helloworld.ru docker_user docker_password 12345678:AAbcdEfghCH1vGbCasdfSAs0K5PALDsaw -1001234567890

6. ເພີ່ມຜູ້ໃຊ້ຈາກການສະຫມັກຂອງພວກເຮົາກັບກຸ່ມ Docker (ດັ່ງນັ້ນເຂົາເຈົ້າສາມາດຈັດການບັນຈຸ):

   sudo usermod -aG docker helloworld_admin

ສະພາບແວດລ້ອມ dev ສໍາລັບ backend repository ແລະ frontend ໄດ້ຖືກສ້າງຕັ້ງຂຶ້ນໃນລັກສະນະດຽວກັນ.

ການນຳໃຊ້ທໍ່ໃນ Github Actions

ຂໍໃຫ້ກ້າວໄປສູ່ການຕັ້ງຄ່າສ່ວນທໍາອິດຂອງທໍ່ CI/CD ຂອງພວກເຮົາໃນ Github Actions.

backend

ທໍ່ໄດ້ຖືກອະທິບາຍໄວ້ໃນ ໄຟລ໌ deploy.yml.

ແຕ່ກ່ອນທີ່ຈະວິເຄາະມັນ, ໃຫ້ຕື່ມຂໍ້ມູນໃສ່ໃນຕົວແປລັບທີ່ພວກເຮົາຕ້ອງການໃນ Github. ເພື່ອເຮັດສິ່ງນີ້, ໄປທີ່ ການຕັ້ງຄ່າ -> ຄວາມລັບ:

• DOCKER_REGISTRY - ເຈົ້າພາບຂອງ Docker repository ຂອງພວກເຮົາ (docker.helloworld.ru);
• DOCKER_LOGIN - ເຂົ້າສູ່ລະບົບ Docker repository;
• DOCKER_PASSWORD - ລະ​ຫັດ​ຜ່ານ​ກັບ​ມັນ​;
• DEPLOY_HOST — ເຈົ້າ​ພາບ​ບ່ອນ​ທີ່​ກະ​ດານ​ບໍ​ລິ​ຫານ Plesk ມີ​ໃຫ້ (ຕົວ​ຢ່າງ​: Helloworld.com: 8443 ຫຼື 123.4.56.78:8443);
• DEPLOY_BACK_PROD_TOKEN - token ສໍາລັບ deployment ກັບ prod-repository ໃນເຄື່ອງແມ່ຂ່າຍ (ພວກເຮົາໄດ້ຮັບມັນຢູ່ໃນ Deployment ໃນ Plesk p. 4);
• DEPLOY_BACK_DEV_TOKEN - token ສໍາລັບ deployment ກັບ dev repository ໃນເຄື່ອງແມ່ຂ່າຍ.

ຂະ​ບວນ​ການ​ນໍາ​ໃຊ້​ແມ່ນ​ງ່າຍ​ດາຍ​ແລະ​ປະ​ກອບ​ດ້ວຍ​ສາມ​ຂັ້ນ​ຕອນ​ຕົ້ນ​ຕໍ​:

• ການກໍ່ສ້າງແລະເຜີຍແຜ່ຮູບພາບໃນ repository ຂອງພວກເຮົາ;
• ແລ່ນການທົດສອບໃນຖັງໂດຍອີງໃສ່ຮູບພາບທີ່ສ້າງຂຶ້ນໃຫມ່;
• ນຳໃຊ້ກັບສະພາບແວດລ້ອມທີ່ຕ້ອງການໂດຍຂຶ້ນກັບສາຂາ (dev/master).

frontend

ໄຟລ໌ deploy.yml ສໍາລັບ repository ດ້ານຫນ້າ ແຕກຕ່າງຈາກ Beck ເລັກນ້ອຍ. ມັນຂາດຂັ້ນຕອນທີ່ມີການທົດສອບແລ່ນແລະປ່ຽນຊື່ຂອງ tokens ສໍາລັບການນໍາໃຊ້. ຄວາມລັບສໍາລັບ repository ດ້ານຫນ້າ, ໂດຍວິທີທາງການ, ຈໍາເປັນຕ້ອງໄດ້ຕື່ມຂໍ້ມູນໃສ່ແຍກຕ່າງຫາກ.

ການ​ຕັ້ງ​ຄ່າ​ເວັບ​ໄຊ​

ການຈະລາຈອນຕົວແທນຜ່ານ Nginx

ດີ, ພວກເຮົາມາຮອດທີ່ສຸດ. ມັນຍັງຄົງເປັນພຽງແຕ່ການກໍາຫນົດຄ່າຕົວແທນຂອງການຈະລາຈອນຂາເຂົ້າແລະຂາອອກໄປຫາຖັງຂອງພວກເຮົາໂດຍຜ່ານ Nginx. ພວກເຮົາໄດ້ກວມເອົາຂະບວນການນີ້ແລ້ວໃນຂັ້ນຕອນ 5 ຂອງການຕິດຕັ້ງ Docker Registry. ອັນດຽວກັນຄວນຖືກເຮັດຊ້ຳສໍາລັບພາກສ່ວນດ້ານຫຼັງ ແລະດ້ານໜ້າໃນສະພາບແວດລ້ອມ dev ແລະຜະລິດຕະພັນ.

ຂ້ອຍຈະໃຫ້ພາບຫນ້າຈໍຂອງການຕັ້ງຄ່າ.

backend

frontend

ຄວາມກະຈ່າງແຈ້ງທີ່ສໍາຄັນ. URL ທັງໝົດຈະຖືກສົ່ງຕໍ່ໄປຫາກ່ອງບັນຈຸດ້ານໜ້າ, ຍົກເວັ້ນອັນທີ່ເລີ່ມຕົ້ນດ້ວຍ /api/ - ພວກ​ເຂົາ​ເຈົ້າ​ຈະ​ໄດ້​ຮັບ​ການ proxied ກັບ​ພາ​ຊະ​ນະ​ຫຼັງ (ສະ​ນັ້ນ​ ໃນຕູ້ຄອນເທນເນີດ້ານຫລັງ, ຜູ້ຈັດການທັງຫມົດຕ້ອງເລີ່ມຕົ້ນດ້ວຍ /api/).

ຜົນໄດ້ຮັບ

ໃນປັດຈຸບັນເວັບໄຊທ໌ຂອງພວກເຮົາຄວນຈະມີຢູ່ໃນ helloworld.ru ແລະ dev.helloworld.ru (prod- ແລະ dev-environments, ຕາມລໍາດັບ).

ໃນຈໍານວນທັງຫມົດ, ພວກເຮົາໄດ້ຮຽນຮູ້ວິທີການກະກຽມຄໍາຮ້ອງສະຫມັກທີ່ງ່າຍດາຍໃນ Flask ແລະ Angular ແລະຕັ້ງທໍ່ໃນ Github Actions ເພື່ອມ້ວນມັນອອກໄປຫາເຄື່ອງແມ່ຂ່າຍທີ່ໃຊ້ Plesk.

ຂ້າພະເຈົ້າຈະຊ້ໍາການເຊື່ອມຕໍ່ກັບ repositories ດ້ວຍລະຫັດ: ເບື້ອງຫຼັງ, ດ້ານໜ້າ.

ແຫຼ່ງຂໍ້ມູນ: www.habr.com