यस लेखमा, म Plesk नियन्त्रण प्यानल र Github कार्यहरू प्रयोग गरेर CI/CD सेटअप गर्ने मेरो अनुभव साझा गर्नेछु। आज हामी "Helloworld" नामको सरल परियोजनालाई कसरी डिप्लोय गर्ने भनेर सिक्ने छौँ। यो फ्लास्क पाइथन फ्रेमवर्कमा लेखिएको छ, सेलरी कामदारहरू र एङ्गुलर 8 फ्रन्टएन्डसँग।

भण्डारहरूमा लिङ्कहरू: ब्याकइन्ड, अगाडिको भाग.

लेखको पहिलो भागमा, हामी हाम्रो परियोजना र यसको भागहरू हेर्नेछौं। दोस्रोमा, हामी कसरी Plesk सेट अप गर्ने र आवश्यक विस्तारहरू र कम्पोनेन्टहरू (DB, RabbitMQ, Redis, Docker, आदि) स्थापना गर्ने भनेर पत्ता लगाउनेछौं।

तेस्रो भागमा, हामी अन्ततः हाम्रो प्रोजेक्टलाई सर्भरमा डेभ र प्रोड वातावरणमा डिप्लोइ गर्नको लागि पाइपलाइन कसरी सेटअप गर्ने भनेर पत्ता लगाउनेछौं। र त्यसपछि हामी सर्भरमा साइट सुरु गर्नेछौं।

र हो, मैले आफ्नो परिचय दिन बिर्सें। मेरो नाम ओलेग बोर्जोभ हो, म Domclick मा मोर्टगेज प्रबन्धकहरूको लागि CRM टोलीमा फुलस्ट्याक विकासकर्ता हुँ।

परियोजना सिंहावलोकन

पहिले, दुई परियोजना भण्डारहरू हेरौं - ब्याकएन्ड र अगाडि - र कोडमा जानुहोस्।

ब्याकएन्ड: फ्लास्क+सेलेरी

पछाडिको भागको लागि, मैले एउटा गुच्छा लिएँ जुन पाइथन विकासकर्ताहरू बीच धेरै लोकप्रिय छ: फ्लास्क फ्रेमवर्क (एपीआईको लागि) र सेलेरी (कार्य लामको लागि)। SQLAchemy ORM को रूपमा प्रयोग गरिन्छ। Alembic माइग्रेसन को लागी प्रयोग गरिन्छ। ह्यान्डलहरूमा JSON प्रमाणीकरणको लागि - Marshmallow।

В भण्डारहरू त्यहाँ एक Readme.md फाइल छ जसमा संरचनाको विस्तृत विवरण र परियोजना चलाउनका लागि निर्देशनहरू छन्।

वेब पार्ट API एकदम सरल, 6 कलम समावेश:

• /ping - उपलब्धता जाँच गर्न;
• दर्ता, प्राधिकरण, डि-प्राधिकरण र अधिकृत प्रयोगकर्ता प्राप्त गर्नका लागि ह्यान्डलहरू;
• एउटा इमेल ह्यान्डल जसले सेलरी लाममा कार्य राख्छ।

अजवाइन भाग अझ सजिलो, त्यहाँ एउटा मात्र समस्या छ send_mail_task.

फोल्डरमा /conf त्यहाँ दुई उपफोल्डरहरू छन्:

• docker दुई Dockerfiles संग (base.dockerfile एक विरलै परिवर्तन आधार छवि निर्माण गर्न र Dockerfile मुख्य सभाहरूको लागि);
• .env_files - विभिन्न वातावरणका लागि वातावरण चरहरूसँग फाइलहरूसँग।

परियोजनाको मूलमा चार डकर-कम्पोज फाइलहरू छन्:

• docker-compose.local.db.yml विकासको लागि स्थानीय डाटाबेस उठाउन;
• docker-compose.local.workers.yml कार्यकर्ता, डाटाबेस, Redis र RabbitMQ को स्थानीय वृद्धिको लागि;
• docker-compose.test.yml परिनियोजन समयमा परीक्षण चलाउन;
• docker-compose.yml तैनाती को लागी।

र हामीले रुचि राखेको अन्तिम फोल्डर - ci-cd। यसले तैनातीका लागि शेल लिपिहरू समावेश गर्दछ:

• deploy.sh - माइग्रेसन र डिप्लोइमेन्टको सुरुवात। Github कार्यहरूमा निर्माण र चलिरहेको परीक्षण पछि सर्भरमा चल्छ;
• rollback.sh - कन्टेनरहरूको रोलब्याक विधानसभाको अघिल्लो संस्करणमा;
• curl_tg.sh - टेलीग्राममा तैनाती सूचनाहरू पठाउँदै।

Angular मा Frontend

अगाडि संग भण्डार बेकको भन्दा धेरै सरल। अगाडि तीन पृष्ठहरू हुन्छन्:

• ईमेल पठाउनको लागि फारम र बाहिर निस्कने बटन भएको मुख्य पृष्ठ।
• लगइन पृष्ठ।
• दर्ता पृष्ठ।

मुख्य पृष्ठ तपस्वी देखिन्छ:

रूटमा दुई फाइलहरू छन् Dockerfile и docker-compose.yml, साथै परिचित फोल्डर .ci-cd ब्याक रिपोजिटरीको तुलनामा थोरै थोरै लिपिहरूसँग (चलिरहेको परीक्षणका लागि लिपिहरू हटाइयो)।

Plesk मा एक परियोजना सुरु गर्दै

Plesk सेट अप गरेर र हाम्रो साइटको लागि सदस्यता सिर्जना गरेर सुरु गरौं।

विस्तारहरू स्थापना गर्दै

Plesk मा, हामीलाई चार विस्तारहरू चाहिन्छ:

• Docker Plesk प्रशासक प्यानलमा कन्टेनरहरूको स्थिति व्यवस्थापन र दृश्यात्मक रूपमा प्रदर्शन गर्न;
• Git सर्भरमा तैनाती चरण कन्फिगर गर्न;
• Let's Encrypt नि:शुल्क TLS प्रमाणपत्रहरू उत्पन्न गर्न (र स्वत: नवीकरण)
• Firewall आगमन ट्राफिकको फिल्टरिङ कन्फिगर गर्न।

तपाइँ तिनीहरूलाई विस्तार सेक्सनमा Plesk प्रशासक प्यानल मार्फत स्थापना गर्न सक्नुहुन्छ:

हामी विस्तारहरूका लागि विस्तृत सेटिङहरू विचार गर्दैनौं, पूर्वनिर्धारित सेटिङहरूले हाम्रो डेमो उद्देश्यहरूको लागि गर्नेछ।

सदस्यता र साइट सिर्जना गर्नुहोस्

अर्को, हामीले हाम्रो helloworld.ru वेबसाइटको लागि सदस्यता सिर्जना गर्न र त्यहाँ dev.helloworld.ru सबडोमेन थप्न आवश्यक छ।

1. helloworld.ru डोमेनको लागि सदस्यता सिर्जना गर्नुहोस् र प्रणाली प्रयोगकर्ताको लागि लगइन-पासवर्ड निर्दिष्ट गर्नुहोस्:

   
   पृष्ठको तलको बाकस जाँच गर्नुहोस् Let's Encrypt को साथ डोमेन सुरक्षित गर्नुहोस्यदि हामी साइटको लागि HTTPS सेटअप गर्न चाहन्छौं:

   

2. अर्को, यो सदस्यतामा, एउटा सबडोमेन dev.helloworld.ru सिर्जना गर्नुहोस् (जसको लागि तपाईंले निःशुल्क TLS प्रमाणपत्र पनि जारी गर्न सक्नुहुन्छ):

   

सर्भर अवयवहरू स्थापना गर्दै

हामीसँग सर्भर छ ओएस डेबियन स्ट्रेच ९.१२ र स्थापना नियन्त्रण प्यानल Plesk Obsidian 18.0.27.

हामीले हाम्रो परियोजनाको लागि स्थापना र कन्फिगर गर्न आवश्यक छ:

• PostgreSQL (हाम्रो मामला मा, त्यहाँ dev र prod वातावरण को लागी दुई डाटाबेस संग एक सर्भर हुनेछ)।
• RabbitMQ (एउटै, वातावरणको लागि फरक vhosts संग समान उदाहरण)।
• दुई Redis उदाहरणहरू (dev र prod वातावरणका लागि)।
• डकर रजिस्ट्री (बनाइएको डकर छविहरूको स्थानीय भण्डारणको लागि)।
• डकर रजिस्ट्रीको लागि UI।

PostgreSQL

Plesk पहिले नै PostgreSQL DBMS सँग आउँछ, तर पछिल्लो संस्करण होइन (Plesk Obsidian लेख्ने समयमा समर्थित Postgres संस्करणहरू 8.4-10.8)। हामी हाम्रो अनुप्रयोगको लागि नवीनतम संस्करण चाहन्छौं (यस लेखनको समयमा 12.3), त्यसैले हामी यसलाई म्यानुअल रूपमा स्थापना गर्नेछौं।

नेटमा डेबियनमा पोस्टग्रेस स्थापना गर्नका लागि धेरै विस्तृत निर्देशनहरू छन् (एक उदाहरण), त्यसैले म तिनीहरूलाई विस्तृत रूपमा वर्णन गर्दिन, म केवल आदेशहरू दिनेछु:

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प्रस्ताव गरिएकाहरूलाई। यहाँ ध्यान दिनु पर्छ कि त्यस्ता क्यालकुलेटरहरू जादुई बुलेट होइनन्, र आधारलाई तपाइँको हार्डवेयर, अनुप्रयोग र क्वेरी जटिलताको आधारमा थप सटीक रूपमा ट्युन गर्नुपर्दछ। तर यो सुरु गर्न पर्याप्त छ।

क्यालकुलेटरद्वारा प्रस्तावित सेटिङहरूको अतिरिक्त, हामी पनि परिवर्तन गर्छौं postgresql.confपूर्वनिर्धारित पोर्ट 5432 अर्कोमा (हाम्रो उदाहरणमा - 53983).

कन्फिगरेसन फाइल परिवर्तन गरेपछि, आदेशको साथ postgresql-सर्भर पुन: सुरु गर्नुहोस्:

service postgresql restart

हामीले PostgreSQL स्थापना र कन्फिगर गरेका छौं। अब एक डाटाबेस सिर्जना गरौं, dev र prod वातावरणका लागि प्रयोगकर्ताहरू, र प्रयोगकर्ताहरूलाई डाटाबेस व्यवस्थापन गर्न अधिकार दिनुहोस्:

$ 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

खरगोश MQ

सेलरीको लागि सन्देश ब्रोकर, RabbitMQ स्थापना गर्न अगाडि बढौं। यसलाई डेबियनमा स्थापना गर्नु एकदम सरल छ:

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। यसलाई सेलेरी कार्यहरूको नतिजाहरू भण्डारण गर्न ब्याकइन्डको रूपमा प्रयोग गरिनेछ।

हामी विस्तार प्रयोग गरेर dev र prod वातावरणका लागि Redis सँग दुई डकर कन्टेनरहरू उठाउनेछौं Docker Plesk को लागी।

1. हामी Plesk मा जान्छौं, एक्स्टेन्सन सेक्सनमा जानुहोस्, डकर एक्सटेन्सन खोज्नुहोस् र यसलाई स्थापना गर्नुहोस् (हामीलाई नि: शुल्क संस्करण चाहिन्छ):

   

2. स्थापित विस्तारमा जानुहोस्, खोज मार्फत छवि फेला पार्नुहोस् redis bitnami र नवीनतम संस्करण स्थापना:

   

3. हामी डाउनलोड गरिएको कन्टेनरमा जान्छौं र कन्फिगरेसन समायोजन गर्छौं: पोर्ट निर्दिष्ट गर्नुहोस्, अधिकतम आवंटित RAM आकार, वातावरण चरमा पासवर्ड, र भोल्युम माउन्ट गर्नुहोस्:

   

4. हामी प्रोड कन्टेनरको लागि 2-3 चरणहरू प्रदर्शन गर्छौं, सेटिङहरूमा हामी केवल प्यारामिटरहरू परिवर्तन गर्छौं: पोर्ट, पासवर्ड, RAM साइज र सर्भरमा भोल्युम फोल्डरमा जाने बाटो:

   

डकर रजिस्ट्री

आधारभूत सेवाहरूको अतिरिक्त, सर्भरमा तपाईंको आफ्नै डकर छवि भण्डार राख्नु राम्रो हुनेछ। सौभाग्य देखि, सर्भर स्पेस अब एकदम सस्तो छ (निश्चित रूपमा एक DockerHub सदस्यता भन्दा सस्तो), र एक निजी भण्डार सेटअप गर्ने प्रक्रिया धेरै सरल छ।

हामी चाहन्छौं:

• पासवर्ड-सुरक्षित डकर रिपोजिटरी सबडोमेनमा पहुँचयोग्य https://docker.helloworld.ru;
• भण्डारमा छविहरू हेर्नको लागि UI, मा उपलब्ध छ https://docker-ui.helloworld.ru.

यो गर्न:

1. हाम्रो सदस्यतामा Plesk मा दुईवटा सबडोमेनहरू सिर्जना गरौं: docker.helloworld.ru र docker-ui.helloworld.ru, र कन्फिगर गरौं तिनीहरूका लागि प्रमाणपत्रहरू एन्क्रिप्ट गरौं।
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 फाइल उत्पन्न गर्नेछौं:

   htpasswd -bBc .htpasswd hw_docker_admin hw_docker_password

4. कन्टेनरहरू सङ्कलन र उठाउनुहोस्:

   docker-compose up -d

5. र हामीले Nginx लाई हाम्रो कन्टेनरहरूमा रिडिरेक्ट गर्न आवश्यक छ। यो Plesk मार्फत गर्न सकिन्छ।

निम्न चरणहरू docker.helloworld.ru र docker-ui.helloworld.ru सबडोमेनहरूको लागि गर्न आवश्यक छ:

खण्ड देव उपकरणहरू हाम्रो साइट मा जानुहोस् डकर प्रोक्सी नियम:

र हाम्रो कन्टेनरमा प्रोक्सी आगमन ट्राफिकमा नियम थप्नुहोस्:

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 subdomain को सञ्चालन पनि जाँच गरौं:

   
   जब तपाइँ ब्राउज रिपोजिटरीहरूमा क्लिक गर्नुहुन्छ, ब्राउजरले प्राधिकरण विन्डो देखाउनेछ जहाँ तपाइँ भण्डारको लागि प्रयोगकर्ता नाम र पासवर्ड प्रविष्ट गर्न आवश्यक पर्दछ। त्यस पछि, हामी भण्डारहरूको सूचीको साथ एक पृष्ठमा स्थानान्तरण हुनेछौं (अहिलेको लागि, यो तपाईंको लागि खाली हुनेछ):

   

Plesk फायरवालमा पोर्टहरू खोल्दै

कम्पोनेन्टहरू स्थापना र कन्फिगर गरेपछि, हामीले पोर्टहरू खोल्न आवश्यक छ ताकि कम्पोनेन्टहरू डकर कन्टेनरहरू र बाह्य नेटवर्कबाट पहुँचयोग्य छन्।

हामीले पहिले स्थापना गरेको Plesk को लागी फायरवाल एक्सटेन्सन प्रयोग गरेर यो कसरी गर्ने भनेर हेरौं।

1. जाऊ त्यहाँ उपकरण र सेटिङहरू > सेटिङहरू > फायरवाल:
   
2. जाऊ त्यहाँ Plesk फायरवाल नियमहरू परिमार्जन गर्नुहोस् > अनुकूलन नियम थप्नुहोस् र डकर सबनेटका लागि निम्न TCP पोर्टहरू खोल्नुहोस् (172.0.0.0 / 8):
   RabbitMQ: 1883, 4369, 5671-5672, 25672, 61613-61614
   रेडिस: 32785, 32786

   

3. हामी बाहिरी संसारमा PostgreSQL पोर्टहरू र RabbitMQ व्यवस्थापन प्यानलहरू खोल्ने नियम पनि थप्नेछौं:

   

4. परिवर्तनहरू लागू गर्नुहोस् बटन प्रयोग गरेर नियमहरू लागू गर्नुहोस्:

   

Github कार्यहरूमा CI/CD सेटअप गर्दै

सबैभन्दा चाखलाग्दो भागमा जाऔं - निरन्तर एकीकरण पाइपलाइन सेटअप गर्ने र हाम्रो परियोजनालाई सर्भरमा डेलिभर गर्ने।

यो पाइपलाइन दुई भागहरू समावेश हुनेछ:

• छवि निर्माण गर्दै र चलिरहेको परीक्षणहरू (ब्याकइन्डका लागि) - Github साइडमा;
• चलिरहेको माइग्रेसन (ब्याकइन्डको लागि) र कन्टेनरहरू डिप्लोइ गर्दै - सर्भरमा।

Plesk मा तैनात गर्नुहोस्

पहिले दोस्रो बिन्दुसँग व्यवहार गरौं (किनकि पहिलो यसमा निर्भर गर्दछ)।

हामी Plesk को लागी Git एक्सटेन्सन प्रयोग गरेर तैनाती प्रक्रिया कन्फिगर गर्नेछौं।

ब्याकएन्ड भण्डारको लागि प्रोड वातावरणको साथ एउटा उदाहरणलाई विचार गर्नुहोस्।

1. हामी हाम्रो Helloworld वेबसाइटको सदस्यतामा जान्छौं र Git उपखण्डमा जान्छौं:

   

2. "रिमोट गिट रिपोजिटरी" फिल्डमा हाम्रो Github भण्डारमा लिङ्क घुसाउनुहोस् र पूर्वनिर्धारित फोल्डर परिवर्तन गर्नुहोस्। httpdocs अर्कोलाई (जस्तै। /httpdocs/hw_back):

   

3. अघिल्लो चरणबाट SSH सार्वजनिक कुञ्जी प्रतिलिपि गर्नुहोस् र थप्नुहोस् यो Github सेटिङहरूमा छ।
4. चरण 2 मा स्क्रिनमा ठीक क्लिक गर्नुहोस्, त्यसपछि हामीलाई Plesk मा भण्डार पृष्ठमा रिडिरेक्ट गरिनेछ। अब हामीले मास्टर शाखामा कमिटहरूमा अद्यावधिक गर्न भण्डार कन्फिगर गर्न आवश्यक छ। यो गर्न, जानुहोस् भण्डार सेटिङहरू र मूल्य बचत गर्नुहोस् Webhook URL (गिथब कार्यहरू सेटअप गर्दा हामीलाई पछि यसको आवश्यकता पर्नेछ):

   

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} - सर्भरमा ब्याकइन्ड भण्डारको प्रोड फोल्डरमा जाने बाटो;
   {ENV} - वातावरण (dev / prod), हाम्रो मामला मा prod;
   {DOCKER_REGISTRY_HOST} - हाम्रो डकर भण्डारको होस्ट
   {TG_BOT_TOKEN} - टेलिग्राम बोट टोकन;
   {TG_CHAT_ID} - सूचनाहरू पठाउनको लागि च्याट/च्यानलको ID।

   लिपि उदाहरण:

   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. हाम्रो सदस्यताबाट डकर समूहमा प्रयोगकर्ता थप्नुहोस् (त्यसैले तिनीहरूले कन्टेनरहरू व्यवस्थापन गर्न सक्छन्):

   sudo usermod -aG docker helloworld_admin

ब्याकइन्ड रिपोजिटरी र फ्रन्टएन्डको लागि dev वातावरण समान रूपमा सेट अप गरिएको छ।

Github कार्यहरूमा तैनाती पाइपलाइन

Github कार्यहरूमा हाम्रो CI/CD पाइपलाइनको पहिलो भाग सेटअप गर्न अगाडि बढौं।

ब्याकइन्ड

पाइपलाइनमा वर्णन गरिएको छ deploy.yml फाइल.

तर यसलाई पार्स गर्नु अघि, हामीलाई Github मा चाहिने गोप्य चरहरू भरौं। यो गर्न, जानुहोस् सेटिङ्हरू -> गोप्य:

• DOCKER_REGISTRY - हाम्रो डकर रिपोजिटरी को होस्ट (docker.helloworld.ru);
• DOCKER_LOGIN - डकर भण्डारमा लगइन गर्नुहोस्;
• DOCKER_PASSWORD - यसलाई पासवर्ड;
• DEPLOY_HOST - होस्ट जहाँ Plesk प्रशासक प्यानल उपलब्ध छ (उदाहरण: helloworld.ru: ४० वा 123.4.56.78८४४३);
• DEPLOY_BACK_PROD_TOKEN - सर्भरमा प्रोड-रिपोजिटरीमा डिप्लोइमेन्टको लागि टोकन (हामीले यसलाई Plesk p. 4 मा डिप्लोयमेन्टमा पायौं);
• DEPLOY_BACK_DEV_TOKEN - सर्भरमा डेभ रिपोजिटरीमा डिप्लोइमेन्टको लागि टोकन।

तैनाती प्रक्रिया सरल छ र तीन मुख्य चरणहरू समावेश छन्:

• हाम्रो भण्डारमा छवि निर्माण र प्रकाशित गर्दै;
• भर्खरै निर्मित छविमा आधारित कन्टेनरमा परीक्षणहरू चलाउँदै;
• शाखा (dev/master) को आधारमा इच्छित वातावरणमा तैनाती।

फ्रन्टइन्ड

अगाडिको भण्डारको लागि deploy.yml फाइल बेकको भन्दा अलि फरक। यसमा चलिरहेको परीक्षणको साथ एक चरणको कमी छ र तैनातीका लागि टोकनहरूको नाम परिवर्तन गर्दछ। अगाडि भण्डारको लागि गोप्यहरू, वैसे, अलग-अलग भर्न आवश्यक छ।

साइट सेटअप

Nginx मार्फत ट्राफिक प्रोक्सी गर्दै

खैर, हामी अन्त्यमा आएका छौं। यो Nginx मार्फत हाम्रो कन्टेनरमा आगमन र बाहिर जाने ट्राफिकको प्रोक्सी कन्फिगर गर्न मात्र बाँकी छ। हामीले यस प्रक्रियालाई डकर रजिस्ट्री सेटअपको चरण 5 मा कभर गरिसकेका छौं। dev र prod वातावरणमा पछाडि र अगाडि भागहरूको लागि उही दोहोर्याइएको हुनुपर्छ।

म सेटिङ्हरूको स्क्रिनसटहरू प्रदान गर्नेछु।

ब्याकइन्ड

फ्रन्टइन्ड

Уточнение уточнение। सबै URL लाई फ्रन्टएन्ड कन्टेनरमा प्रोक्सी गरिने छ, बाट सुरु हुने बाहेक /api/ - तिनीहरू पछाडिको कन्टेनरमा प्रोक्सी हुनेछन् (त्यसैले पछाडिको कन्टेनरमा, सबै ह्यान्डलरहरू सुरु हुनुपर्छ /api/).

परिणामहरू

अब हाम्रो साइट helloworld.ru र dev.helloworld.ru (क्रमशः prod- र dev-environments) मा उपलब्ध हुनुपर्छ।

कुल मिलाएर, हामीले फ्लास्क र एङ्गुलरमा एउटा साधारण एप्लिकेसन कसरी तयार गर्ने र Plesk चलिरहेको सर्भरमा रोल आउट गर्न Github Actions मा पाइपलाइन सेट अप गर्ने भनेर सिक्यौं।

म कोडको साथ रिपोजिटरीहरूमा लिङ्कहरू नक्कल गर्नेछु: ब्याकइन्ड, अगाडिको भाग.

स्रोत: www.habr.com