Comment stocker les ressources WordPress sur les espaces DigitalOcean

DigitalOcean Spaces est un service de stockage d'objets pouvant être utilisé pour stocker de grandes quantités de données diverses et non structurées. Les sites WordPress, qui incluent souvent des ressources d'image et de vidéo, peuvent être de bons candidats pour les solutions de stockage d'objets. L'utilisation du stockage d'objets pour ces types de ressources statiques peut optimiser les performances du site en libérant de l'espace et des ressources sur vos serveurs. Pour plus d'informations sur le stockage d'objets et WordPress, consultez notre tutoriel surHow To Back Up a WordPress Site to Spaces.

Dans ce didacticiel, nous utiliserons un plugin WordPress fonctionnant directement avec DigitalOcean Spaces pour l’utiliser comme magasin d’actifs principal. Le pluginDigitalOcean Spaces Sync achemine les données de notre médiathèque WordPress vers Spaces et vous offre diverses options de configuration en fonction de vos besoins, rationalisant le processus d'utilisation du stockage d'objets avec votre instance WordPress.

Ce tutoriel suppose que vous avez une instance WordPress sur un serveur ainsi qu'un espace DigitalOcean. Si vous ne disposez pas de cette configuration, vous pouvez procéder comme suit:

Avec ces conditions préalables en place, nous sommes prêts à commencer à utiliser ce plugin.

Tout au long de ce tutoriel, nous travaillerons avec le dossierwp-content/uploads de notre projet WordPress, il est donc important que ce dossier existe et dispose des autorisations appropriées. Vous pouvez le créer avec la commandemkdir en utilisant l’indicateur-p afin de créer le dossier s’il n’existe pas, et éviter de lancer une erreur s’il existe:

Vous pouvez maintenant définir des autorisations sur le dossier. Tout d'abord, définissez la propriété sur votre utilisateur (nous utiliseronssammy ici, mais assurez-vous d'utiliser votre utilisateursudo non root) et la propriété du groupe sur le groupewww-data:

Ensuite, établissez les autorisations qui donneront au serveur Web un accès en écriture à ce dossier:

Nous allons désormais pouvoir utiliser nos plugins pour créer un magasin en stockage objet pour les actifs du dossierwp-content/uploads, et interagir avec nos actifs depuis l'interface WordPress.

La première étape de l’utilisation de DigitalOcean Spaces Sync sera de l’installer dans notre dossier WordPress. Nous pouvons naviguer dans le dossier du plugin de votre répertoire WordPress:

De là, nous pouvons installer DigitalOcean Spaces Sync à l'aide de la commandewp:

Pour activer le plugin, nous pouvons exécuter:

À partir de là, vous pouvez accéder à l'onglet Plugins situé à gauche de notre tableau de bord administratif WordPress:

Nous devrions voir DigitalOcean Spaces Sync dans notre liste de plugins activés:

Pour gérer les paramètres de DigitalOcean Spaces Sync, nous pouvons accéder à notre ongletSettings et sélectionnerDigitalOcean Spaces Sync dans le menu:

DigitalOcean Spaces Sync va maintenant nous donner des options pour configurer notre stockage d’actifs:

Le champConnection Settings dans la moitié supérieure de l'écran demande notre clé d'accès et notre secret aux espaces. Il demandera alors nosContainer, qui sera le nom de notre espace, et lesEndpoint.

Vous pouvez déterminer le point de terminaison de votre espace en fonction de son URL. Par exemple, si l'URL de votre espace esthttps://example-name.nyc3.digitaloceanspaces.com, alorsexample-name sera votre bucket / conteneur, etnyc3.digitaloceanspaces.com sera votre point de terminaison.

Dans l’interface du plugin, la sectionEndpoint sera pré-remplie avec leshttps://ams3.digitaloceanspaces.com par défaut. Vous devez modifier ce noeud final si votre espace réside dans une autre région.

Ensuite, il vous sera demandéFile & Path Settings. Dans le champ marquéFull URL-path to files, vous pouvez saisir soit un domaine public de stockage, si vos fichiers seront stockés uniquement sur votre espace, soit un chemin URL complet, si vous les stockerez sur votre espace et votre serveur.

Par exemple, si votre projet WordPress se trouve dans/var/www/html et que vous souhaitez stocker des fichiers à la fois sur votre serveur et sur Space, vous devez alors saisir:

Les paramètresStorage prefix etFilemask sont préremplis et n'ont pas besoin d'être modifiés, sauf si vous souhaitez spécifier certains types de fichiers pour votre synchronisation.

Nous aborderons les spécificités du stockage de fichiers sur votre serveur, votre espace et votre espace uniquement dans les sections suivantes.

DigitalOcean Spaces Sync offre la possibilité de sauvegarder des fichiers sur votre serveur tout en les synchronisant avec votre espace. Cet utilitaire peut être utile si vous devez conserver des fichiers sur votre serveur, mais souhaitez également des sauvegardes stockées ailleurs. Nous allons procéder au processus de synchronisation d’un fichier sur notre espace tout en le conservant sur notre serveur. Pour les besoins de cet exemple, nous supposerons que nous avons un fichier appelésammy10x10.png que nous aimerions stocker dans notre médiathèque et sur notre espace.

Tout d'abord, accédez à l'ongletSettings sur votre tableau de bord administratif WordPress, et sélectionnezDigitalOcean Spaces Sync dans le menu des options présentées.

Ensuite, dans le champConnections Settings, entrez votre clé et secret d'espaces, suivis de vosContainer etEndpoint. N'oubliez pas que si l'URL de votre espace esthttps://example-name.nyc3.digitaloceanspaces.com, alorsexample-name sera votreContainer, etnyc3.digitaloceanspaces.com sera votreEndpoint. Testez vos connexions en cliquant sur le boutonCheck the Connection en bas du champConnection Settings:

Nous sommes maintenant prêts à remplir lesFile & Path Settings.

Dans le champFull URL-path to files, nous pouvons entrer notre chemin URL complet, puisque nous sauvegardons notre fichier sur notre serveur et sur notre espace. Nous utiliserons ici l’adresse IP de notre serveur, mais si vous avez un domaine, vous pouvez échanger l’adresse IP de votre nom de domaine. Pour plus d'informations sur l'enregistrement de domaines avec DigitalOcean, consultez notre didacticiel surHow To Set Up a Host Name with DigitalOcean. Dans notre cas, lesFull URL-path to files seronthttp://your_server_ip/wp-content/uploads.

Ensuite, nous allons remplir le champLocal path avec le chemin local du répertoireuploads:/var/www/html/wp-content/uploads.

Comme nous travaillons avec un seul fichier, nous n'avons pas besoin de modifier les sectionsStorage prefix etFilemask. Au fur et à mesure que votre bibliothèque multimédia WordPress augmente en taille et en variété, vous pouvez modifier ce paramètre pour cibler des types de fichiers individuels à l'aide de caractères génériques et d'extensions telles que*.png dans le champFilemask.

VosFile & Path Settingsfinaux ressembleront à ceci:

Assurez-vous de sauvegarder vos modifications de configuration en cliquant sur le boutonSave Changes en bas de l'écran.

Nous pouvons maintenant ajouter notre fichier,sammy10x10.png, à notre médiathèque WordPress. Nous utiliserons la commandewp media import, qui importera le fichier de notre répertoire personnel vers notre médiathèque WordPress. Dans ce cas, notre répertoire personnel appartiendra àsammy, mais dans votre cas, ce sera votre utilisateursudonon root. Au fur et à mesure que nous déplacerons le fichier, nous utiliserons le paramètre--path pour spécifier l'emplacement de notre projet WordPress:

En regardant notre interface WordPress, nous devrions maintenant voir notre fichier dans nosMedia Library. Nous pouvons y naviguer en suivant l'ongletMedia Library sur le côté gauche de notre tableau de bord administratif WordPress:

Si nous accédons à notre page Espaces dans le panneau de configuration de DigitalOcean, nous devrions également voir le fichier dans notre espace.

Enfin, nous pouvons naviguer vers notre dossierwp-content/uploads, où WordPress aura créé un sous-dossier avec l'année et le mois. Dans ce dossier, nous devrions voir notre fichiersammy10x10.png.

Le plug-in DigitalOcean Spaces Sync comporte une option supplémentaire nous permettant de stocker des fichiers uniquement sur notre espace, au cas où nous souhaiterions optimiser l'espace et les ressources de notre serveur. Nous travaillerons avec un autre fichier,sammy-heart10x10.png, et définirons nos paramètres DigitalOcean Spaces Sync afin que ce fichier soit stocké uniquement sur notre espace.

Tout d’abord, revenons à la page de configuration principale du plugin:

Nous pouvons laisser les informations deConnection Settings, mais nous modifierons lesFile & Path Settings. Tout d'abord, dans lesFull URL-path to files, nous écrirons le domaine public de stockage. Encore une fois, nous utiliserons l'adresse IP de notre serveur, mais vous pouvez l'échanger contre un domaine si vous en avez un:http://uploads.your_server_ip

Ensuite, nous allons accéder àSync Settings, en bas de la page, et cliquer sur la première case, ce qui nous permettra de "stocker les fichiers uniquement dans le cloud et de les supprimer après un téléchargement réussi". VosFile & Path Settingsfinaux ressembleront à ceci:

Assurez-vous de sauvegarder vos modifications en cliquant sur le boutonSave Changes en bas de l'écran.

De retour sur la ligne de commande, nous déplaceronssammy-heart10x10.png du répertoire personnel de notre utilisateur vers notre médiathèque en utilisantwp media import:

Si nous retournons à notre interface WordPress, nous ne verrons passammy-heart10x10.png ousammy10x10.png dans nosMedia Library. Ensuite, si nous retournons à la ligne de commande et naviguons vers notre répertoirewp-content/uploads, nous devrions voir quesammy-heart10x10.png est absent de notre sous-dossier horodaté.

Enfin, si nous accédons à la page Espaces du panneau de configuration de DigitalOcean, nous devrions voir les deux fichiers stockés dans notre espace.

Nous avons présenté deux options différentes que vous pouvez utiliser pour stocker vos fichiers multimédias WordPress dans DigitalOcean Spaces à l’aide de DigitalOcean Spaces Sync. Ce plugin offre des options supplémentaires en matière de personnalisation, sur lesquelles vous pourrez en apprendre davantage en lisant l'article du développeur intitulé «https://medium.com/@kee_ross/sync-your-wordpress-media-with-digitalocean-spaces-b730eb7e19fc[Sync votre WordPress. médias avec DigitalOcean Spaces]. "

Si vous souhaitez des informations plus générales sur l'utilisation des espaces, consultez nosintroduction to DigitalOcean Spaces et notre guide desbest practices for performance on Spaces.