Hacktober 🎃와 Hacktoberfest 🧑🏽‍💻가 시작되었습니다. 서비스에 대한 유지 관리 작업을 수행할 때 방문자에게 보여줄 수 있는 작은 React 유지 관리 웹 사이트에 기여하고 싶었습니다.



이를 위해 나는 당신이 쉽게 복제하고 자신의 개인 유지 관리 웹사이트로 만들 수 있는 작은template repository을 만들었습니다.

기본 조정만 수행하려는 경우 info.json 파일 내의 텍스트 문자열을 조정하면 됩니다.

제목, 설명 및 파비콘을 변경할 수 있습니다.

{
  "headline": "Website maintenance",
  "description": "We are back in a couple of minutes.",
  "favicon_url": "https://oflisback.github.io/react-favicon/img/github.ico"
}

좀 더 조정하고 싶다면 자유롭게 할 수 있습니다. Prettier 및 ESLint가 포함된 매우 기본적인 React v18 애플리케이션입니다. 필요에 따라 모든 것을 사용자 정의할 수 있습니다.

변경을 완료한 경우 포함된 이미지Dockerfile를 사용하여 프로덕션 준비 이미지를 구축할 수 있습니다.

docker build -t website-maintenance-container:latest .

새로 생성된 도커 이미지를 테스트하려면 다음 명령을 사용하십시오.

docker run -p 8000:80 website-maintenance-container:latest

이제 브라우저를 열고 127.0.0.1:8000로 이동하여 웹 사이트를 확인하십시오.

CI(지속적 통합)

이 리포지토리에는 Conventional Commits specification을 준수하는 커밋에 대한 커밋 기록을 확인하는 미리 구성된 GitHub 작업이 함께 제공됩니다. 워크플로우가 새 커밋을 감지하면 자동으로 다음 버전 번호를 결정하고 유지 관리 애플리케이션의 새로 빌드된 Docker 이미지를 생성합니다. 그런 다음 이 이미지는 GitHub Container Registry로 전송되고 새로 결정된 버전 번호에 따라 Git 버전 태그가 자동으로 할당됩니다. 🥳

해당 GitHub 작업 및 GitHub 컨테이너 리포지토리에 대한 자동 푸시를 사용하려면 계정에 대한 token for your action을 생성해야 합니다. 이름을 PAT_TOKEN로 지정하거나 build.yml 내부에서 필요에 따라 변경하십시오.

CD(지속적 배포)

이제 작동하는 CI 파이프라인이 있는 멋지고 작은 프로젝트가 있습니다. build.yml 내부의 CD 문을 사용하여 작업 흐름을 쉽게 확장할 수 있습니다. 이를 위해 작년에 작은 독립 법인을 세웠습니다. 🎉

타의 추종을 불허하는 / 범프 이미지 버전 작업

ssh를 통해 원격 서버의 docker-compose 파일에 배포된 도커 이미지 버전을 늘리는 GitHub 작업

원격 호스트의 범프 도커 이미지 버전

이 리포지토리에는 docker-compose 스택에 지정된 도커 이미지 버전을 범프하기 위한 GitHub 작업이 포함되어 있습니다.

이 GitHub 작업이 작동하기 위한 요구 사항

ssh를 통해 원격 서버에 액세스할 수 있어야 하며 연결할 수 있어야 합니다

.

ssh를 통해 인증할 ssh 개인 및 공개 키가 있습니다

.

개인 및 공개 키를 GitHub 프로젝트 비밀에 저장했습니다

.

작업에 대한 구성 옵션

필수의
열쇠
예시
기본
설명


✅
remote_docker_host
[email protected]
사용자 이름@호스트

✅
ssh_private_key
-----OPENSSH 개인 키 시작----UgAAAAtzc2gtZWQyNTUxOQAAACALBUgUgAAAAtzc2gtZWQyNTUxOQAAACALBUgUgAAAAtzc2gtZWQyNTUxOQAAACALBUg-----OPENSSH 개인 키 종료-----
PEM 형식의 개인 키

✅
ssh_public_key
ssh-ed25519 ABCDABCDu027374972309
PEM의 공개 키

✅
서비스 이름
슈퍼 팬시 반응 앱

작성 파일 내부의 서비스 이름

✅
배포 경로
/home/thematchless/stack-1

원격 호스트에서 작성 파일을 포함하는 경로

✅
인수
위로 -d

인수 서비스를 시작하는 방법

❌
stack_file_name
도커 작성.yaml
docker-compose.yml
이름

…

View on GitHub


제 관리 용기에 대한 이 작은 아이디어가 마음에 드셨기를 바랍니다 😎