Passer au contenu principal

Module complémentaire WP Media Folder : intégration de Google Cloud Storage

1. Créez une application Google Drive


L'intégration de Google Cloud avec WP Media Folder est incluse dans le module complémentaire. Vous devez installer ce module complémentaire (plugin) en plus de WP Media Folder . Le module complémentaire inclut également l'intégration de Google Drive, Google Photo, Dropbox, OneDrive Personal, OneDrive Business, Amazon S3, DigitalOcean, Linode et Wasabi.

Tout d'abord, vous devez vous connecter à Google Cloud Console ou vous inscrire si vous n'avez pas de compte Google. Accédez à Menu IAM & Admin > Créer un projet .

 

Créer-projet-1

 

Ensuite, configurez un nom de projet - vous pouvez fournir le nom de votre choix, mais n'incluez pas d'espaces ni d'accents. Attendez ensuite quelques secondes pour la création du projet.

 

nom du projet

 

Si c'est la première fois que vous utilisez Google Cloud Storage, vous devez accéder à API et services > Bibliothèque , activer Cloud Storage et l'API JSON Google Cloud Storage.

 

cloud-stockage-api

 

Dans le menu de gauche, cliquez sur "APIs & Services" > "Identifiants".

 

menu-api-service

 

Sur le panneau principal, cliquez sur "+ Nouveaux identifiants" >> ID client OAuth ; si vous y êtes invité, ajoutez un nom à votre écran de consentement OAuth.

 

oAuth-google-drive

 

Maintenant, l'étape la plus importante:

  • Sélectionnez "Application Web" et ajoutez un nom de votre choix
  • Origine JavaScript autorisée: https://votre-domaine.com (remplacez par votre nom de domaine, sans barre oblique à la fin)
  • URI de redirection autorisés : https://votre-domaine.com/wp-admin/options-general.php?page=option-folder&task=wpmf&function=wpmf_google_cloud_auth
    (à remplacer par votre nom de domaine)

 

informations d'identification de l'application

 

Remarque : si cet avertissement s'affiche : "Pour créer un ID client OAuth, vous devez d'abord définir un nom de produit sur l'écran de consentement", vous devez cliquer sur le bouton Configurer l'écran de consentement ou accéder à APIs et services >> Écran de consentement OAuth , puis ajouter votre nom de domaine sur Domaines autorisés .

Tout d'abord, vous devez sélectionner le type d'utilisateur.

 

Type d'utilisateur OAuth

 

  • Interne : votre application est limitée aux utilisateurs de Google Workspace au sein de votre organisation. Vous n'aurez pas besoin de soumettre votre application pour vérification
  • Externe : votre application sera disponible pour tout utilisateur disposant d'un compte Google. Une fois que votre application est prête à être publiée, vous devrez peut-être vérifier votre application.

Ensuite, remplissez vos domaines autorisés et continuez avec les étapes suivantes pour terminer l'enregistrement de l'application. Vous pouvez maintenant revenir à l'étape précédente : sélectionnez "Application Web" pour créer les informations d'identification.

 

écran de consentement

 

Alors… voilà! Vous avez votre ID et votre secret à ajouter dans la configuration de WP Media Folder .

 

oauth-client

 

Créer un bucket

Pour utiliser Google Cloud, vous devez créer un nouveau bucket. Veuillez accéder à la zone des buckets : Cloud Storage Buckets . Cliquez ensuite sur le Créer .

 

creat-bucket-google-cloud

 

Ensuite, vous devez remplir les options ci-dessous :

  • Saisir le nom du bucket
  • Choisissez où stocker vos données
  • Choisissez une classe de stockage pour vos données
  • Choisissez une classe de stockage par défaut pour vos données
  • Choisir comment contrôler l'accès aux objets
  • Choisir comment protéger les données d'objet

 

étape de création de compartiment

 

Après cela, cliquez sur le Créer , puis cliquez sur le Confirmer dans la fenêtre contextuelle.

 

confirmer-seau

 

Ensuite, vous pouvez voir les informations détaillées sur le bucket :

 

bucket-details

 

Ou vous pouvez créer un nouveau compartiment dans paramètres WP Media Folder Accédez au menu Paramètres> WP Media Folder > Cloud> Décharger le média > Google Cloud Storage , cliquez sur les paramètres du compartiment et bouton de sélection. Au bas de la fenêtre contextuelle, saisissez le nom du compartiment et cliquez sur le Créer .

 

créer-bucket-wp

 

2. Connectez-vous à Google Cloud Storage à partir du WP Media Folder

Retournez au tableau de bord WordPress et cliquez sur le menu Paramètres > WP Media Folder > Cloud > Offload Media > onglet Google Cloud Storage. Collez ce qui suit dans les champs du formulaire :

  • ID de clé d'accès
  • Clé d'accès secrète
  • ID de projet

 

fill-credentials-google-cloud

 

Après cela, enregistrez les paramètres et la connexion devrait être un succès. Veuillez passer à l'étape suivante pour découvrir les fonctionnalités de Google Cloud Storage.

 

3. Comment ça marche ? Que puis-je faire avec Google Cloud ?

Comment ça marche?

Une fois que vous avez connecté WP Media Folder à Google Cloud Storage, veuillez sélectionner un compartiment ou en créer un nouveau où toutes vos données seront stockées.

 

créer-bucket-wp-google-cloud

 

Et vous pouvez activer Copier vers Google Cloud Storage , tous vos nouveaux médias téléchargés seront envoyés à Google Cloud.

 

copie vers google-cloud

 

Et si vous souhaitez synchroniser vos médias téléchargés avant d'utiliser l'intégration de Google Cloud Storage, cliquez sur le bouton Synchroniser avec Google Cloud Storage . Ensuite, il enverra toute votre bibliothèque multimédia existante à votre compartiment Google Cloud.

Remarque : Lorsque vous effectuez cette action, l'URL de votre média est remplacée par l'URL de Google Cloud Storage.
Veuillez voir l'exemple ci-dessous. De https://joomunited.com/wp-content/uploads/2019/02/image.jpg à >> https://storage.googleapis.com/{bucket}/wp-media-folder-joomunited/wp-content /uploads/2019/02/image.jpg

 

Afin de décharger les médias sur votre site, vous devez activer Supprimer après le téléchargement , votre bibliothèque multimédia sera entièrement stockée sur Google Cloud au lieu de votre serveur.

 

décharger-media-google-cloud

 

En activant l' Étiquette de pièce jointe , les informations sur chaque média seront affichées lorsque vous survolerez l' Google Cloud en haut à droite.

 

google-cloud-étiquette

 

Lorsque vous souhaitez modifier l'emplacement de votre média ou supprimer le plug-in, cliquez sur le bouton Récupérer le média Google Cloud Storage , puis tous vos médias seront copiés de Google Cloud Storage vers votre médiathèque. Tous les anciens liens ajoutés dans votre contenu resteront en place (pas de lien cassé).

 

récupérer-google-cloud

 

Remarque : Vous ne pouvez synchroniser les fichiers de Google Cloud Storage avec la bibliothèque multimédia que s'ils sont téléchargés via notre plug-in.

Comment connecter le CDN ?

Google Cloud CDN est intégré à notre plugin. Afin de créer un domaine personnalisé (CNAME), vous devez d'abord activer l'API Compute Engine et l'API Certificate Manager dans la section Bibliothèque.

 

calculate-engine-certificate-manager-api

 

Après cela, accédez à Équilibrage de charge dans Services réseau ou accédez à ce lien . Ensuite, cliquez sur Créer un équilibreur de charge et sélectionnez Démarrer la configuration . Cliquez ensuite sur Continuer .

 

créer un équigratuitur de charge

 

Dans la configuration Frontend , saisissez du texte dans le Nom (minuscules, sans espaces). Sélectionnez HTTPS (inclut HTTP/2) dans Protocole . Cliquez ensuite sur le champ Adresse IP > Créer une adresse IP .

 

configuration frontale

 

Cliquez ensuite sur le champ Certificat > Créer un nouveau certificat . Dans la fenêtre contextuelle "Créer un certificat" , saisissez du texte dans Nom , puis choisissez "Créer un certificat géré par Google" en mode Créer . Ensuite, saisissez votre domaine dans le Domaines . ex : "cdn.joomunited.com". Après tout, cliquez sur Terminé .

 

créer un nouveau certificat

 

Ensuite, nous allons accéder à Configuration du backend , cliquer sur Services backend et buckets backend > Créer un bucket backend . Ensuite, dans la fenêtre contextuelle, remplissez du nom du compartiment Backend , sélectionnez un compartiment dans du compartiment Cloud Storage . Cliquez ensuite sur Créer .

 

créer-backend-bucket

 

Après tout, cliquez sur Créer .

 

créer-équigratuitur-de-charge-final

 

Accédez ensuite à Sécurité > Gestionnaire de certificats > Certificats classiques , copiez le Domaine et collez-le dans le Domaine personnalisé (CNAME) du paramètre Google Cloud Storage. Par exemple dans ce cas : "cdn.hoadongho247.com" .


 

cdn-google-cloud-url

 

Enfin, vous pouvez voir les changements dans URL du fichier dans chaque image.

 

fichier-url-cdn-google-cloud

 

Paramètres et actions avancés

Vous pouvez sélectionner un compartiment pour importer des dossiers et des fichiers du serveur Google Cloud Storage vers votre bibliothèque multimédia. Ou copiez tous les fichiers d'un compartiment à un autre.

 

copie-buckets-google-cloud