Utiliser Amazon S3 et Firefox pour servir des fichiers statiques

Les services d'hébergement se sont beaucoup améliorés ces derniers temps: plus de stockage, plus de bande passante, des prix plus bas. Mais il n'y a que jusqu'à présent que l'hébergement régulier ira. Lorsque j'ai lancé PSDTUTS pour la première fois, malgré le fait que notre hébergeur héberge de grandes spécifications, nous avons rencontré des problèmes de bande passante et de serveurs de fichiers lorsque nos tutoriels (chacun contenant des dizaines d'images lourdes) se posaient sur Digg. Et puis un ami m'a recommandé d'essayer d'utiliser le service de stockage simple d'Amazon (S3).

Il s’est avéré très facile d’utiliser S3 comme un hôte géant et illimité, et je l’utilise depuis lors pour des fichiers à accès élevé ou lourds, tels que des podcasts pour FreelanceSwitch, des images pour des blogs et même pour l’envoi de fichiers à des clients. . Dans ce tutoriel, je vais vous montrer comment, avec Firefox, vous pouvez transformer S3 en votre propre réseau de diffusion de contenu personnel..
C'est super simple, même je pourrais le faire!

Étape 1

La première chose dont vous allez avoir besoin est un compte. Alors faites ce qui suit:

  1. Connectez-vous à votre compte Amazon.com habituel (ou, si vous n'en avez pas, créez-en un!)
  2. Accédez à Amazon.com/AWS (AWS = Amazon Web Services).
  3. Utiliser votre compte Amazon, Créer un compte AWS en suivant les instructions
  4. Lorsque vous avez créé votre compte AWS (présenté ci-dessous), une liste des services Web qui pourraient vous intéresser apparaît. Choisissez "Amazon Simple Storage Service"

Étape 2

Maintenant, avant de pouvoir faire quoi que ce soit avec S3, vous devez S'inscrire à ce service Web. (Je sais qu'il y a beaucoup d'inscriptions à faire!)

Vous devrez fournir une carte de crédit pour qu'Amazon puisse vous facturer la bande passante, le stockage et le traitement. Les taux sont bas, environ 0,15 USD par Go transféré.

Même si vous pensez peut-être que votre hébergeur Web fournit une bande passante à un tarif beaucoup moins cher, ce n’est probablement pas le cas. Par exemple, une entreprise comme Dreamhost vous proposera littéralement une bande passante considérable pour quelques dollars par mois. Cependant, si vous essayez d'utiliser leurs serveurs rapidement pour utiliser cette bande passante (par exemple, lors d'une session Digg ou lorsque vous envoyez un bulletin d'information sur un fichier téléchargé), il est peu probable que vous obteniez un téléchargement rapide, voire même un téléchargement. du tout. D'après mon expérience, les hôtes Web comptent sur le fait que de nombreux facteurs font en sorte qu'il est très peu probable que vous utilisiez cette bande passante..

Depuis que j'utilise S3 (environ 8 mois maintenant), je suis frappé par des pics de trafic assez importants. Le plus important a été un jour où nous avons eu 150 000 visiteurs en une seule journée sur un tutoriel avec un total de 3 Mo d’images. Ainsi, rien que ce jour-là, il a fourni 450 Go de données et n'a même pas sourcillé. Je suis sûr que dans le schéma des choses, il y a aussi des utilisateurs beaucoup plus gros.

C'est donc assez sûr et pas cher. Meanwhiles Amazon devrait vraiment me payer de l'argent pour toute cette promotion :-)

Étape 3

Donc quand même une fois que vous vous êtes inscrit, cliquez sur le bouton "Votre compte de services Web" bouton et un petit menu apparaît. C’est à cet endroit que vous contrôlez votre compte, vérifiez votre activité (c.-à-d. La facture), etc..

Cliquer sur "Identificateurs d'accès AWS"

Étape 4

Vous obtenez maintenant deux numéros, votre identifiant de clé d’accès et votre clé d’accès secrète. Inutile de dire que vous voulez garder ces très sûrs!

Copiez les deux nombres dans un éditeur de texte pour les avoir sous la main, car nous en aurons besoin dans une seconde..

Étape 5

Ensuite, nous allons avoir besoin de notre extension Firefox. Si vous n'utilisez pas Firefox… eh bien, vous êtes seul :-) Je sais par exemple que vous pouvez utiliser Transmit sur un Mac pour vous connecter à votre compte S3. On peut supposer que sur Windows, il y a quelque chose de similaire (si quelqu'un le sait… veuillez laisser un commentaire).

Nous allons donc utiliser l'extension S3Fox de RJonna

Visitez le site Web et cliquez sur le lien indiqué dans la capture d'écran pour télécharger S3Fox..

Étape 6

Une fois installé, votre Firefox redémarrera et vous verrez que vous pouvez maintenant accéder à S3Fox depuis le coin inférieur droit de la fenêtre de votre navigateur ou depuis le menu Outils..

Alors allez à Outils> Organiseur S3 et vous devriez avoir un onglet apparaissant montrant votre fenêtre S3Fox. C'est vraiment similaire à un programme FTP et donc super facile à utiliser. Il y a quelques différences cependant.

Alors cliquez sur Gérer les comptes et créez un compte avec votre clé d'accès et votre clé secrète précédemment. Cliquez sur sauvegarder.

Étape 7

Une fois que vous avez créé un compte, vous aurez une zone vide à droite. La première chose à faire est de créer un Seau. Un seau est la terminologie Amazon pour ce qui est un dossier ou un répertoire de fichiers. Les noms de compartiment doivent être uniques dans le service. Par exemple, vous ne pourrez pas créer de compartiment appelé "Test" car je suis sûr que c'était comme le premier nom de compartiment à disparaître..

Quoi qu’il en soit, faites un clic droit sur le côté droit et choisissez "Créer le répertoire", cela va en fait créer un seau parce que nous sommes à la racine. Une fois que vous avez créé un compartiment, vous pouvez créer des répertoires à l'intérieur. Vous pouvez également avoir autant de seaux que vous le souhaitez.

Vous serez invité à entrer un nom et l'extension vous montrera un tas de règles sur les noms de compartiment. Bizarrement, l'extension semble échanger les mots seau, dossier et répertoire.

Étape 8

J'ai donc créé un compartiment nommé "nettuts", puis ajouté deux répertoires appelés "003_S3" et "s3demo". Ensuite, j'ai fait glisser une image pour la télécharger sur S3. L'image s'appelle s3image.jpg.

À présent Clic-droit sur le fichier et choisissez Modifier la liste de contrôle d'accès. Avant de pouvoir accéder à votre fichier, vous devez modifier ses autorisations, et c’est ce que cela entraîne..

Vous serez invité à donner le contrôle total en lecture / écriture / contrôle en cochant ou en décochant certaines sélections. Vous voulez seulement donner Lis accédez ici, alors cochez les cases.

(Remarque: sur un Mac, l'extension présente un étrange bug: lorsque vous cliquez sur le "x", elle ne se transforme pas immédiatement en tick, mais lorsque vous cliquez sur Enregistrer, tout à coup, c'est le cas. C'est déroutant et, espérons-le, corrigé mais on s'y habitue)

Étape 9

Maintenant, une fois que vous avez défini les autorisations, Clic-droit encore et choisissez Copier l'URL dans le Presse-papiers. L'URL pour mon image est:

http://cdn.tutsplus.com/net/uploads/legacy/003_S3/s3demo/s3image.jpg "data-original-url =" https://nettuts.s3.amazonaws.com/003_S3/s3demo/s3image.jpg

Comme vous pouvez le voir, la première partie de l'URL est le nom du compartiment, puis le domaine, puis les dossiers et enfin le nom du fichier..

C'est tout!

Et voilà, voici l'image que j'ai placée sur S3. Faites un clic droit et affichez son emplacement pour voir! (En fait, toutes les images de ce tutoriel sont sur S3 :-)

Bien sûr, si vous voulez faire tout cela de manière dynamique avec PHP ou Ruby, c'est une autre marmite de poissons, et j'espère que nous en couvrirons ici à l'avenir. Vous pouvez également obtenir Wordpress et d’autres plugins d’application qui se connectent jusqu’à S3..