CI फॉर फ्रंटेंड: गिटलैब, ट्रैफिक, डॉकर

प्रत्येक स्वाभिमानी परियोजना में, क्यूए इंजीनियरों को भाग लेना चाहिए। हर दिन अलग-अलग शाखाओं में कार्यों की पूर्ति की पुष्टि करने के कार्य के साथ उनका सामना किया जाएगा। बहुत बार, वांछित शाखा में स्विच करने की प्रक्रिया, संयोजन और परीक्षण में बहुत समय लगता है, इसके अलावा, स्थानीय रूप से हमेशा सबसे समान लड़ाकू वातावरण को पूरी तरह से फिर से बनाना संभव नहीं है।

इस लेख का उद्देश्य कई शाखाओं पर एक स्टैंड की स्थापना के लिए एक सरल तकनीक दिखाना है। यह लेख डेवलपर से डेवलपर्स द्वारा लिखा गया था, इसलिए यह पेशेवर DevOps इंजीनियरों के लिए महत्वपूर्ण रुचि होने की संभावना नहीं है।

आवश्यकताएँ:

• Gitlab (नंगे धातु / बादल)
• समर्पित सर्वर
• मुफ्त डोमेन

एक कदम: Gitlab कॉन्फ़िगर करें

1. अपने समर्पित सर्वर पर Gitlab धावक स्थापित करें
2. एक कार्यकर्ता का निर्माण करें जो डॉक छवि का समर्थन करता है
3. कंटेनर रजिस्ट्री सक्षम करें

चरण दो: सर्वर सेटअप

1. डॉकर स्थापित करें
2. कम्पोज़ स्थापित करें
3. एक उपयोगकर्ता बनाएँ:
   
   

   #     ,      $ sudo adduser deployer $ sudo groupadd docker $ sudo usermod -aG docker deployer #  ssh  $ su deployer $ ssh-keygen -t rsa (when asked for a passphrase, enter no passphrase) #          $ cp ~/.ssh/id_rsa.pub ~/.ssh/authorized_keys 

   
   
4. ट्रैफ़िक सेट करें (उनके लेबल (लेबल) के आधार पर डॉकर कंटेनरों के लिए अनुरोध करने वाला सर्वर):
   
   

    $ sudo mkdir -p /opt/traefik $ docker network create web #   docker-compose & traefik         

   
   /opt/traefik/docker-compose.yml
   
   

    version: '2' services: traefik: image: traefik:1.4.6 restart: always ports: - 80:80 networks: - web volumes: - /var/run/docker.sock:/var/run/docker.sock - ./traefik.toml:/traefik.toml container_name: traefik networks: web: external: true 

   
   /opt/traefik/traefik.toml
   
   DOMAIN.COM को अपने डोमेन से बदलें।
   
   

    debug = true checkNewVersion = true logLevel = "ERROR" defaultEntryPoints = ["http"] [entryPoints] [entryPoints.http] address = ":80" [retry] [docker] endpoint = "unix:///var/run/docker.sock" domain = "DOMAIN.COM" watch = true exposedbydefault = false 

   
   
5. ट्रैफ़िक चलाएं:
   
   

    cd /opt/traefik && docker-compose up -d 

   
   
6. समर्पित सर्वर के फ़ॉर्म '*' का DOMAIN.COM के लिए एक रिकॉर्ड जोड़ें।
   

चरण तीन: रिपोजिटरी तैयार करना

1. Dockerfile रिपॉजिटरी की जड़ में जोड़ें:
   
   

    FROM node:8.9 as build-deps WORKDIR /usr/src/app COPY package.json ./ RUN npm i COPY . ./ RUN npm run build FROM nginx:1.12-alpine COPY --from=build-deps /usr/src/app/dist /usr/share/nginx/html EXPOSE 80 CMD ["nginx", "-g", "daemon off;"] 

   
   परिवर्तन
   
   

    npm run build 

   
   अपनी बिल्ड टीम के लिए। उसी तरह से पथ संपादित करें।
   
   

    /usr/src/app/dist 

   
   अपने निर्माण निर्देशिका के लिए दूर बदलते।
   आप यहां संरचना और डॉकफायर कमांड के बारे में अधिक पढ़ सकते हैं।
   
2. छवि विधानसभा अनुभाग के साथ .itlab-ci.yml फ़ाइल जोड़ें:
   
   

    image: docker:stable variables: DOCKER_HOST: tcp://docker:2375/ DOCKER_DRIVER: overlay2 GITLAB_DOMAIN: gitlab.com services: - docker:dind stages: - build build_staging: stage: build script: - export GITLAB_DOMAIN=gitlab.com - export CONTAINER_IMAGE=$GITLAB_DOMAIN/frontend/main/image - docker login -u gitlab-ci-token -p $CI_BUILD_TOKEN $GITLAB_DOMAIN - docker pull $CONTAINER_IMAGE:$CI_COMMIT_REF_SLUG || true - export URL="Host:${CI_COMMIT_REF_NAME}.tests.DOMAIN.COM" - docker build -t $CONTAINER_IMAGE:$CI_COMMIT_REF_SLUG . --label "traefik.backend=${CI_COMMIT_REF_NAME}" --label "traefik.frontend.rule=${URL}" - docker push $CONTAINER_IMAGE:$CI_COMMIT_REF_SLUG 

3. SSH_PRIVATE_KEY के रूप में रिपॉजिटरी सेटिंग्स (सेटिंग्स -> CI / CD -> वेरिएबल्स) में निजी @@OMOM.COM निजी कुंजी जोड़ें
4. तैनाती अनुभाग जोड़ें:
   
   

    stages: - build - deploy /// .... deploy_staging: stage: deploy image: kroniak/ssh-client:3.6 script: - mkdir ~/.ssh - '[[ -f /.dockerenv ]] && echo -e "Host *\n\tStrictHostKeyChecking no\n\n" > ~/.ssh/config' - eval $(ssh-agent -s) - ssh-add <(echo "$SSH_PRIVATE_KEY") - ssh deployer@DOMAIN.COM "docker login -u gitlab-ci-token -p $CI_BUILD_TOKEN $GITLAB_DOMAIN" - ssh deployer@DOMAIN.COM "docker stop frontend_${CI_COMMIT_REF_SLUG}" || true - ssh deployer@DOMAIN.COM "docker rm frontend_${CI_COMMIT_REF_SLUG}" || true - ssh deployer@DOMAIN.COM "docker rmi GITLAB-DOMAIN.COM/frontend/main/image:${CI_COMMIT_REF_SLUG}" || true - ssh deployer@DOMAIN.COM "docker run --name frontend_${CI_COMMIT_REF_SLUG} --network=web -d $GITLAB_DOMAIN/frontend/main/image:${CI_COMMIT_REF_SLUG}" environment: name: review/$CI_COMMIT_REF_NAME url: http://${CI_COMMIT_REF_NAME}.tests.DOMAIN.COM on_stop: stop_staging stop_staging: stage: deploy image: kroniak/ssh-client:3.6 variables: GIT_STRATEGY: none script: - mkdir ~/.ssh - '[[ -f /.dockerenv ]] && echo -e "Host *\n\tStrictHostKeyChecking no\n\n" > ~/.ssh/config' - eval $(ssh-agent -s) - ssh-add <(echo "$SSH_PRIVATE_KEY") - ssh deployer@DOMAIN.COM "docker login -u gitlab-ci-token -p $CI_BUILD_TOKEN GITLAB-DOMAIN.COM" - ssh deployer@DOMAIN.COM "docker stop frontend_${CI_COMMIT_REF_SLUG}" || true - ssh deployer@DOMAIN.COM "docker rm frontend_${CI_COMMIT_REF_SLUG}" || true - ssh deployer@DOMAIN.COM "docker rmi $GITLAB_DOMAIN/frontend/main/image:${CI_COMMIT_REF_SLUG}" || true when: manual environment: name: review/$CI_COMMIT_REF_NAME action: stop 

उपरोक्त चरण निम्नलिखित परिणाम प्राप्त करने के लिए पर्याप्त हैं:

• एक शाखा के लिए प्रत्येक नई प्रतिबद्धता सभा और% current_name% पर नवीनतम वर्तमान कोड की तैनाती शुरू करती है।
• Gitlab में एक पर्यावरण तंत्र शामिल होता है जो आपको एक-दो स्पर्शों में बंद छवियों को बनाने / हटाने / खोलने की अनुमति देता है

अगले चरण:

• विज़ार्ड असेंबली के लिए एक अलग अनुभाग सेट करें। विज़ार्ड के मामले में, COMMIT_SHA के माध्यम से छवि को टैग करना उचित है
• Docker में nginx में config जोड़ें
• ARG और ENV dockerfile तंत्र के माध्यम से बंडल बंडल पैरामीटर को अग्रेषित करें
• असेंबलियों के लिए छवि से कैश उपयोग कॉन्फ़िगर करें

लेख के आधार पर।