Ir para o conteúdo principal

Complemento de WP Media Folder : integração do Google Cloud Storage

1. Crie um aplicativo do Google Drive


A integração do Google Cloud com o WP Media Folder está incluída no complemento. Você precisa instalar este complemento (plugin) além do WP Media Folder . O complemento inclui integração para Google Drive, Google Photo, Dropbox, OneDrive Personal, OneDrive Business, Amazon S3, DigitalOcean, Linode e Wasabi também.

Primeiro, você precisa fazer login no Google Cloud Console ou se inscrever se não tiver uma conta do Google. Navegue até Menu IAM & Admin > Criar um projeto .

 

Criar projeto-1

 

Em seguida, configure um nome de projeto - você pode fornecer qualquer nome que desejar, mas não inclua espaços ou acentos. Em seguida, aguarde alguns segundos para a criação do projeto.

 

Nome do Projeto

 

Se for a primeira vez que você está usando o Google Cloud Storage, navegue até APIs e serviços > Biblioteca , ative Cloud Storage e a API JSON do Google Cloud Storage.

 

API de armazenamento em nuvem

 

No menu à esquerda, clique em “APIs e serviços” > “Credenciais”.

 

menu-api-service

 

No painel principal, clique em “+ New Credentials” >> OAuth client ID ; se solicitado, adicione um nome à tela de consentimento do OAuth.

 

oAuth-google-drive

 

Agora, o passo mais importante:

  • Selecione “Aplicativo da Web” e adicione um nome de sua escolha
  • Origem autorizada de JavaScript: https://seu-dominio.com (substitua por seu nome de domínio, sem barra final)
  • URIs de redirecionamento autorizados: https://your-domain.com/wp-admin/options-general.php?page=option-folder&task=wpmf&function=wpmf_google_cloud_auth
    (substitua pelo seu nome de domínio)

 

credenciais do aplicativo

 

Observação: se este aviso aparecer: "Para criar um ID de cliente OAuth, você deve primeiro definir um nome de produto na tela de consentimento", clique no botão Configurar tela de consentimento ou vá para APIs e serviços >> tela de consentimento OAuth e adicione seu nome de domínio em Domínios autorizados .

Primeiro, você precisa selecionar o Tipo de usuário.

 

Tipo de usuário OAuth

 

  • Interno: seu aplicativo é limitado aos usuários do Google Workspace na sua organização. Você não precisará enviar seu aplicativo para verificação
  • Externo: seu aplicativo estará disponível para qualquer usuário com uma conta do Google. Quando seu aplicativo estiver pronto para publicação, talvez seja necessário verificar seu aplicativo.

Em seguida, preencha seus domínios autorizados e continue com as etapas a seguir para concluir o registro do aplicativo. Agora você pode voltar para a etapa anterior: Selecione “Aplicativo Web” para criar as credenciais.

 

tela de consentimento

 

Então ... voilà! Você tem seu ID e segredo para adicionar na configuração do WP Media Folder .

 

oauth-client

 

Criar um intervalo

Para usar o Google Cloud, você deve criar um novo bucket. Acesse a área do bucket: Buckets do Cloud Storage . Em seguida, clique no Criar .

 

creat-bucket-google-cloud

 

Em seguida, você deve preencher as opções abaixo:

  • Nome do bucket de entrada
  • Escolha onde armazenar seus dados
  • Escolha a classe de armazenamento para seus dados
  • Escolha uma classe de armazenamento padrão para seus dados
  • Escolha como controlar o acesso a objetos
  • Escolha como proteger os dados do objeto

 

passo de criação de balde

 

Depois disso, clique no Criar e clique no Confirmar no pop-up.

 

confirmar-balde

 

Em seguida, você pode ver as informações de detalhes do bucket:

 

detalhes do balde

 

Ou você pode criar um novo bucket nas configurações WP Media Folder Navegue até o menu Configurações > WP Media Folder > Cloud > Offload Media > Google Cloud Storage , clique em Bucket settings and selection button. Na parte inferior do pop-up, insira o nome do bucket e clique no Criar .

 

criar-balde-wp

 

2. Faça login no Google Cloud Storage a partir da WP Media Folder

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

  • ID da chave de acesso
  • Chave de acesso secreta
  • Código do projeto

 

fill-credentials-google-cloud

 

Depois disso, salve as configurações e a conexão deve ser um sucesso. Vá para a próxima etapa para descobrir os recursos do Google Cloud Storage.

 

3. Como funciona? O que posso fazer com o Google Cloud?

Como funciona?

Depois de conectar o WP Media Folder ao Google Cloud Storage, selecione um bucket ou crie um novo onde todos os seus dados serão armazenados.

 

create-bucket-wp-google-cloud

 

E você pode ativar Copiar para o Google Cloud Storage , todas as suas novas mídias carregadas serão enviadas para o Google Cloud.

 

copiar-para-google-cloud

 

E se você quiser sincronizar sua mídia carregada antes de usar a integração do Google Cloud Storage, clique no botão Sincronizar com o Google Cloud Storage . Em seguida, ele enviará toda a sua biblioteca de mídia existente para o bucket do Google Cloud.

Observação: ao fazer essa ação, o URL da sua mídia será substituído pelo URL do Google Cloud Storage.
Por favor, veja o exemplo abaixo. De https://joomunited.com/wp-content/uploads/2019/02/image.jpg para >> https://storage.googleapis.com/{bucket}/wp-media-folder-joomunited/wp-content /uploads/2019/02/image.jpg

 

Para descarregar a mídia em seu site, você deve ativar Remover após o upload , sua biblioteca de mídia será totalmente armazenada no Google Cloud em vez de seu servidor.

 

offload-media-google-cloud

 

Ao ativar a rótulo de anexo , as informações em cada mídia serão exibidas quando você passar o mouse sobre o rótulo Google Cloud

 

google-cloud-label

 

Quando você quiser alterar seu local de mídia ou remover o plug-in, clique no botão Recuperar mídia do Google Cloud Storage e todas as suas mídias serão copiadas do Google Cloud Storage para sua biblioteca de mídia. Todos os links anteriores adicionados ao seu conteúdo permanecerão no lugar (sem links quebrados).

 

recuperar-google-cloud

 

Observação: você só pode sincronizar arquivos do Google Cloud Storage com a biblioteca de mídia se eles forem enviados por meio do nosso plug-in.

Como conectar o CDN?

O Google Cloud CDN está integrado ao nosso plug-in. Para criar um domínio personalizado (CNAME), primeiro você deve habilitar a API do Compute Engine e a API do Certificate Manager na seção Biblioteca.

 

computa-engine-certificate-manager-api

 

Depois disso, navegue até Balanceamento de carga na Serviços de rede ou acesse este link . Em seguida, clique no Create Load Balancer e selecione Start Configuration . Em seguida, clique no Continuar .

 

criar balanceador de carga

 

Na configuração do Frontend , digite o texto no Nome (minúsculas, sem espaços). Selecione HTTPS (inclui HTTP/2) no Protocolo . Em seguida, clique no campo Endereço IP > Criar endereço IP .

 

front-end-config

 

Em seguida, clique no campo Certificado > Criar um novo certificado . No pop-up "Criar um certificado" , insira o texto no Nome e escolha "Criar certificado gerenciado pelo Google" no modo Criar . Em seguida, insira seu domínio no Domínios . por exemplo: "cdn.joomunited.com". Afinal, clique no Concluído .

 

criar-novo-certificado

 

Em seguida, navegaremos para de configuração de back-end , clique em Back-end services & back-end buckets > Create a back-end bucket . Em seguida, no pop-up, preencha Backend bucket name , selecione um bucket no Cloud Storage bucket . Em seguida, clique no Criar .

 

criar-back-end-bucket

 

Afinal, clique no Criar .

 

criar-balanceador de carga-final

 

Em seguida, navegue até a Security > Certificate Manager > Classic Certificates , copie o Domain e cole-o no Custom Domain (CNAME) na configuração do Google Cloud Storage. Por exemplo, neste caso: "cdn.hoadongho247.com" .


 

cdn-google-cloud-url

 

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

 

arquivo-url-cdn-google-cloud

 

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

Você pode selecionar um bucket para importar pastas e arquivos do servidor Google Cloud Storage para sua biblioteca de mídia. Ou copie todos os arquivos de um balde para outro.

 

copy-buckets-google-cloud