Pular para o conteúdo principal

Complemento WP Media Folder : Integração com DigitalOcean

1. Como criar uma nova chave de API no DigitalOcean?

Primeiro, você deve fazer login na sua conta DigitalOcean no site. Em seguida, acesse este ou navegue até a seção API no menu à esquerda e clique no Gerar nova chave .

 

gerar-nova-chave

 

Em seguida, insira o nome da chave e clique no botão verde de confirmação.

 

nome-nova-chave

 

Por fim, o ID da chave e a chave secreta serão exibidos. Guarde-os para a próxima etapa de login na WP Media Folder.

 

nova-chave-gerar

 

Criar um novo espaço

É possível criar um novo espaço no DigitalOcean ou no plugin WP Media Folder .

A primeira maneira é criar um espaço no site da DigitalOcean e clicar no botão Criar > Espaços no canto superior direito do painel de controle.

 

criar-espaço

 

Selecione uma região de datacenter e insira o nome para o espaço. Clique no botão Criar um espaço

 

espaço-de-nome-oceano-digital

 

A segunda maneira é criar WP Media Folder . Navegue até Configurações > WP Media Folder > Nuvem > Descarregar mídia > DigitalOcean, clique em Configurações de espaço e selecione o botão.

 

Seleção de configurações de espaço

 

Em seguida, selecione a região e dê um nome ao espaço.

 

criar-espaço-mf

 

2. Faça login no DigitalOcean a partir WP Media Folder

Retorne ao painel do WordPress e clique no menu Configurações > WP Media Folder > Nuvem > Descarregar mídia . Em seguida, clique no Editar em Selecionar provedor de nuvem e escolha DigitalOcean .

 

select-cloud-provider-digital-ocean

 

Em seguida, cole o seguinte nos campos do formulário:

  • ID da chave de acesso
  • Chave de acesso secreta

 

chave-de-entrada-oceano-digital

 

Depois disso, salve as configurações e a conexão deverá ser bem-sucedida. Em seguida, clique no "Configurações do espaço" e selecione um espaço ou crie um novo. Para descobrir os recursos do DigitalOcean, siga para o próximo passo.

 

espaço de seleção

 

3. Como funciona? O que posso fazer com o DigitalOcean?

Como funciona?

Depois de conectar WP Media Folder ao DigitalOcean e ativar "Copiar para o DigitalOcean" , todas as suas novas mídias enviadas serão encaminhadas para o DigitalOcean.

 

cópia para DigitalOcean

 

Lembre-se de criar e selecionar um espaço onde todos os seus dados serão armazenados. E se você quiser sincronizar suas mídias carregadas antes de usar a integração com o DigitalOcean, clique no "Sincronizar com o DigitalOcean" . Isso enviará toda a sua biblioteca de mídia existente para o seu espaço no DigitalOcean.

 

botão-mídia-digital

 

Observação: ao realizar esta ação, o URL da sua mídia será substituído pelo URL da DigitalOcean. Veja o exemplo abaixo.
De https://joomunited.com/wp-content/uploads/2019/02/image.jpg para >> https://joomunited-space.nyc3.digitaloceanspaces.com/wp-media-folder-joomunited/wp-content/uploads/2019/02/image.jpg

 

Para descarregar o conteúdo multimídia do seu site, você deve ativar "Remover após o upload ". Assim, sua biblioteca de mídia será armazenada completamente no DigitalOcean, em vez de no seu servidor.

 

remover-após-upload-digital-ocean

 

Ao ativar "Rótulo do anexo" , as informações de cada mídia serão exibidas quando você passar o cursor sobre o rótulo da DigitalOcean no canto superior direito.

 

rótulo-oceano digital

 

Quando quiser alterar a localização da sua mídia ou remover o plugin, clique no "Recuperar mídia" . Toda a sua mídia será copiada do DigitalOcean para a sua biblioteca de mídia. Todos os links adicionados anteriormente ao seu conteúdo permanecerão intactos (sem links quebrados).

 

recuperar-mídia-digitalocean

 

Observação: você só pode sincronizar arquivos do DigitalOcean para a Biblioteca de Mídia se eles forem carregados por meio do nosso plugin.

 

Como conectar o CloudFront?

O CloudFront está integrado ao nosso plugin. A DigitalOcean oferece dois métodos para estabelecer uma conexão com o CloudFront. Um deles utiliza o Amazon S3, e o outro, o método padrão da DigitalOcean.

Vamos começar com a configuração padrão da DigitalOcean.

Primeiro, acesse seus Espaços no DigitalOcean e selecione o bucket ao qual você conectou seu site. Em seguida, navegue até a Configurações .

Na CDN ( Content Delivery Network ) , clique no Editar e marque Ativar CDN . Em seguida, clique no Salvar .

 

digital-ocean-cdn-padrão

 

Uma janela pop-up de notificação mostrará que a CDN foi ativada após alguns segundos de carregamento. No canto direito, selecione Endpoint da CDN , copie o URL e cole-o no Domínio Personalizado (CNAME) .

 

cdn-endpoint-url-digital-ocean-padrão


Por fim, você pode ver as alterações no URL do arquivo em cada imagem.

 

URL do arquivo-cdn-digital-ocean-padrão

 

E a segunda maneira é usar o Amazon S3 CloudFront. Primeiro, no painel da Amazon, navegue até Serviços > CloudFront ou acesse este link .

 

menu do cloudfront

 

A partir daqui, clique no Criar Distribuição no canto direito.

 

botão-criar-distribuição

 

Em seguida, cole seu domínio no "Domínio de origem ". Exemplo: "https://joomunited.us-east-1.digitaloceanspaces.com"

 

criar-distribuição-oceano-digital

 

Na Comportamento padrão do cache > Chave de cache e solicitações de origem , selecione Configurações de cache legadas .

 

configuração-de-cache-legado

 

Em seguida, role para baixo até a Web Application Firewall (WAF) e selecione "Não habilitar proteções de segurança" . Por fim, role até o final da página e clique no Criar Distribuição .

 

firewall-de-aplicação-web-oceano-digital

 

Em seguida, acesse os detalhes de distribuição, copie o nome de domínio de distribuição e, nas configurações da Amazon em WP Media Folder , cole-o no Domínio personalizado (CNAME) .

 

cópia-distribuição

 

Aguarde alguns minutos para que a imagem carregue completamente após a alteração do campo "Última modificação" de "Implantando" para a data e hora atuais.

Por fim, você pode ver as alterações no URL do arquivo em cada imagem.

 

URL do arquivo-cdn-digital-ocean-s3

 

Configurações e ações avançadas

Você pode selecionar um espaço para importar pastas e arquivos do servidor DigitalOcean para sua biblioteca de mídia. Ou copiar todos os arquivos de um espaço para outro.

 

espaços em branco