WP Media Folder : Integración de Google Drive

1. Crear una aplicación de Google Drive


La integración de Google Drive con WP Media Folder se incluye en el complemento. Debe instalar este complemento (complemento) además de WP Media Folder . El complemento incluye integración para Google Photo, Dropbox, OneDrive Personal, OneDrive Business y Amazon S3 también.

Primero, para usar Google Drive, necesita una aplicación de desarrollo de Google para conectar su sitio web. Vaya a https://console.developers.google.com/project y cree un nuevo proyecto.

 

Crear-proyecto-1

 

A continuación, configure un nombre de proyecto; puede proporcionar el nombre que desee, pero no incluya espacios ni acentos. Luego espere unos segundos para la creación del proyecto.

 

nombre del proyecto

 

Si es la primera vez que usa la API de Google Drive, deberá activarla.

 

enable-drive-api

 

En el menú de la izquierda, haga clic en "API y servicios"

 

menu-api-service


Desde el menú de la izquierda, navegue hasta "Credenciales", en el panel principal haga clic en "+ Nuevas credenciales" >> ID de cliente OAuth ; si se le solicita, agregue un nombre a su pantalla de consentimiento de OAuth.

 

oAuth-google-drive


Ahora, el paso más importante:

  • Seleccione "Aplicación web" y agregue un nombre de su elección
  • Origen de JavaScript autorizado: https://your-domain.com (reemplace por su nombre de dominio, sin barra al final)
  • URI de redireccionamiento autorizado: https://your-domain.com/wp-admin/options-general.php?page=option-folder&task=wpmf&function=wpmf_authenticated
    (reemplácelo por su nombre de dominio)

 

credenciales de aplicación

 

Nota: si aparece esta advertencia: "Para crear una ID de cliente de OAuth, primero debe establecer un nombre de producto en la pantalla de consentimiento", debe hacer clic en el botón Configurar pantalla de consentimiento o ir a API y servicios >> Pantalla de consentimiento de OAuth n, luego agregar su nombre de dominio en Dominios autorizados .

Primero, debe seleccionar el tipo de usuario.

 

OAuth-user-type

 

  • Interno: su aplicación está limitada a los usuarios de G Suite dentro de su organización.
  • Externo: su aplicación estará disponible para cualquier usuario con una cuenta de Google.

Luego, complete sus dominios autorizados y continúe con los siguientes pasos para finalizar el registro de la aplicación. Ahora puede volver al paso anterior: seleccione "Aplicación web" para crear las credenciales.

 

pantalla de consentimiento

 

Entonces… ¡voilà! Obtuvo su ID y secreto para agregar en la configuración de WP Media Folder .

 

oauth-client

 

2. Inicie sesión en Google Drive en WP Media Folder

Para finalizar la integración, regrese al panel de WordPress y haga clic en el menú Configuración> WP Media Folder > Nube> pestaña Google Drive, luego puede seleccionar su tipo de unidad :

  • My drive: tu cuenta personal
  • Unidades compartidas: su cuenta de G Suite

 

tipo de unidad

 

Luego seleccione su tipo de enlace de medios :

  • Enlace público: genere un enlace público accesible para sus archivos y afecte los derechos correspondientes sobre los archivos en la nube (enlace compartido). Por ejemplo: https://drive.google.com/uc?id=1Bq_VQt4z5Sy74Xg3IoN3KKWg4P7gymV1
  • Enlace privado: enlace AJAX, oculte el enlace de la nube para mantener el derecho de acceso original de su archivo (los usuarios necesitan iniciar sesión para ver las imágenes). Por ejemplo: https://yourdomain.com/wp-admin/admin-ajax.php?action=wpmf-download-file&id=1Bq_VQt4z5Sy79Xg3IoN3KKWg4P7gymV1&dl=0

 

tipo de enlace de medios

 

Luego, puede conectarse a la cuenta de Google Drive con el modo automático o el modo manual:

Modo automatico

A partir de ahora, puede ahorrar mucho tiempo mientras se conecta al servidor de Google Drive. Primero, para usar esta función, debe vincular su cuenta Joomunited en Configuración de menú> General, haga clic en el enlace de configuración de WordPress si aún no se ha conectado.

 

google-drive no conectado

 

Luego regrese a la Configuración del complemento > WP Media Folder > Nube> pestaña Google Drive y simplemente haga clic en el botón Conectar Google Drive en la esquina derecha.

 

connect-auto-google-drive

 

Luego siga los siguientes pasos para finalizar la conexión.

 

Connected-auto-google-drive

 

Es tan rápido, ¿verdad? Sí, lo sabemos. :)  


Modo manual

Con las credenciales del paso anterior, en la pestaña Google Drive, pegue su

  • Identificación del cliente
  • Secreto del cliente

Guarde la configuración y haga clic en el botón Conectar Google Drive .

 

inicio de sesión de google

 

Si no ha cometido ningún error, debe validar la autorización en una nueva ventana como se muestra:

 

permiso de google-api

 

La conexión debe ser un éxito ☺ Si tiene éxito, puede crear y administrar medios de Google Drive directamente desde el administrador de medios de WordPress.

 

3. ¿Qué puedo hacer con los medios de Google Drive?

¿Como funciona? 

WP Media Folder generará una carpeta raíz en su Google Drive con el nombre del sitio.

 

google-drive-folder


Todas las carpetas y subcarpetas agregadas en WP Media Folder Google Drive se sincronizarán en esta carpeta ( WP Media Folder - {sitename}). Y viceversa, todos sus medios de esa carpeta raíz en Google Drive se sincronizarán con su biblioteca de medios en Wordpress.

 

¿Cuáles son las direcciones de sincronización?

¡Funciona en ambas direcciones! Puede agregar un archivo desde Google Drive y verlo en WP Media Folder , o agregar un archivo en WP Media Folder y verlo en Google Drive. También significa que puede administrar archivos de WordPress desde su escritorio utilizando el software de sincronización de Google Drive. Eso es una locura, ¡lo sabemos! ☺

 

google-drive-sync

 

La integración de WP Media Folder Google Drive le permite 2 tipos de acciones con sus medios:

La primera opción es importar los medios de Google Drive en WP Media Folder (selección de carpeta para importar).

 

import-media-google-drive

 

La segunda opción es incrustar los medios de Google Drive en su contenido directamente. En este caso, los medios se cargarán desde Google Drive, no desde su servidor.

 

incrustar-google-drive

 

Deshazte del error: error: "invalid_scope al conectar WP Media Folder con Google Drive"

Google ha introducido recientemente una nueva capa de seguridad que obliga a verificar las aplicaciones.
Si ha creado la aplicación con su cuenta de Google y luego inicia sesión desde WordPress con la misma cuenta, no verá este error. Este error solo aparecerá si ha creado una aplicación con una cuenta de Google y está intentando conectarse a Google desde WordPress con otra cuenta.

En este caso, necesita que su aplicación sea aprobada por Google siguiendo este proceso: https://support.google.com/code/contact/oauth_app_verification

 

OAuth-Developer-Verification-Form