Pular para o conteúdo principal

Complemento WP Media Folder : Integração com o Google Cloud Storage

1. Criar um aplicativo do Google Drive


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

Primeiro, você precisa fazer login no Google Cloud Console ou se cadastrar, caso ainda não tenha uma conta do Google. Navegue até Menu IAM e administração > Criar um projeto .

 

Criar-projeto-1

 

Em seguida, defina um nome para o projeto — você pode usar qualquer nome que desejar, mas não inclua espaços nem acentos. Depois, aguarde alguns segundos para que o projeto seja criado.

 

nome-do-projeto

 

Se esta for a primeira vez que você usa o Google Cloud Storage, acesse APIs e serviços > Biblioteca , ative o 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”.

 

serviço de API de menu

 

No painel principal, clique em “+ Novas Credenciais” >> ID do cliente OAuth ; se solicitado, adicione um nome à sua tela de consentimento do OAuth.

 

oAuth-google-drive

 

Agora, o passo mais importante:

  • Selecione “Aplicação Web” e adicione um nome à sua escolha.
  • Origem JavaScript autorizada: https://seu-domínio.com (substitua pelo nome do seu domínio, sem barra no final)
  • URIs de redirecionamento autorizadas: https://seu-domínio.com/wp-admin/options-general.php?
    page=option-folder&task=wpmf&function=wpmf_google_cloud_auth (substitua pelo nome do seu 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 Configurar tela de consentimento ou acesse 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

 

  • Uso interno: seu aplicativo está limitado a usuários do Google Workspace dentro da 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 verificá-lo.

Em seguida, preencha seus domínios autorizados e continue com os próximos passos para concluir o registro do aplicativo. Agora você pode retornar à 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.

 

cliente oauth

 

Crie um balde

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

 

criar-bucket-google-cloud

 

Em seguida, preencha as opções abaixo:

  • Insira o nome do bucket
  • 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 aos objetos ( Prevenção de acesso público: Desativada, Controle de acesso: Granular)
  • Escolha como proteger os dados do objeto

 

criar-etapa-de-balde

 

Em seguida, clique no Criar . Após alguns segundos de carregamento, você poderá visualizar as informações detalhadas do bucket:

 

detalhes do balde

 

Ou você pode criar um novo bucket nas WP Media Folder . Navegue até o menu Configurações > WP Media Folder > Nuvem > Descarregar mídia > Google Cloud Storage , clique no Configurações e seleção do bucket . Na parte inferior da janela pop-up, insira o nome do bucket e clique no Criar .

 

criar-bucket-wp

 

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

Retorne ao painel do WordPress e clique no menu Configurações > WP Media Folder > Descarregamento de mídia e nuvem. Em seguida, clique no Alterar na seção Armazenamento em nuvem do Google .

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

  • ID da chave de acesso
  • Chave de acesso secreta
  • ID do projeto

 

preencher-credenciais-google-cloud

 

Depois disso, salve as configurações e a conexão deverá ser estabelecida com sucesso. A seguir, explore os recursos do Google Cloud Storage.

 

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

Como funciona?

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

 

criar-bucket-wp-google-cloud

 

E você pode ativar "Copiar para o Google Cloud Storage" ; todas as suas novas mídias enviadas serão armazenadas no Google Cloud.

 

copiar para a nuvem do Google

 

E se você quiser sincronizar suas mídias enviadas antes de usar a integração com o Google Cloud Storage, clique no "Sincronizar com o Google Cloud Storage" . Isso enviará toda a sua biblioteca de mídia existente para o seu bucket do Google Cloud.

Observação: ao realizar esta ação, a URL da sua mídia será substituída pela URL do Google Cloud Storage. 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 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 Google Cloud, em vez de no seu servidor.

 

descarregar-mídia-google-cloud

 

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

 

rótulo-google-cloud

 

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

 

recuperar-google-cloud

 

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

Como conectar uma CDN?

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

 

API do gerenciador de certificados do mecanismo de computação

 

Em seguida, acesse Balanceamento de carga na Serviços de rede ou acesse este link . Depois, clique no Criar balanceador de carga e selecione Iniciar configuração . Por fim, clique no Continuar .

 

criar balanceador de carga

 

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

 

configuração de frontend

 

Em seguida, clique no campo Certificado > Criar um novo certificado . Na janela pop-up "Criar um certificado" , insira o texto no Nome e escolha "Criar certificado gerenciado pelo Google" no modo Criar . Depois, insira seu domínio no Domínios . Exemplo: "cdn.joomunited.com". Por fim, clique no botão Concluído

 

criar-novo-certificado

 

Em seguida, acesse a Configuração do Backend , clique em Serviços de backend e buckets de backend > Criar um bucket de backend . Na janela pop-up, preencha Nome do bucket de backend e selecione um bucket no Bucket do Cloud Storage . Depois, clique no botão Criar

 

criar-bucket-backend

 

Por fim, clique no botão Criar

 

criar-balanceador-de-carga-final

 

Em seguida, acesse Segurança > Gerenciador de Certificados > guia Certificados Clássicos, copie o Domínio e cole-o no Domínio Personalizado (CNAME) nas configurações do Google Cloud Storage. Por exemplo, neste caso: "cdn.hoadongho247.com" .


 

URL cdn-google-cloud

 

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

 

URL do arquivo-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 copiar todos os arquivos de um bucket para outro.

 

copiar-buckets-google-cloud