WordPress S3 Tutorial: Sådan forbindes WordPress til Amazon S3 Bucket

WordPress S3 Tutorial: Sådan forbindes WordPress til Amazon S3 Bucket

WordPress S3 Tutorial: Sådan forbindes WordPress til Amazon S3 Bucket
СОДЕРЖАНИЕ
02 июня 2020

Leder du efter en WordPress S3-tutorial for at få dit WordPress-sted i gang med Amazon S3? I dette indlæg gennemgår jeg alt hvad du har brug for at vide om WordPress og Amazon S3.


Først vil jeg starte med en oversigt over, hvad Amazon S3 * faktisk * er, og hvordan det kan gavne dit WordPress-sted. Derefter vil jeg tage dig gennem den nøjagtige proces, du skal følge for at begynde at downloade dine WordPress-websteds filer til Amazon S3.

Der er meget at dække, så lad os dykke ind …

WordPress S3 tutorial

Hvad er Amazon S3?

Amazon S3 er en objektopbevaringstjeneste fra Amazon Web Services. Du er måske ikke klar over det, men en enorm del af Internettet er afhængig af Amazon S3, og det er grunden til, at selv et kort S3-afbrydelse på ét sted kan få hele internettet til at kollektivt…, freak out.

Jeg er ikke superinteresseret i at komme ind på de specifikke detaljer om, hvad objektlagring er (Wikipedia kan hjælpe dig derude). I stedet er jeg mere interesseret i hvordan Amazon S3 og objektlagring opretter forbindelse til dit WordPress-sted.

Den mest almindelige brug af Amazon S3 er at gemme alle de filer, som du normalt vil gemme i dit WordPress Media Library i skyen. I det væsentlige kan du gemme ("aflastning") din:

  • ��️ billeder
  • �� videoer
  • �� lydfiler
  • �� PDF-dokumenter
  • etc.

Derudover bruger nogle mennesker også S3 til at gemme aktiver som CSS, JavaScript osv.

Hvert Amazon S3 lagerområde kaldes a "spand". En spand er dybest set en samling filer (du kan læse om objektlagring, hvis du vil vide, hvordan disse filer faktisk er gemt).

Så i stedet for at gemme filer på din egen server, gemmer du dem i en spand hos Amazon S3.

Hvad er fordelene ved at bruge Amazon S3 til dit WordPress-sted?

  • Reducerede anmodninger til serveren – fordi din server ikke længere skal levere mediefiler (eller potentielt aktiver), kan du reducere siderne belastningstider.
  • Mere overkommelig opbevaring – hvis du stikker op for din værts lagringsgrænser, kan jeg næsten garantere, at S3s lagerpriser er billigere end hvad din vært opkræver.
  • Uafhængige medier – fordi dine mediefiler løsnes fra dit websted, er det meget nemmere at flytte dit WordPress-sted rundt (som mellem værter). Du flytter dybest set bare PHP-filer, som næsten ikke tager plads.
  • Skalerbarhed – fordi Amazon S3 driver hele Internettet (ok, det er en smule hyperbole), kan du være temmelig overbevist om, at Amazon kan skalere med, hvad der sker med dit websted.

Og her er den sjove del:

Amazon S3 er gratis i dit første år (op til 5 GB lagerplads). Og selv efter det er det overraskende overkommelig.

Hvad er forskellen mellem Amazon S3 og et CDN?

Mange mennesker taler om Amazon S3, som om det er det samme som et CDN. Jeg forstår hvorfor – der er bestemt nogle ligheder på overfladen, der gør det let at forvirre de to.

Det er, ligesom et CDN, du kan vælge at indlæse billeder fra Amazon S3 i stedet for fra dit WordPress-websteds server.

Men her er hvad der ikke ligner en CDN:

Når du opretter en spand hos Amazon S3, er den placeret på et fysisk sted (som du kan vælge).

En CDN har på den anden side distribueret steder rundt om i verden.

Så i denne henseende har Amazon S3 faktisk mere til fælles med din egen server (en enkelt fysisk placering) end et CDN (masser af steder rundt om i verden).

I en nøddeskal:

Amazon S3: Selvom du bestemt kan servere filer fra S3 til dine besøgende, er S3’er primært fokus er opbevaring.

CDN: En CDN er fokuseret på at levere filer så hurtigt som muligt, snarere end med en overkommelig opbevaring af dem (som S3).

Hvorfor ikke bare bruge et CDN, da?

Nå, her er det:

Du kan stadig bruge et CDN. Det er overraskende simpelt at forbinde din Amazon S3-spand til din foretrukne CDN. Du kan bruge det med alt fra Cloudflare til KeyCDN til Stackpath.

Amazon Web Services har endda deres egen CDN, kaldet CloudFront, det er også super let at oprette forbindelse til Amazon S3.

Faktisk er det sådan, jeg anbefaler dig at gøre det, hvis du har et globalt publikum.

Ved at bruge begge dele:

  • stadig får lagringsfordelene ved S3
  • få også ydelsesfordelene ved et CDN

WordPress S3-forbindelsen forklaret

Hvis du følger instruktionerne i dette indlæg, er det her, hvordan dit WordPress-sted skal fungere i slutningen af ​​denne WordPress S3-tutorial:

  • Du uploader filer til dit WordPress Media Library som normalt (dvs. gennem det almindelige Tilføj medier knap)
  • Dit valgte WordPress S3-plugin kopierer eller flytter automatisk disse filer til Amazon S3
  • Dit WordPress-sted serverer enten filen, der er gemt på S3, eller bruger et CDN, der er forbundet til din S3-spand

Her er hvad du har brug for for at konfigurere WordPress S3 integration

For at forbinde WordPress til Amazon S3, har du brug for:

  • En Amazon Web Services-konto – dette er gratis at tilmelde sig.
  • En offentlig Amazon S3 spand – dette er gratis i dit første år (op til 5 GB). Jeg viser dig, hvordan du opretter en.
  • Et WordPress S3-plugin – dette hjælper dig med automatisk at downloade de filer, du uploader til WordPress til din S3-spand.

Hvilket WordPress S3-plugin skal du bruge?

Der er et par forskellige WordPress S3-plugins, som du kan vælge imellem:

  • WP Offload Media Lite – har en temmelig generøs gratis version, men den gratis version fungerer kun med nyligt uploadede filer. Hvis du går til Pro, kan du også gemme og betjene dine aktiver fra S3 og uploade eksisterende filer. Gør det også meget let at bruge et CDN senere (hvis det er i din plan).
  • W3 samlet cache – W3 Total Cache inkluderer en funktion, der giver dig mulighed for at oprette forbindelse til dit websted til Amazon S3, hvis du vælger S3 som dit CDN i indstillingerne for W3 Total Cache.
  • Mediebibliotekmapper Pro S3 – giver dig mulighed for at administrere dit WordPress mediebibliotek med mapper, samtidig med at du aflæser alle eller nogle af disse filer til Amazon S3 og opretholder den samme mappestruktur.
  • Human Made S3 uploads – uden nogen egentlig grænseflade er dette GitHub-vært-projekt fra Human Made ikke bygget til afslappede brugere. Men udviklere bør sætte pris på det. Du kan læs mere om det her.

WordPress S3-plugin, som jeg vil bruge til denne tutorial

Til denne tutorial vil jeg bruge WP Offload Media Lite fra Delicious Brains, fordi det er den mest kendte mulighed på det tidspunkt, jeg skriver denne artikel.


WP Offload Media Lite til Amazon S3, DigitalOcean Spaces og Google Cloud Storage WP Offload Media Lite til Amazon S3, DigitalOcean Spaces og Google Cloud Storage

Forfatter (e): Dejlige hjerner

Nuværende version: 2.3.2

Sidst opdateret: 11. marts 2020

amazon-s3-and-cloudfront.2.3.2.zip


80% Ratings


40.000 + Installationer


WP 4.9 + Kræver

Men her er det ved installationen:

De fleste af trinnene vil ske i Amazon S3-interface og er identiske på tværs af alle plugins. Det betyder, at du sandsynligvis kan følge det meste af denne guide, selvom du beslutter at bruge et af de andre plugins.

De eneste forskelle vil være de meget korte dele, der sker inden for hvert plugins interface.

Sådan bruges WordPress med Amazon S3: trin for trin

Her er alt hvad du skal gøre for at begynde at bruge Amazon S3 på dit WordPress-sted:

Det burde sandsynligvis være en selvfølge, men jeg anbefaler stærkt, at du tager backup af dit websted, før du begynder denne proces.

Trin 1: Installer og aktiver WP Offload Media Lite-plugin

Du vil ikke rigtig gøre noget i plugins grænseflade endnu. Men inden du hopper ind i Amazon S3-interface, er det en god ide at sikre dig, at du har pluginet installeret og aktiveret på dit websted.

Når du aktiverer WP Offload Media Lite, bliver du bedt om det Definer dine AWS-taster.

I løbet af de næste par trin følger du processen for faktisk at generere disse nøgler.

Trin 2: Opret en ny spand på Amazon S3

Hvis du ikke allerede har oprettet en gratis Amazon Web Services-konto, skal du gå og gør det nu.

Når du opretter din konto, skal du enten navigere til Amazon S3-afsnittet fra dit AWS-konto dashboard eller Klik her for at gå direkte til S3.

Klik på knappen til i S3-interface Opret spand:

amazon s3 interface

I popup-grænsefladen:

  • Giv din spand et navn
  • Vælg en Område (gør dette så tæt på din målgruppe som muligt, især hvis du ikke planlægger at bruge et CDN)
  • Klik skab

oprette s3 spand

Trin 3: Indstil din spandpolitik

For at alt skal fungere korrekt, skal du offentliggøre din S3-spand. For at gøre det bruger du noget, der kaldes a spand politik.

For at tilføje en spandpolitik skal du klikke på din spand i S3-grænsefladen:

rediger spand

I skærmbilledet ovenfor kan du se, at min anden spand allerede er offentlig, mens codeinwp spand, som jeg oprettede til denne tutorial, er markeret som Ikke offentlig. Efter dette trin ønsker du det Offentlig indikator for din spand også.

Klik på næste skærmbillede Tilladelser fanen, og vælg derefter Spandspolitik:

politik for adgangspand

Du skal se en JSON-kodeditor. Indsæt nedenstående uddrag og gem dine ændringer.

Sørg for at udskifte codeinwp med det faktiske navn på din spand:

{
"Version": "2008-10-17",
"Udmelding": [
{
"Sid": "AllowPublicRead",
"Effekt": "Give lov til",
"Rektor": {
"AWS": "*"
},
"Handling": "s3: GetObject",
"ressource": "ARN: aws: s3 ::: codeinwp / *"
}
]
}

indtast spandpolitik

Når du gemmer dine ændringer, skal du se din spand markeret som Offentlig i Amazon S3-instrumentbrættet:

offentlig spand

Trin 4: Opret en IAM-bruger og -politik

Nu skal du oprette noget, der kaldes en IAM-bruger. Denne bruger tillader dybest set plugin at administrere din S3-spand, hvilket er vigtigt, hvis du ønsker, at plugin automatisk skal tilføje de filer, du uploader til WordPress.

Dette er den mest komplicerede del af hele processen, så jeg vil nedbryde alt trin for trin og bruge masser af skærmbilleder.

Når du er færdig med denne proces, vil det give dig AWS-taster at plugin beder om, og du er stort set færdig.

Sådan opretter du din IAM-bruger, gå til IAM-området i din AWS-konto.

Vælg derfra Brugere fane:

iam brugerdashboard

Klik derefter på Tilføj bruger på toppen:

oprette iam-bruger

I Tilføj bruger interface, skal du give din bruger et navn. Sørg derefter for at vælge Programatisk adgang under Adgangstype. Når du har gjort det, skal du klikke på Næste: Tilladelser:

programmatisk adgang

Vælg den næste side Vedhæft eksisterende politikker direkte fanen og vælg Opret politik:

vedhæft politik

Det åbner et nyt vindue. I det nye vindue skal du gå til JSON fane og indsæt i dette kodestykket:

{
"Version": "2012/10/17",
"Udmelding": [
{
"Effekt": "Give lov til",
"Handling": [
"s3: CreateBucket",
"s3: deleteObject",
"s3: Put *",
"s3: Få *",
"s3: List *"
],
"ressource": [
"ARN: aws: s3 ::: codeinwp",
"ARN: aws: s3 ::: codeinwp / *"
]
}
]
}

Sørg for at udskifte de to tilfælde af kodeinwp med det faktiske navn på din Amazon S3-spand.

Klik derefter på Gennemgå politik på bunden:

iam brugerpolitik

Giv det et navn på det næste skærmbillede, og klik derefter på Opret politik:

Gem politik

Nu:

  • Gå tilbage til fanen IAM Tilføj bruger fra før
  • Klik Opdater
  • Vælg den politik, du lige har oprettet på listen (du kan søge efter den med navn for at spare tid)
  • Klik Næste: Anmeldelse

søg efter iam brugerpolitik

Klik på det næste skærmbillede Opret bruger:

vedhæft iam brugerpolitik

På næste skærmbillede skal du se:

  • Adgangsnøgle-ID
  • Hemmelig adgangsnøgle (du skal klikke på At vise for faktisk at se den hemmelige nøgle)

s3 adgangstaster

Hold begge disse værdier praktiske, fordi du har brug for dem i det næste trin.

Trin 5: Føj adgangstaster til wp-config.php-filen

Pyha! Du er officielt færdig med AWS-grænsefladen.

Nu kan du gå tilbage til de venlige rammer på dit WordPress-sted.

Specifikt skal du gøre det rediger din wp-config.php fil. Du kan enten gøre dette via FTP eller via cPanel filhåndtering.

Tilføj kodestykket nedenfor til din wp-config.php-fil, og sørg for at udskifte stjernerne med dine faktiske taster fra det forrige trin:

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

Sådan ser det ud i mit websteds wp-config.php fil:

tilføj wordpress s3 adgangstaster til wp-config.php

Sørg for at gemme dine ændringer.

Trin 6: Vælg S3-spand i WP Offload Media Lite-indstillinger

Gå nu til Indstillinger → Offload S3.

Skriv din S3 spand navn i Hvilken spand vil du bruge? felt og klik Gem spand:

indtast s3 spand i plugin

Når du gemmer dine ændringer, skal du se det fulde plugins interface:

fuld grænseflade

Bemærk – på grund af hvordan jeg fik dig til at indstille IAM-brugerpolitikken, skal knapperne til Gennemse eksisterende spande eller Opret ny spand vilje ikke arbejde. Dette er faktisk med vilje, da det er mere sikkert.

Hvis du ikke kan lide at ofre denne funktion for sikkerhed, kan du ændre IAM-brugerpolitikken til den her beskrevne politik. Men som du vil se i samme artikel, anbefaler Delicious Brains metoden, som jeg brugte som en mere sikker tilgang i BUCKET-BEGRÆNSNINGER afsnit.

Trin 7: Konfigurer Offload S3-indstillinger (hvis ønsket)

På dette tidspunkt er du stort set fuldt konfigureret. Eventuelle nye filer, du uploader, vil automatisk blive indlæst til Amazon S3. Derudover omskriver plugin automatisk URL-filerne til disse filer, så filen serveres fra Amazon S3 i stedet for din server.

Du kan teste dette ved at uploade en ny mediefil og se på kildekoden, når du indsætter den:

eksempel på offloaded mediefil

Hvis du dog ønsker, at plugin’en skal uploade eksisterende filer til Amazon S3, skal du har brug for premium version.

Hvis du vil justere nogen af ​​plugins funktionaliteter, kan du foretage ændringer her. Men i de fleste situationer, standardindstillingerne skulle være helt fine.

Trin 8: (Valgfrit) Tilslut Amazon S3 til et CDN

Som jeg sagde i begyndelsen, er det muligt at bruge et CDN sammen med Amazon S3.

Viser dig, hvordan du gør dette for hver eneste CDN-udbyder ville kræve en langvarig post i sig selv, men jeg kan give dig nogle tip.

Hvis du vil oprette forbindelse til Amazon CloudFront, kan du gøre det lige fra din AWS-konto ved efter denne tutorial.

Træk CDN’er til oprindelse som KeyCDN eller Stackpath, stort set alt hvad du skal gøre er at indtaste din Amazon S3 spand URL i Oprindelses-URL når du konfigurerer dit CDN.

Følg bare dette format for at finde din S3-bucket-URL:

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

For eksempel:

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

Og det er endda muligt at bruge Cloudflare med Amazon S3 (selvom du muligvis bliver nødt til at omdøbe din spand).

Når du har konfigureret dit CDN, kan du bruge WP Offload Media Lite’s CloudFront eller brugerdefineret domæne mulighed for at omskrive fil-URL’erne til at bruge dit CDN i stedet for din S3-spand:

Brug s3 med en cdn

Hvis du valgte at bruge et af de andre WordPress S3-plugins, CDN Enabler plugin kan gøre stort set den samme ting.

WordPress S3: Et nyttigt partnerskab

Ved at bruge et WordPress S3-plugin kan du let downloade dine filer og drage fordel af Amazon Web Services ‘infrastruktur.

Selvom processen kan tage 30 minutter eller så at blive konfigureret, er WordPress S3-integration, når du har slået den ud, temmelig smertefri og burde ikke kræve yderligere arbejde.

Har du andre spørgsmål om tilslutning af dit WordPress-sted til Amazon S3?

Efterlad en kommentar, så gør vi vores bedste for at hjælpe!

Glem ikke at deltage i vores nedbrudskursus om at fremskynde dit WordPress-sted. Med nogle enkle rettelser kan du reducere din indlæsningstid med endda 50-80%:

Layout, præsentation og redigering af Karol K.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Это интересно
    Adblock
    detector