Amplify 콘솔을 사용한 유지 관리 페이지 제작

현재 백엔드를 ECS로 변경하고 호환성 개발을 진행해 백엔드의 마비 시간이 사라졌다.이 방법은 잠시 실시되지 않았다.동작을 장담할 수 없으니 잘 부탁드립니다.
안녕하세요, 비둘기입니다.지금까지는 유지보수 시 ALB의 고정 응답에 유지보수 페이지가 표시됐지만, SPA화 이후 앰플리파이가 사용되면서 이 방법은 사용할 수 없게 됐다.그래서 저는 Amplify의 페이지를 유지하는 방법에 대해 생각을 했습니다.Amplify 콘솔 자체는 CD의 구조가 있지만 백엔드가 수동으로 설계되어 있다면 백엔드 발표 작업에서 백엔드와 접촉하고 싶지 않을 때 사용할 수 있다.

S3의 정적 호스트로 유지 보수 페이지 만들기

Route 53을 사용자 정의 도메인 이름과 연결

Amplify 콘솔을 사용하여 이전 도메인을 "다시 쓰기 리디렉션"과 연결

이렇게 하면 저장된 URL은 예를 들어 example입니다.인터넷에 접속하면,sorry.example.com으로 다시 지정합니다.
주의: http를 지원하는 사용자 정의 도메인 이름입니다.https화된 유지보수 페이지를 만들려면 s3의 전신에 clundfront를 설정해야 합니다.여기서는 그렇게 많은 내용을 처리하지 않는다.

S3의 정적 호스트로 유지 보수 페이지 만들기

공식 문서의 내용에 따라 제작하십시오.조심해. 통 이름이야.Route 53에서 사용하는 사용자 정의 도메인 이름과 일치해야 합니다.예를 들면 sorry.example.도메인 이름을com으로 지정하려면 구간 이름도sorry일 수 있습니다.example."com"이라는 이름을 지어야 합니다.사용자 정의 영역을 지정할 필요가 없으면, 모든 이름을 사용할 수 있습니다.
이후 모든 공개 액세스 블록 검사를 취소하고 정적 호스트 설정을 사용하며 유지보수 페이지 index를 사용합니다."}"의 이름으로 업로드하십시오. (정적 초대의 설정도 index.}와 일치합니다.)
이후 S3의 사이트 단점에서 방문해 유지보수 페이지를 안전하게 표시하면 완성된다.

사용자 정의 도메인 이름과 Route 53 연결

도메인 및 하위 도메인에 대한 별칭 레코드 추가공식 사이트를 참조하십시오(하위 도메인이 있는 항목은 있지만 이번에는 하위 도메인을 설정하지 않았습니다. 무시하십시오).
5분 정도면 사용자 정의 영역에서 접근할 수 있을 것 같습니다.

Amplify 콘솔을 사용하여 방금 도메인을 "다시 쓰기 리디렉션"과 연결

Amplify 콘솔을 엽니다.왼쪽 메뉴에서 '다시 쓰기, 방향 바꾸기' 를 선택하십시오.
www가 하위 영역과 관련이 있다면 다음과 같은 설정이 있을 것 같습니다.
소스 주소
대상 주소
입력
국가.https://example.com|https://www.example.com302 (Redirect - Temporary)</^[^.]+$|\.(?!(css|gif|ico|jpg|js|png|txt|svg|woff|ttf|map|json)$)([^.]+$)/>/index.html
200 (Rewrite)
유지 보수 기간에는 다음과 같이 변경됩니다.
소스 주소
대상 주소
입력
국가.https://example.com https://www.example.com302 (Redirect - Temporary)https://www.example.com/<*> https://www.example.com200 (Rewrite)https://www.example.com http://sorry.example.com302 (Redirect - Temporary)</^[^.]+$|\.(?!(css|gif|ico|jpg|js|png|txt|svg|woff|ttf|map|json)$)([^.]+$)/>/index.html
200 (Rewrite)www.example.com에 액세스하면 SPA 페이지가 아닌 유지 관리 페이지가 표시됩니다.
두 번째 줄은 세 번째 줄www.example.com/login만 방문하면sorry.example.com/login 페이지 오류가 발생하기 때문에 대책(S3의 유지보수 페이지는 설정으로 바꿀 수 있음)이라는 뜻이다.www.example.com/login를 잠시 www.example.com로 바꿔서 sorry.example.com로 다시 정한다.
이만 마치겠습니다.

보충(2021/12/28)

지금 확인해보니 유지보수 기간 리디렉션 설정이 제대로 진행되지 않은 것 같습니다.다음과 같이 작업을 변경하고 확인합니다.
Amplify 설정
소스 주소
대상 주소
입력
국가.https://www.example.com http://sorry.example.com302 (Redirect - Temporary)</^[^.]+$|\.(?!(css|gif|ico|jpg|js|png|txt|svg|woff|ttf|map|json)$)([^.]+$)/>/index.html
200 (Rewrite)
S3의 리디렉션 설정

[
    {
        "Condition": {
            "HttpErrorCodeReturnedEquals": "404"
        },
        "Redirect": {
            "HostName": "sorry.club-trape.com",
            "ReplaceKeyPrefixWith": "#!/"
        }
    }
]

S3의 설정, 예를 들어 상술한amplify의 설정만 있으면 https://example.com/hogehoge가 https://sorry.example.com/hogehoge로 바뀌어 404 오류가 발생하기 때문에 이 처리입니다.