정적 웹 사이트 제공
이 단순 학습서 를 사용하여 몇 분 내에 IBM Cloud® Object Storage 을 사용하여 호스팅된 새 정적 웹 사이트를 작성할 수 있습니다. 이 주제에는 정적 웹 사이트를 호스팅하기 위한 세부사항 및 일부 고급 구성 옵션이 포함되어 있습니다.
개요
최신 웹 개발에는 최신 도구 및 보안 인프라가 필요합니다. 정적 웹 사이트는 고가용성, SEO 개선 및 보안 강화의 최신 개발을 나타냅니다. 사용 가능한 모든 옵션을 다루는 것은 이 실제 개요의 범위를 벗어나지만 IBM Cloud Object Storage 에서 정적 컨텐츠를 쉽게 제공하는 것은 많은 가능한 전략을 허용합니다.
호스트된 정적 웹 사이트는 사용자가 원하는 컨텐츠 (정보 및 매체) 에 초점을 맞춥니다. Apache 또는 Nginx와 같은 웹 서버의 관리를 제거하여 웹 사이트의 관리는 생성부터 배치까지 컨텐츠에 직접 초점을 맞춥니다.
정적 컨텐츠는 동적 웹 컨텐츠와 상당히 다릅니다. 그러나 웹에서 동적 컨텐츠를 생성할 필요가 없거나 워크플로우 결과가 고정 양식에 저장된 컨텐츠인 경우에는 여기에 제공된 호스팅된 정적 솔루션이 최상의 선택을 제공합니다.
기능
IBM Cloud Object Storage 정적 웹사이트 호스팅을 생성하는 것은 cURL과 Java, Go, Python, NodeJS 라이브러리를 사용하여 수행할 수 있습니다. 또한 S3 호환성은 명령줄에서 정적 웹사이트 기능을 정의하는 데에도 AWS CLI를 사용할 수 있음을 의미합니다. 또한 버킷을 작성할 때 정적 웹 사이트에 대한 옵션을 추가하기만 하면 콘솔 에서 GUI를 사용하여 새 호스팅된 정적 웹 사이트 솔루션을 작성하고 구성할 수 있습니다.
기본 구성
IBM Cloud® Object Storage 에서 정적 웹 사이트를 호스팅하는 것은 버킷 작성 및 공용 액세스를 위해 이를 구성하는 것으로 시작합니다. 그런 다음 웹 사이트 컨텐츠를 버킷에 업로드 하십시오. 마지막으로 문서를 사이트의 색인으로 사용하고 잠재적으로 오류를 표시하도록 웹 사이트를 구성 하십시오.
최소한 사용자의 구성은 방문자가 기본적으로 볼 수 있도록 필수 색인 문서로 구성되어야 하며, 일반적으로 HTML로 작성되고 이름이 index.html
로 지정됩니다. 선택적 오류 문서는 방문자가 길을 잃을 때도 계속 추적하는 데 도움이 될 수 있습니다. 물론 항상 이 학습서 를 사용하여 직접 시도할 수 있습니다.
고급 구성
새 호스팅된 정적 웹 사이트를 작성하고 구성할 때 IBM Cloud Internet Services 을 사용하여 도메인에 대한 라우팅 규칙 을 포함한 고급 옵션을 구성할 수도 있습니다. 그러나 새 사이트의 사용자 정의를 시작하기 위해 작성 중에 버킷을 구성하는 것 외에는 더 이상 진행할 필요가 없습니다.

라우팅
라우팅을 사용하면 방문자로부터 오는 요청을 제어할 수 있습니다. 예를 들어, HTTP를 보안 HTTPS로 바꾸는 것과 같이 한 프로토콜에서 다른 프로토콜로 모든 트래픽을 글로벌로 경로 재지정할 수 있습니다. 또는 특정 파일에 대한 수신 요청을 처리하고 사용자가 정의한 규칙을 기반으로 방문자에게 응답을 제공하는 개별 규칙을 작성할 수 있습니다.

마이그레이션하려는 호스팅된 정적 웹 사이트가 이미 있는 경우 이미 설정한 라우팅 규칙 세트를 가져와서 코드로 가져올 수 있습니다. 그림 3에 표시된 입력에는 웹 사이트 구성 규칙에 맞게 형식화된 JSON 배열이 필요합니다.

JSON 코드의 예는 가능성을 예시합니다. 다음은 누락된 페이지에서 방문자를 경로 재지정하거나 잘못된 형식의 요청으로 인해 404
오류 코드가 발생하고 방문자를 특정 오류 페이지로 경로 재지정하는 규칙을 표시합니다. JSON은 필요에 따라 규칙의 정의를 나타내는 여러 오브젝트를 포함할 수 있습니다.
[
{
"Condition": {
"HttpErrorCodeReturnedEquals": "404"
},
"Redirect": {
"HostName": "<bucketname>.<endpoint>",
"HttpRedirectCode": "302",
"Protocol": "https",
"ReplaceKeyWith": "error404.html"
}
}
]
이전에 코드화된 동일한 규칙을 콘솔을 사용하여 개별 규칙으로 추가할 수 있습니다 (그림 3참조).

IBM Cloud 인터넷, 도메인 및 전달 서비스
IBM Cloud Internet Services 사용의 이점 중 하나는 고유 도메인 설정 과 관련됩니다. "도메인" 은 최상위 레벨 도메인 (TLD) 과 점으로 구분된 하나 이상의 고유 단어로 구성된 전체 웹 주소의 일부입니다 (예: example.com
). 여기서 TLD는 com
입니다. 이 단계를 건너뛰도록 선택할 수 있지만 CIS (또는 도메인 이름 분석을 제공하는 기타 서비스) 를 사용하여 DNS 레코드가 올바르게 구성되지 않은 경우에는 웹 사이트의 전체 또는 일부에 액세스할 수 없습니다.
정적 웹 사이트는 빠르고 안전합니다. 고객에게 컨텐츠를 전달하는 올바른 도구를 사용하면 정적 컨텐츠를 쉽게 제공할 수 있습니다. 많은 배치 도구에는 CDN 지원을 위한 기본 제공 지원이 있습니다. IBM Cloud® Internet Services 을 사용하여 도메인 구성을 시작합니다. 경로 재지정 규칙을 작성할 때 CNAME
,
"표준 (도메인) 이름" 또는 별명을 추가합니다. 운영 체제의 파일이 편의상 별명을 가질 수 있는 것처럼 호스트된 정적 웹 사이트도 마찬가지로 편리할 수 있습니다.
전용 네트워크를 통해 정적 컨텐츠를 전달하는 프로세스는 이 CDN 옵션 개요 에서 시작합니다. Content Delivery는 정적 컨텐츠를 고객의 고유 위치에 더 가깝게 이동하여 컨텐츠의 사본을 관리하지 않고도 범위를 확장합니다.
정적 웹 사이트 컨텐츠를 호스팅하기 위한 엔드포인트
다음 표는 IBM Cloud Object Storage 에서 사용되는 대부분의 지역, 위치 및 연결 유형을 호스팅된 정적 웹 사이트 소싱 및 테스트에 사용되는 새 특정 엔드포인트와 일치시킵니다. 여기에 나열되지 않은 테더링된 엔드포인트의 경우 테더링된 엔드포인트 사용 에 대한 자세한 정보를 찾으십시오.
지역 엔드포인트
지역 | 호스팅된 정적 웹 사이트 엔드포인트 |
---|---|
미국 남부 | s3-web.us-south.cloud-object-storage.appdomain.cloud |
미국 동부 | s3-web.us-east.cloud-object-storage.appdomain.cloud |
유럽 연합 영국 | s3-web.eu-gb.cloud-object-storage.appdomain.cloud |
유럽 연합 독일 | s3-web.eu-de.cloud-object-storage.appdomain.cloud |
아시아 태평양 오스트레일리아 | s3-web.au-syd.cloud-object-storage.appdomain.cloud |
AP 도쿄 | s3-web.jp-tok.cloud-object-storage.appdomain.cloud |
AP 오사카 | s3-web.jp-osa.cloud-object-storage.appdomain.cloud |
지역 | 호스팅된 정적 웹 사이트 엔드포인트 |
---|---|
미국 남부 | s3-web.private.us-south.cloud-object-storage.appdomain.cloud |
미국 동부 | s3-web.private.us-east.cloud-object-storage.appdomain.cloud |
유럽 연합 영국 | s3-web.private.eu-gb.cloud-object-storage.appdomain.cloud |
유럽 연합 독일 | s3-web.private.eu-de.cloud-object-storage.appdomain.cloud |
아시아 태평양 오스트레일리아 | s3-web.private.au-syd.cloud-object-storage.appdomain.cloud |
AP 도쿄 | s3-web.private.jp-tok.cloud-object-storage.appdomain.cloud |
AP 오사카 | s3-web.private.jp-osa.cloud-object-storage.appdomain.cloud |
지역 | 호스팅된 정적 웹 사이트 엔드포인트 |
---|---|
미국 남부 | s3-web.direct.us-south.cloud-object-storage.appdomain.cloud |
미국 동부 | s3-web.direct.us-east.cloud-object-storage.appdomain.cloud |
유럽 연합 영국 | s3-web.direct.eu-gb.cloud-object-storage.appdomain.cloud |
유럽 연합 독일 | s3-web.direct.eu-de.cloud-object-storage.appdomain.cloud |
아시아 태평양 오스트레일리아 | s3-web.direct.au-syd.cloud-object-storage.appdomain.cloud |
AP 도쿄 | s3-web.direct.jp-tok.cloud-object-storage.appdomain.cloud |
AP 오사카 | s3-web.direct.jp-osa.cloud-object-storage.appdomain.cloud |
교차 지역 엔드포인트
지역 | 호스팅된 정적 웹 사이트 엔드포인트 |
---|---|
미국 교차 지역 | s3-web.us.cloud-object-storage.appdomain.cloud |
유럽 연합 교차 지역 | s3-web.eu.cloud-object-storage.appdomain.cloud |
아시아 태평양 교차 지역 | s3-web.ap.cloud-object-storage.appdomain.cloud |
지역 | 호스팅된 정적 웹 사이트 엔드포인트 |
---|---|
미국 교차 지역 | s3-web.private.us.cloud-object-storage.appdomain.cloud |
유럽 연합 교차 지역 | s3-web.private.eu.cloud-object-storage.appdomain.cloud |
아시아 태평양 교차 지역 | s3-web.private.ap.cloud-object-storage.appdomain.cloud |
지역 | 호스팅된 정적 웹 사이트 엔드포인트 |
---|---|
미국 교차 지역 | s3-web.direct.us.cloud-object-storage.appdomain.cloud |
유럽 연합 교차 지역 | s3-web.direct.eu.cloud-object-storage.appdomain.cloud |
아시아 태평양 교차 지역 | s3-web.direct.ap.cloud-object-storage.appdomain.cloud |
단일 사이트 엔드포인트
위치 | 호스팅된 정적 웹 사이트 엔드포인트 |
---|---|
네덜란드, 암스테르담 | s3-web.ams03.cloud-object-storage.appdomain.cloud |
첸나이, 인도 | s3-web.che01.cloud-object-storage.appdomain.cloud |
멕시코 시티, 멕시코 | s3-web.mex01.cloud-object-storage.appdomain.cloud |
밀라노, 이탈리아 | s3-web.mil01.cloud-object-storage.appdomain.cloud |
몬트랄, 캐나다 | s3-web.mon01.cloud-object-storage.appdomain.cloud |
프랑스 파리 | s3-web.par01.cloud-object-storage.appdomain.cloud |
산호세, 미국 | s3-web.sjc04.cloud-object-storage.appdomain.cloud |
상파울루, 브라질 | s3-web.sao01.cloud-object-storage.appdomain.cloud |
싱가포르 | s3-web.sng01.cloud-object-storage.appdomain.cloud |
위치 | 호스팅된 정적 웹 사이트 엔드포인트 |
---|---|
네덜란드, 암스테르담 | s3-web.private.ams03.cloud-object-storage.appdomain.cloud |
첸나이, 인도 | s3-web.private.che01.cloud-object-storage.appdomain.cloud |
멕시코 시티, 멕시코 | s3-web.private.mex01.cloud-object-storage.appdomain.cloud |
밀라노, 이탈리아 | s3-web.private.mil01.cloud-object-storage.appdomain.cloud |
몬트랄, 캐나다 | s3-web.private.mon01.cloud-object-storage.appdomain.cloud |
프랑스 파리 | s3-web.private.par01.cloud-object-storage.appdomain.cloud |
산호세, 미국 | s3-web.private.sjc04.cloud-object-storage.appdomain.cloud |
상파울루, 브라질 | s3-web.private.sao01.cloud-object-storage.appdomain.cloud |
싱가포르 | s3-web.private.sng01.cloud-object-storage.appdomain.cloud |
위치 | 호스팅된 정적 웹 사이트 엔드포인트 |
---|---|
네덜란드, 암스테르담 | s3-web.direct.ams03.cloud-object-storage.appdomain.cloud |
첸나이, 인도 | s3-web.direct.che01.cloud-object-storage.appdomain.cloud |
멕시코 시티, 멕시코 | s3-web.direct.mex01.cloud-object-storage.appdomain.cloud |
밀라노, 이탈리아 | s3-web.direct.mil01.cloud-object-storage.appdomain.cloud |
몬트랄, 캐나다 | s3-web.direct.mon01.cloud-object-storage.appdomain.cloud |
프랑스 파리 | s3-web.direct.par01.cloud-object-storage.appdomain.cloud |
산호세, 미국 | s3-web.direct.sjc04.cloud-object-storage.appdomain.cloud |
상파울루, 브라질 | s3-web.direct.sao01.cloud-object-storage.appdomain.cloud |
싱가포르 | s3-web.direct.sng01.cloud-object-storage.appdomain.cloud |
다음 단계
최신 웹 개발을 최대한 활용하려면 최신 도구와 안전한 인프라가 필요하지만 프로젝트의 성공에 장애가 되어서는 안됩니다. 아직 학습서를 시도하지 않은 경우에는 정적 웹 사이트 호스팅 방법 을 확인하십시오.