WP Media Folder Addon: Google Drive Integration

1. Maak een Google Drive-app


De Google Drive-integratie met WP Media Folder is opgenomen in de add-on. U moet deze add-on (plug-in) installeren naast WP Media Folder . De add-on bevat ook integratie voor Google Photo, Dropbox, OneDrive Personal, OneDrive Business en Amazon S3.

Ten eerste, om Google Drive te gebruiken, heb je een Google dev-app nodig om je website te verbinden. Ga naar  https://console.developers.google.com/project en maak een nieuw project.

 

afbeelding 79

 

Stel vervolgens een projectnaam in - u kunt elke gewenste naam opgeven, maar geen spaties of accenten.

 

afbeelding31


Wacht vervolgens enkele seconden voor het maken van het project.

 

afbeelding62

 

Als u de Google Drive API voor het eerst gebruikt, moet u deze activeren.

 

enable-drive-api

 

Klik in het linkermenu op "API Manager".

 

menu-api-service


Navigeer vanuit het linkermenu naar "Inloggegevens", op het hoofdpaneel klik "+ Nieuwe referenties" >> OAuth-client-ID; Voeg desgevraagd een naam toe aan uw OAuth-toestemmingsscherm.

 

oAuth-google-drive


Nu de belangrijkste stap:

  • Selecteer "Webapplicatie" en voeg een naam naar keuze toe
  • Geautoriseerde JavaScript-oorsprong: https://uw-domein.com (vervang door uw domeinnaam, zonder slash)
  • Geautoriseerde omleidings-URI's: https://uw-domein.com/wp-admin/options-general.php?page=option-folder&task=wpmf&function=wpmf_authenticated 
    (vervang door uw domeinnaam)

 

app-inloggegevens

 

Opmerking: als deze waarschuwing verschijnt: "Om een ​​OAuth-client-ID te maken, moet u eerst een productnaam instellen op het toestemmingsscherm", moet u op klikken Configureer het toestemmingsscherm knop of ga naar API's en services >> OAuth-toestemmingsregeln, voeg dan uw domeinnaam toe op Geautoriseerde domeinen.

Eerst moet je selecteren Gebruikerstype.

 

OAuth-gebruikerstype

 

  • Intern: uw app is beperkt tot G Suite-gebruikers binnen uw organisatie.
  • Extern: uw app is beschikbaar voor elke gebruiker met een Google-account.

Vul dan uw geautoriseerde domeinen in. Nu kunt u teruggaan naar de vorige stap:  Selecteer "Webapplicatie" om de referenties te creëren.

 

toestemmingsscherm

 

Dan ... voilà! Je hebt je ID en geheim om toe te voegen in de configuratie van WP Media Folder .

 

oauth-klant

 

2 . Log in op Google Drive in WP Media Folder

Om de integratie af te ronden, ga je terug naar het WordPress dashboard en klik je op het menu Instellingen> WP Media Folder > Cloud> Google Drive-tabblad, dan kunt u uw Type aandrijving:

  • Mijn motivering: uw persoonlijke account
  • Gedeelde schijven: uw G Suite-account 

 

Type aandrijving

 

Selecteer vervolgens uw Type medialink:

  • Openbare link: genereer een openbaar toegankelijke link voor uw bestanden en beïnvloed de toepasselijke rechten op de cloudbestanden (gedeelde link)
  • Privé-link: AJAX-link, verberg de cloud-link om de oorspronkelijke toegangsrechten van uw bestand te behouden (gebruikers hebben een login nodig om de afbeeldingen te bekijken)

 

media-link-type

 

Vervolgens kunt u verbinding maken met Google Drive-account met de automatische modus of handmatige modus:

Automatische modus

Vanaf nu kunt u veel tijd besparen bij het verbinden met de Google Drive-server. Om deze functie te gebruiken, moet u eerst uw Joomunited-account koppelen aan Menu Instellingen> Algemeen, klik op de WordPress instellingen link als je nog geen verbinding hebt.

 

unconnected-google-drive

 

Ga dan terug naar de plug-in Instellingen> WP Media Folder > Cloud> tabblad Google Drive en klik gewoon op Verbind Google Drive knop in de rechterhoek.

 

connect-auto-google-drive

 

Volg daarna de volgende stappen om de verbinding te voltooien.

 

connected-auto-google-drive

 

Het is zo snel, toch? Ja, we weten het. :)  


Handmatige modus

Plak met de inloggegevens in de vorige stap op het tabblad Google Drive uw

  • klant identificatie
  • Client geheim

Sla de configuratie op en klik op de Verbind de Google Drive-knop.

 

google-login

 

Als je geen fout hebt gemaakt, moet je de autorisatie valideren in een nieuw venster zoals weergegeven:

 

google-api-toestemming

 

De verbinding moet een succes zijn ☺ Als deze succesvol is, kunt u rechtstreeks vanuit de mediamanager van WordPress Google Drive-media maken en beheren.

 

3 . Wat kan ik doen met Google Drive-media?

Hoe werkt het? 

WP Media Folder genereert een hoofdmap op uw Google Drive met de sitenaam.

 

google-drive-map


Alle mappen en submappen die in WP Media Folder Google Drive zijn toegevoegd, worden onder deze map gesynchroniseerd ( WP Media Folder - {sitename}). En omgekeerd, al uw media uit die hoofdmap op Google Drive worden gesynchroniseerd met uw mediabibliotheek op Wordpress .

 

Wat zijn de synchronisatie-instructies?

Het werkt in beide richtingen! U kunt een bestand uit Google Drive toevoegen en het in WP Media Folder , of een bestand in WP Media Folder en het in Google Drive bekijken. Het betekent ook dat u WordPress bestanden vanaf uw desktop kunt beheren met Google Drive-synchronisatiesoftware. Dat is gek - we weten het! ☺

 

google-drive-sync

 

De WP Media Folder Google Drive-integratie biedt u 2 soorten acties met uw media:

De eerste optie is importeer de Google Drive-media in WP Media Folder ( WP Media Folder voor import).

 

import-media-google-drive

 

De tweede optie is sluit de Google Drive-media in in uw inhoud direct. In dit geval wordt de media geladen vanuit Google Drive, niet vanaf uw server.

 

embed-google-drive

 

Verwijder de fout: fout: "invalid_scope bij het verbinden van WP Media Folder met Google Drive"

Google heeft onlangs een nieuwe beveiligingslaag geïntroduceerd die ervoor zorgt dat apps worden geverifieerd. Als u de app met uw Google-account heeft gemaakt en u zich met hetzelfde account bij WordPress aanmeldt, ziet u deze fout niet.
Deze fout wordt alleen weergegeven als u een app met een Google-account heeft gemaakt en vanaf WordPress met een ander account verbinding probeert te maken met Google.

In dit geval heeft u uw app nodig om door Google te worden goedgekeurd volgens dit proces: https://support.google.com/code/contact/oauth_app_verification

 

OAuth-ontwikkelaar-verificatie-formulier