Ir para o conteúdo principal

WP Media Folder Addon: Integração DigitalOcean

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

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

 

gerar-nova-chave

 

Depois disso, insira o nome da chave e clique no botão verde.

 

nome-nova-chave

 

Finalmente, o ID da chave e a chave secreta serão exibidos lá. Guarde-o para a próxima etapa para fazer login na WP Media Folder .

 

nova-chave-gerar

 

Crie um novo espaço

Um novo espaço pode ser criado no plugin DigitalOcean ou WP Media Folder .

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

 

criar-espaço

 

Escolha uma região de datacenter e insira o nome do espaço. Clique no Criar um espaço .

 

name-space-digital-ocean

 

A segunda maneira é criar nas configurações WP Media Folder Navegue até o menu Configurações > WP Media Folder > Cloud > Offload Media > DigitalOcean, clique em Space settings and selection button.

 

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

 

Em seguida, selecione Região e nome para o espaço.

 

criar-espaço-mf

 

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

Retorne ao painel do WordPress e clique no menu Configurações > WP Media Folder > Cloud > Offload Media > DigitalOcean . Cole o seguinte nos campos do formulário:

  • ID da chave de acesso
  • Chave de acesso secreta

 

input-key-digital-ocean

 

Depois disso, salve as configurações e a conexão deve ser um sucesso. Em seguida, clique no botão Configurações e seleção de espaço para selecionar um espaço ou criar um novo. Vá para a próxima etapa para descobrir os recursos da DigitalOcean.

 

espaço de seleção

 

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

Como funciona?

Depois de conectar o WP Media Folder com a DigitalOcean e habilitar Copy to DigitalOcean , todas as suas novas mídias carregadas serão enviadas para a DigitalOcean.

 

copy-to-DigitalOcean

 

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

 

sync-media-button-digital

 

Nota: Ao fazer esta ação, a URL da sua mídia será substituída pela URL da DigitalOcean.
Por favor, 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 a mídia em seu site, você deve habilitar Remover após upload , sua biblioteca de mídia será completamente armazenada na DigitalOcean em vez de no seu servidor.

 

remover-após-carregar-digital-ocean

 

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

 

label-digitalOcean

 

Quando você quiser alterar sua localização de mídia ou remover o plug-in, clique no botão Retrieve Media , então toda a sua mídia será copiada da DigitalOcean para sua biblioteca de mídia. Todos os links anteriores adicionados ao seu conteúdo permanecerão no lugar (sem link quebrado).

 

recuperar-media-digitalocean

 

Nota: Você só pode sincronizar arquivos da DigitalOcean com a biblioteca de mídia se eles forem carregados por meio de nosso plug-in.

 

Como conectar o CloudFront?

Cloudfront está integrado com nosso plugin. A DigitalOcean fornece dois métodos para estabelecer uma conexão com o CloudFront. Uma é usando o Amazon S3 e a outra é por meio do método padrão da DigitalOcean.

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

Primeiro, você deve ir ao seu Spaces na DigitalOcean e selecionar o balde que você conectou ao seu site. Em seguida, navegue até Configurações .

Na opção CDN ( Content Delivery Network ) Editar e marque Ativar CDN . E clique no Salvar .

 

digital-ocean-cdn-default

 

Um pop-up de notificação mostra que o CDN foi ativado após alguns segundos de carregamento. No canto direito, selecione CDN Endpoint , copie a URL e cole-a no Custom Domain (CNAME) .

 

cdn-endpoint-url-digital-ocean-default


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

 

arquivo-url-cdn-digital-ocean-default

 

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

 

menu cloudfront

 

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

 

criar-distribuição-botão

 

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

 

criar-distribuição-digital-ocean

 

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

 

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" . Afinal, role até o final e clique no Criar distribuição .

 

web-aplicativo-firewall-digital-ocean

 

Em seguida, ele se volta para os detalhes da distribuição, copie o nome do domínio de distribuição. E vá para a configuração da Amazon em WP Media Folder e cole-a no Custom Domain (CNAME) .

 

distribuição de cópias

 

Aguarde alguns minutos para que a imagem carregue completamente quando o campo Última modificação mudar de "Implantação" para a data e hora atuais.

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

 

arquivo-url-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 copie todos os arquivos de um espaço para outro.

 

espaços de cópia