메인 콘텐츠로 건너뛰기

WP Media Folder 애드온: DigitalOcean 통합

1. DigitalOcean에서 새로운 API 키를 만드는 방법은 무엇인가요?

먼저, 사이트에서 DigitalOcean 계정에 로그인하세요. 그런 다음 여기로 하거나 왼쪽 메뉴의 API 섹션으로 이동하여 ' 새 키 생성' 버튼을 클릭하세요.

 

새 키 생성

 

그런 다음 키 이름을 입력하고 녹색 체크 버튼을 클릭하세요.

 

이름-새-키

 

마지막으로 키 ID와 비밀 키가 표시됩니다. 다음 단계에서 WP Media Folder에 로그인할 때 이 키를 보관하세요.

 

새 키 생성

 

새로운 공간을 만들어보세요

DigitalOcean이나 WP Media Folder 플러그인을 사용하여 새로운 공간을 만들 수 있습니다.

첫 번째 방법은 DigitalOcean 사이트에서 생성한 다음 대시보드 오른쪽 상단에 있는 ' 만들기' 버튼 > '공간'을

 

크리에이트 스페이스

 

데이터센터 지역을 선택하고 공간 이름을 입력하세요. ' 공간 만들기' 버튼을 클릭하세요.

 

네임스페이스-디지털-오션

 

WP Media Folder 만드는 것입니다 . 설정 > WP Media Folder > 클라우드 > 미디어 오프로드 > DigitalOcean 공간 설정 및 선택 클릭하세요 .

 

공간 설정 선택

 

그런 다음 해당 지역의 지역과 이름을 선택합니다.

 

크리에이트 스페이스 mf

 

2. WP Media Folder 에서 DigitalOcean에 로그인합니다.

설정 > WP Media Folder > 클라우드 > 미디어 오프로드 메뉴를 클릭하세요 . 그런 다음, 클라우드 공급자 선택 에서 편집 하고 DigitalOcean을 .

 

셀렉트-클라우드-프로바이더-디지털-오션

 

그런 다음, 다음을 양식 필드에 붙여넣으세요.

  • 액세스 키 ID
  • 비밀 액세스 키

 

입력 키 디지털 오션

 

설정을 저장하면 연결이 성공적으로 완료됩니다. 그런 다음 '공간 설정 및 선택' 버튼을 클릭하여 공간을 선택하거나 새 공간을 만드세요. 다음 단계로 이동하여 DigitalOcean의 기능을 살펴보세요.

 

선택 공간

 

3. DigitalOcean은 어떻게 작동하나요? DigitalOcean으로 무엇을 할 수 있나요?

어떻게 작동하나요?

WP Media Folder DigitalOcean에 연결하고 DigitalOcean에 복사 옵션을 활성화하면 새로 업로드한 모든 미디어가 DigitalOcean으로 전송됩니다.

 

DigitalOcean에 복사

 

모든 데이터를 저장할 공간을 만들고 선택하세요. DigitalOcean 통합을 사용하기 전에 업로드한 미디어를 동기화하려면 "DigitalOcean과 동기화" 버튼을 클릭하세요. 그러면 기존 미디어 라이브러리가 모두 DigitalOcean 공간으로 전송됩니다.

 

동기화-미디어-버튼-디지털

 

참고: 이 작업을 수행하면 미디어 URL이 DigitalOcean URL로 대체됩니다. 아래 예를 참조하세요.
https://joomunited.com/wp-content/uploads/2019/02/image.jpg에서 >> https://joomunited-space.nyc3.digitaloceanspaces.com/wp-media-folder-joomunited/wp-content/uploads/2019/02/image.jpg로

 

사이트에서 미디어를 오프로드하려면 업로드 후 제거 옵션을 활성화해야 합니다. 이렇게 하면 미디어 라이브러리가 서버가 아닌 DigitalOcean에 완전히 저장됩니다.

 

디지털 오션 업로드 후 제거

 

첨부 파일 레이블 활성화하면 오른쪽 상단의 DigitalOcean 레이블에 마우스를 올려 놓으면 각 미디어에 대한 정보가 표시됩니다.

 

라벨-디지털오션

 

미디어 위치를 변경하거나 플러그인을 제거하려면 '미디어 가져오기 ' 버튼을 클릭하세요. 그러면 모든 미디어가 DigitalOcean에서 미디어 라이브러리로 복사됩니다. 콘텐츠에 추가된 모든 이전 링크는 그대로 유지됩니다(끊어진 링크는 없습니다).

 

검색-미디어-디지털오션

 

참고: 플러그인을 통해 업로드한 경우에만 DigitalOcean에서 미디어 라이브러리로 파일을 동기화할 수 있습니다.

 

CloudFront에 연결하는 방법은?

Cloudfront는 저희 플러그인과 통합되어 있습니다. DigitalOcean은 CloudFront와 연결하는 두 가지 방법을 제공합니다. 하나는 Amazon S3를 사용하는 것이고, 다른 하나는 DigitalOcean의 기본 연결 방법입니다.

DigitalOcean의 기본값으로 시작해 보겠습니다.

먼저 Spaces 하여 사이트에 연결한 버킷을 선택하세요. 그런 다음 '설정' 탭으로 이동하세요.

CDN( Content Delivery Network ) 에서 '편집' 클릭하고 'CDN 사용 체크한 후 '저장' 버튼을 클릭하세요

 

디지털오션캐나다디폴트

 

로딩 후 몇 초 후에 CDN이 활성화되었다는 알림 팝업이 나타납니다. 오른쪽 모서리에서 CDN 엔드포인트 옵션을 선택한 다음 URL을 복사하여 사용자 지정 도메인(CNAME) 필드에 붙여넣습니다.

 

cdn-엔드포인트-url-디지털-오션-기본

각 이미지의 파일 URL
에서 변경 사항을 확인할 수 있습니다

 

파일-url-cdn-디지털-오션-기본

 

두 번째 방법은 Amazon S3 CloudFront를 사용하는 것입니다. 먼저 Amazon 대시보드에서 서비스 > CloudFront 하거나 이 링크 .

 

클라우드프론트 메뉴

 

여기에서 오른쪽 모서리에 있는 배포 만들기

 

배포 버튼 생성

 

Origin 도메인 에 도메인을 붙여넣으세요 . 예: "https://joomunited.us-east-1.digitaloceanspaces.com"

 

디지털 오션을 창조하다

 

기본 캐시 동작 > 캐시 키 및 원본 요청 섹션 에서 레거시 캐시 설정 옵션을 선택합니다.

 

레거시 캐시 설정

 

다음으로, 웹 애플리케이션 방화벽(WAF) "보안 보호 사용 안 함" 선택하세요 . 마지막으로 아래로 스크롤하여 " 배포 만들기" 버튼을 클릭하세요.

 

웹 애플리케이션 방화벽 디지털 오션

 

그런 다음 '배포 세부 정보'로 이동하여 배포 도메인 이름을 복사합니다. WP Media Folder 사용자 지정 도메인(CNAME) 에 붙여넣습니다 .

 

복사-유통

 

"배포 중" 현재 날짜 시간으로 변경되면 이미지가 완전히 로드될 때까지 몇 분 정도 기다려 주세요

각 이미지의 파일 URL 에서 변경 사항을 확인할 수 있습니다

 

파일-url-cdn-digital-ocean-s3

 

고급 설정 및 작업

DigitalOcean 서버에서 미디어 라이브러리로 폴더와 파일을 가져올 공간을 선택할 수 있습니다. 또는 한 공간에 있는 모든 파일을 다른 공간으로 복사할 수도 있습니다.

 

카피스페이스