Tutoriel WordPress S3: Comment connecter WordPress à Amazon S3 Bucket

Vous recherchez un tutoriel WordPress S3 pour mettre votre site WordPress en service avec Amazon S3? Dans cet article, je vais vous expliquer tout ce que vous devez savoir sur WordPress et Amazon S3.


Tout d’abord, je vais commencer par un aperçu de ce qu’est réellement Amazon S3 * et de ses avantages pour votre site WordPress. Ensuite, je vais vous expliquer le processus exact que vous devez suivre pour commencer à décharger les fichiers de votre site WordPress sur Amazon S3.

Il y a beaucoup à couvrir alors plongeons-nous…

Tutoriel WordPress S3

Qu’est-ce qu’Amazon S3?

Amazon S3 est un service de stockage d’objets d’Amazon Web Services. Vous ne le réalisez peut-être pas, mais une grande partie d’Internet dépend d’Amazon S3, c’est pourquoi même une brève panne de S3 à un seul endroit peut provoquer l’ensemble d’Internet collectivement … eh bien, flipper.

Je ne suis pas très intéressé à entrer dans les détails spécifiques de ce qu’est le stockage d’objets (Wikipédia peut vous aider). Au lieu de cela, je suis plus intéressé par comment Amazon S3 et le stockage d’objets se connectent à votre site WordPress.

L’utilisation la plus courante d’Amazon S3 est de stocker tous les fichiers que vous stockez habituellement dans votre bibliothèque multimédia WordPress dans le cloud. Essentiellement, vous pouvez stocker ("décharger") votre:

  • ��️ images
  • �� vidéos
  • �� fichiers audio
  • �� Documents PDF
  • etc.

Au-delà de cela, certaines personnes utilisent également S3 pour stocker des actifs tels que CSS, JavaScript, etc..

Chaque zone de stockage Amazon S3 est appelée "seau". Un compartiment est essentiellement une collection de fichiers (vous pouvez en savoir plus sur le stockage d’objets si vous voulez savoir comment ces fichiers sont réellement stockés).

Donc, essentiellement, plutôt que de stocker des fichiers sur votre propre serveur, vous les stockerez dans un compartiment sur Amazon S3.

Quels sont les avantages d’utiliser Amazon S3 pour votre site WordPress?

  • Réduction des demandes au serveur – parce que votre serveur n’a plus à fournir de fichiers multimédias (ou potentiellement des actifs), vous pouvez réduire les temps de chargement de vos pages.
  • Stockage plus abordable – si vous butez contre les limites de stockage de votre hôte, je peux presque garantir que les prix de stockage de S3 sont moins chers que ce que votre hôte facturera.
  • Médias détachés – parce que vos fichiers multimédias sont détachés de votre site, il est beaucoup plus facile de déplacer votre site WordPress (comme entre hôtes). Vous déplacez simplement les fichiers PHP, ce qui ne prend presque pas de place.
  • Évolutivité – parce qu’Amazon S3 alimente tout Internet (ok, c’est un peu d’hyperbole), vous pouvez être assez confiant qu’Amazon peut évoluer avec tout ce qui se passe sur votre site.

Et voici la partie amusante:

Amazon S3 est gratuit pour votre première année (jusqu’à 5 Go de stockage). Et même après ça, c’est étonnamment abordable.

Quelle est la différence entre Amazon S3 et un CDN?

Beaucoup de gens parlent d’Amazon S3 comme si c’était la même chose qu’un CDN. Je comprends pourquoi – il y a certainement des similitudes au niveau de la surface qui facilitent la confusion entre les deux.

Autrement dit, comme un CDN, vous pouvez choisir de charger des images à partir d’Amazon S3 au lieu du serveur de votre site WordPress.

Mais voici ce qui ne ressemble pas à un CDN:

Lorsque vous créez un compartiment sur Amazon S3, il se trouve dans un emplacement physique (que vous pouvez choisir).

Un CDN, d’autre part, a distribué des emplacements dans le monde entier.

À cet égard, Amazon S3 a en fait plus en commun avec votre propre serveur (un seul emplacement physique) qu’un CDN (de nombreux emplacements dans le monde).

En un mot:

Amazon S3: Bien que vous puissiez certainement servir des fichiers de S3 à vos visiteurs, S3 l’objectif principal est le stockage.

CDN: Un CDN se concentre sur la livraison des fichiers le plus rapidement possible, plutôt que de les stocker à moindre coût (comme S3).

Pourquoi ne pas simplement utiliser un CDN, puis?

Eh bien, voici le truc:

Vous pouvez toujours utiliser un CDN. Il est étonnamment simple de connecter votre compartiment Amazon S3 à votre CDN préféré. Vous pouvez l’utiliser avec tout, de Cloudflare à KeyCDN en passant par Stackpath.

Amazon Web Services a même son propre CDN, appelé CloudFront, qui est également très facile à connecter à Amazon S3.

En fait, c’est ainsi que je vous recommande de le faire si vous avez un public mondial.

En utilisant les deux, vous:

  • bénéficiez toujours des avantages de stockage de S3
  • bénéficiez également des avantages de performances d’un CDN

La connexion WordPress S3 expliquée

Si vous suivez les instructions de cet article, voici comment votre site WordPress va fonctionner à la fin de ce tutoriel WordPress S3:

  • Vous téléchargez des fichiers dans votre bibliothèque multimédia WordPress comme d’habitude (c’est-à-dire via le Ajouter des médias bouton)
  • Le plugin WordPress S3 que vous avez choisi copie ou déplace automatiquement ces fichiers vers Amazon S3
  • Votre site WordPress sert le fichier stocké sur S3 ou utilise un CDN connecté à votre compartiment S3

Voici ce dont vous avez besoin pour configurer l’intégration de WordPress S3

Pour connecter WordPress à Amazon S3, vous aurez besoin:

  • Un compte Amazon Web Services – c’est gratuit pour s’inscrire.
  • Un compartiment Amazon S3 public – c’est gratuit pour votre première année (jusqu’à 5 Go). Je vais vous montrer comment en créer un.
  • Un plugin WordPress S3 – cela vous aide à décharger automatiquement les fichiers que vous téléchargez sur WordPress vers votre compartiment S3.

Quel plugin WordPress S3 devez-vous utiliser?

Il existe quelques plugins WordPress S3 différents parmi lesquels vous pouvez choisir:

  • WP Offload Media Lite – a une version gratuite assez généreuse, mais cette version gratuite ne fonctionne qu’avec les nouveaux fichiers téléchargés. Si vous optez pour Pro, vous pourrez également stocker et diffuser vos ressources depuis S3 et télécharger des fichiers existants. Rend également très facile l’utilisation d’un CDN plus tard (si cela est dans votre plan).
  • Cache total W3 – W3 Total Cache comprend une fonctionnalité qui vous permet de connecter votre site à Amazon S3 si vous choisissez S3 comme CDN dans les paramètres W3 Total Cache.
  • Médiathèque Folders Pro S3 – vous permet de gérer votre bibliothèque multimédia WordPress avec des dossiers tout en déchargeant simultanément tout ou partie de ces fichiers sur Amazon S3 et en conservant la même structure de dossiers.
  • Téléchargements S3 créés par l’homme – sans interface réelle, ce projet hébergé par GitHub de Human Made n’est pas conçu pour les utilisateurs occasionnels. Mais les développeurs devraient l’apprécier. Vous pouvez en savoir plus ici.

Le plugin WordPress S3 que j’utiliserai pour ce tutoriel

Pour ce tutoriel, je vais utiliser WP Offload Media Lite de Delicious Brains parce que c’est l’option la plus connue au moment où j’écris cet article.


WP Offload Media Lite pour Amazon S3, DigitalOcean Spaces et Google Cloud Storage WP Offload Media Lite pour Amazon S3, DigitalOcean Spaces et Google Cloud Storage

Auteurs): Délicieux cerveaux

Version actuelle: 2.3.2

Dernière mise à jour: 11 mars 2020

amazon-s3-and-cloudfront.2.3.2.zip


80% Évaluations


40000 + installations


WP 4.9 + Requiert

Mais voici le problème avec le processus de configuration:

La plupart des étapes se produiront dans l’interface Amazon S3 et sont identiques pour tous les plugins. Cela signifie que vous pouvez probablement suivre la plupart de ce guide même si vous décidez d’utiliser l’un des autres plugins.

Les seules différences seront les portions très brèves qui se produisent à l’intérieur de l’interface de chaque plugin.

Comment utiliser WordPress avec Amazon S3: étape par étape

Voici tout ce que vous devez faire pour commencer à utiliser Amazon S3 avec votre site WordPress:

Cela devrait probablement aller de soi, mais je vous recommande fortement de sauvegarder votre site avant de commencer ce processus..

Étape 1: installer et activer le plug-in WP Offload Media Lite

Vous n’allez pas encore vraiment faire quoi que ce soit dans l’interface du plugin. Mais avant de vous lancer dans l’interface Amazon S3, c’est une bonne idée de vous assurer que le plugin est installé et activé sur votre site.

Lorsque vous activez WP Offload Media Lite, il vous invite à Définissez vos clés AWS.

Au cours des prochaines étapes, vous suivrez le processus pour générer ces clés.

Étape 2: créer un nouveau compartiment sur Amazon S3

Si vous n’avez pas encore créé de compte Amazon Web Services gratuit, accédez à à venir et le faire maintenant.

Une fois que vous avez créé votre compte, accédez à la section Amazon S3 depuis l’intérieur du tableau de bord de votre compte AWS ou cliquez ici pour aller directement à S3.

Dans l’interface S3, cliquez sur le bouton pour Créer un compartiment:

interface amazon s3

Sur l’interface popup:

  • Donnez un nom à votre seau
  • Choisis un Région (rendez-le aussi proche que possible de votre public cible, surtout si vous ne prévoyez pas d’utiliser un CDN)
  • Cliquez sur Créer

créer un seau s3

Étape 3: définissez votre stratégie de compartiment

Pour que tout fonctionne correctement, vous devez rendre votre godet S3 public. Pour ce faire, vous utilisez quelque chose appelé politique de compartiment.

Pour ajouter une politique de bucket, cliquez sur votre bucket dans l’interface S3:

modifier le compartiment

Dans la capture d’écran ci-dessus, vous pouvez voir que mon autre compartiment est déjà public, tandis que codeinwp le compartiment que j’ai créé pour ce didacticiel est marqué comme Pas public. Après cette étape, vous voulez que Publique indicateur pour votre seau aussi.

Sur l’écran suivant, cliquez sur le Autorisations onglet, puis sélectionnez Politique de compartiment:

stratégie de compartiment d'accès

Vous devriez voir un éditeur de code JSON. Collez l’extrait ci-dessous et enregistrez vos modifications.

Assurez-vous de remplacer codeinwp par le nom réel de votre compartiment:

{
"Version": "2008-10-17",
"Déclaration": [
{
"Sid": "AllowPublicRead",
"Effet": "Autoriser",
"Principal": {
"AWS": "*"
},
"action": "s3: GetObject",
"Ressource": "arn: aws: s3 ::: codeinwp / *"
}
]
}

entrer dans la politique de compartiment

Une fois que vous avez enregistré vos modifications, vous devriez voir votre compartiment marqué comme Publique dans le tableau de bord Amazon S3:

seau public

Étape 4: créer un utilisateur et une stratégie IAM

Maintenant, vous devez créer quelque chose appelé un utilisateur IAM. Cet utilisateur permet essentiellement au plugin de gérer votre compartiment S3, ce qui est essentiel si vous souhaitez que le plugin ajoute automatiquement les fichiers que vous téléchargez sur WordPress.

Ceci est la partie la plus compliquée de tout le processus, donc je vais tout détailler étape par étape et utiliser beaucoup de captures d’écran.

Une fois ce processus terminé, il vous donnera la Clés AWS que le plugin demande et vous avez à peu près terminé.

Pour créer votre utilisateur IAM, accédez à la zone IAM de votre compte AWS.

De là, sélectionnez le Utilisateurs languette:

tableau de bord utilisateur iam

Cliquez ensuite sur Ajouter un utilisateur au sommet:

créer un utilisateur iam

dans le Ajouter un utilisateur interface, vous devez donner un nom à votre utilisateur. Assurez-vous ensuite de sélectionner Accès programmatique en dessous de Type d’accès. Une fois que vous avez fait cela, cliquez sur Suivant: Autorisations:

accès programmatique

Sur la page suivante, sélectionnez le Attachez directement les politiques existantes onglet et sélectionnez Créer une politique:

attacher la politique

Cela ouvrira une nouvelle fenêtre. Dans cette nouvelle fenêtre, accédez au JSON tabulez et collez cet extrait de code:

{
"Version": "2012-10-17",
"Déclaration": [
{
"Effet": "Autoriser",
"action": [
"s3: CreateBucket",
"s3: DeleteObject",
"s3: Put *",
"s3: Get *",
"s3: Liste *"
],
"Ressource": [
"arn: aws: s3 ::: codeinwp",
"arn: aws: s3 ::: codeinwp / *"
]
}
]
}

Assurez-vous de remplacer les deux instances de codeinwp par le nom réel de votre compartiment Amazon S3.

Puis clique Révision de la politique au fond:

stratégie utilisateur iam

Sur l’écran suivant, donnez-lui un nom, puis cliquez sur Créer une politique:

enregistrer la politique

Maintenant:

  • Revenir à l’onglet IAM Ajouter un utilisateur d’avant
  • Cliquez sur Rafraîchir
  • Sélectionnez la politique que vous venez de créer dans la liste (vous pouvez la rechercher par nom pour gagner du temps)
  • Cliquez sur Suivant: Examen

rechercher la stratégie utilisateur iam

Sur l’écran suivant, cliquez sur Créer un utilisateur:

attacher la stratégie utilisateur iam

Sur l’écran suivant, vous devriez voir:

  • ID de clé d’accès
  • Clé d’accès secrète (vous devrez cliquer sur Spectacle pour voir réellement la clé secrète)

clés d'accès s3

Gardez ces deux valeurs à portée de main, car vous en aurez besoin à l’étape suivante.

Étape 5: ajouter des clés d’accès au fichier wp-config.php

Phew! Vous avez officiellement terminé avec l’interface AWS.

Maintenant, vous pouvez retourner dans les limites conviviales de votre site WordPress.

Plus précisément, vous devez éditez votre fichier wp-config.php. Vous pouvez le faire via FTP ou via le gestionnaire de fichiers cPanel.

Ajoutez l’extrait de code ci-dessous à votre fichier wp-config.php, en veillant à remplacer les astérisques par vos clés réelles de l’étape précédente:

define (‘AS3CF_AWS_ACCESS_KEY_ID’, ‘********************’);
define (‘AS3CF_AWS_SECRET_ACCESS_KEY’, ‘*********************’);

Voici à quoi cela ressemble dans le fichier wp-config.php de mon site:

ajouter des clés d'accès wordpress s3 à wp-config.php

Assurez-vous d’enregistrer vos modifications.

Étape 6: Sélectionnez le compartiment S3 dans les paramètres WP Offload Media Lite

Maintenant, allez à Paramètres → Décharger S3.

Tapez le nom de votre compartiment S3 dans le Quel seau aimeriez-vous utiliser? champ et cliquez Enregistrer le seau:

entrez s3 bucket dans le plugin

Une fois que vous avez enregistré vos modifications, vous devriez voir l’interface complète du plugin:

interface complète

Remarque – en raison de la façon dont je vous avais configuré la stratégie utilisateur IAM, les boutons pour Parcourir les compartiments existants ou Créer un nouveau compartiment volonté ne fonctionne pas. Ceci est en fait intentionnel car il est plus sûr.

Si vous n’aimez pas sacrifier cette fonctionnalité pour la sécurité, vous pouvez modifier la stratégie utilisateur IAM à la politique décrite ici. Mais, comme vous le verrez dans ce même article, Delicious Brains recommande la méthode que j’ai utilisée comme approche plus sécurisée dans le RESTRICTIONS DU GODET section.

Étape 7: Configurer les paramètres de déchargement S3 (si vous le souhaitez)

À ce stade, vous êtes à peu près entièrement configuré. Tous les nouveaux fichiers que vous téléchargez seront automatiquement déchargés sur Amazon S3. De plus, le plugin réécrira automatiquement les URL des fichiers pour ces fichiers afin que le fichier soit servi à partir d’Amazon S3 au lieu de votre serveur.

Vous pouvez tester cela en téléchargeant un nouveau fichier multimédia et en regardant le code source lorsque vous l’insérez:

exemple de fichier multimédia déchargé

Si vous souhaitez que le plug-in télécharge des fichiers existants sur Amazon S3, vous devrez besoin de la version premium.

Si vous souhaitez ajuster l’une des fonctionnalités du plugin, vous pouvez apporter des modifications ici. Mais pour la plupart des situations, les paramètres par défaut devraient être très bien.

Étape 8: (Facultatif) Connectez Amazon S3 à un CDN

Comme je l’ai dit au début, il est possible d’utiliser un CDN avec Amazon S3.

Pour vous montrer comment faire cela pour chaque fournisseur CDN, il vous faudrait un long article, mais je peux vous donner quelques conseils.

Si vous souhaitez vous connecter à Amazon CloudFront, vous pouvez le faire directement depuis votre compte AWS en suite à ce tutoriel.

Pour les CDN d’origine comme KeyCDN ou Stackpath, à peu près tout ce que vous devez faire est d’entrer l’URL de votre compartiment Amazon S3 dans le URL d’origine boîte lorsque vous configurez votre CDN.

Pour trouver l’URL de votre compartiment S3, suivez simplement ce format:

https://bucket_name.s3.amazonaws.com/

Par exemple:

https://codeinwp.s3.amazonaws.com/

Et il est même possible d’utiliser Cloudflare avec Amazon S3 (bien que vous deviez peut-être renommer votre compartiment).

Une fois que vous avez configuré votre CDN, vous pouvez utiliser WP Offload Media Lite CloudFront ou domaine personnalisé option pour réécrire les URL de fichier pour utiliser votre CDN au lieu de votre compartiment S3:

utiliser s3 avec un cdn

Si vous avez choisi d’utiliser l’un des autres plugins WordPress S3, le CDN Enabler le plugin peut faire à peu près la même chose.

WordPress S3: un partenariat utile

En utilisant un plugin WordPress S3, vous pouvez facilement décharger vos fichiers et profiter de l’infrastructure d’Amazon Web Services.

Bien que le processus puisse prendre environ 30 minutes pour se mettre en place, une fois que vous l’avez éliminé, l’intégration WordPress S3 est assez facile et ne devrait pas nécessiter de travail supplémentaire.

Vous avez d’autres questions sur la connexion de votre site WordPress à Amazon S3?

Laissez un commentaire et nous ferons de notre mieux pour vous aider!

N’oubliez pas de rejoindre notre cours accéléré sur l’accélération de votre site WordPress. Avec quelques correctifs simples, vous pouvez réduire votre temps de chargement de 50 à 80%:

Mise en page, présentation et édition par Karol K.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map