Slik oppretter du Staging Environment for et WordPress-nettsted

Som WordPress nybegynnere utvikler seg i sin karriere vokser deres nettsted også. Når du kjører stabile og profesjonelle nettsteder, er det ikke det beste alternativet å redigere alt. Flere av brukerne våre spurte oss om en opplæring som forklarer prosessen med å skape et scenemiljø. I denne artikkelen vil vi vise deg hvordan du lager et mellomrom for ditt WordPress-nettsted.

Merk: Denne artikkelen er mer egnet for brukerne som ønsker å flytte fra nybegynnernivå WordPress-utvikling til litt mer forhåndsutvikling. Denne artikkelen vil hjelpe deg med ku-gutt-koding og lære den beste praksisen. Dette er hva du skal lære i slutten av denne artikkelen.

• Opprette et oppføringssted
• Bruke Git og BitBucket
• Skubbe endringer fra lokal server til BitBucket
• Implementere endringer fra BitBucket til Staging Site

Hva er et scenemiljø?

For å jobbe på et WordPress-nettsted anbefaler vi at brukerne installerer WordPress lokalt på sine Windows- eller Mac-datamaskiner. Når du er ferdig og fornøyd med nettstedet ditt, kan du laste det opp fra localhost til live server.

Det er et problem med denne tilnærmingen. Hva om noe som fungerte på ditt lokalehost, virker ikke på live-serveren? Dette vil forårsake feil som kan være et problem for etablerte nettsteder fordi det kan påvirke søkemotorrangeringer, salg, førsteinntrykk på brukere, osv.

I stedet for å laste opp endringene dine til det levende nettstedet, kan du laste dem opp til et oppføringssted på samme server. Et oppføringssted er et eget utviklingsområde på nettstedet ditt (vanligvis et underdomene) med begrenset tilgang. Her kan du teste endringene dine eller bruke den til all din utvikling. Når du har testet nettstedet ditt grundig, kan du deretter laste det opp til ditt nettsted.

Hvis du er nybegynner og ikke vil lære den kompliserte prosessen fremhevet i artikkelen under, anbefaler vi at du velger en administrert WordPress-hostingleverandør som WPEngine, som tilbyr innebygd lagringsfunksjonalitet. Våre venner på SiteGround tilbyr også oppstartsfunksjonaliteten i deres grow-geek-plan, som er mye rimeligere.

Konfigurere scenemiljø ved hjelp av cPanel

Det første du må gjøre er å lage et underdomene på hoveddomenet ditt. Et underdomene vil tillate deg å kjøre nettstedet ditt i en egen mappe, som ikke påvirker hoveddatabasen, filene eller opplastingene.

For å gjøre dette, logg deg inn i cPanel (det andre kontrollpanelet vil være lik, se etter domener eller Underdomener), Under domener seksjoner, du må klikke på underdomener.

På det neste skjermbildet skriver du inn navnet du vil bruke til underdomenet ditt (vanligvis iscenesettelse eller dev) og velg deretter ditt hoveddomener fra rullegardinmenyen.

I cPanel skal dette automatisk fylle ut Dokumentrot tekstboks med et sted basert på navnet på underdomenet ditt. Du kan endre dette hvis du vil, men vanligvis vil standarden være ok (public_html / staging).

Nå trenger du bare å klikke Skape når du er ferdig Det bør bekrefte, og vise underdomenet i tabellen under.

Du kan bekrefte at underdomenet ditt er konfigurert ved å besøke det i nettleseren din. Det skal vise noe som ligner dette:

Nå må du opprette en egen FTP-konto for ditt scenemiljø. En dedikert FTP-konto vil bare ha tilgang til staging-katalogen din for å forhindre utilsiktede endringer i ditt levende miljø.

I cPanel navigerer du til FTP-konto seksjon. Fyll ut feltene i Legg til FTP-konto seksjon.

De Directory bør matche katalogen du angav når du oppretter underdomenet ditt. Klikk Opprett FTP-konto å opprette din nye konto. Denne kontoen har bare tilgang til katalogen du angav ikke hele serveren.

Kopiering av data fra Live Site til Staging Environment

Nå som du har satt opp underdomenet ditt, er neste trinn å kopiere dataene fra ditt nettsted til stasjonssiden din. Dette vil tillate deg å teste endringer i scenemiljøet ditt med de samme dataene uten å påvirke ditt nettsted.

Den enkleste måten å gjøre dette på er gjennom phpMyAdmin. Logg på phpMyAdmin via cPanel, og velg din nåværende live database. Når du har valgt din live database, klikker du på operasjoner fanen i menylinjen.

Her må du se etter Kopier database til eske. I tekstboksen skriver du inn navnet på staging-databasen din (hvis du ikke har opprettet den ennå, sørg for CREATE DATABASE før du kopierer er merket og gi det et navn som example_staging). Du må kopiere både strukturen og dataene, samt sørge for at du beholder de gjenværende innstillingene som standard. Klikk Gå å kjøre kopien. Husk for større databaser dette kan ta litt tid.

Når databasen din har kopiert, må du velge den fra sidefeltet til venstre. phpMyAdmin åpner nå din nylig kopierte database. Du må klikke på SQL fanen i menylinjen på phpMyAdmin.

Nå skal vi erstatte alle referanser til vårt nettsted for å sikre at alt fungerer bra når vi bruker denne databasen for oppføring. For å gjøre det må du kjøre følgende SQL-spørringer.

 OPPDATERING wp_options SET option_value = REPLACE (option_value, 'ORIGINAL_URL', 'NEW_URL'); OPPDATERING wp_postmeta SET meta_value = REPLACE (meta_value, 'ORIGINAL_URL', 'NEW_URL'); OPPDATERING wp_posts SET guid = SKIFT (guid, 'ORIGINAL_URL', 'NEW_URL'); OPPDATERING wp_posts SET post_content = REPLACE (post_content, 'ORIGINAL_URL', 'NEW_URL'); 

Skriv inn de ovennevnte spørringene i SQL-spørringsboksen, og erstatt følgende verdier:

• ORIGINAL_URL - den opprinnelige nettadressen din, f.eks. http://example.com. Du finner dette i WordPress-admin under Innstillinger> Generelt> WordPress-adresse (URL)
• NEW_URL - skriv inn den nye nettadressen din, dette vil være den av staging-siden din opprettet tidligere (sørg for å inkludere http: // - for eksempel http://staging.example.com)
• wp_ - Hvis nettstedet ditt har et egendefinert prefiks på databastabeller, må du passe på at du erstatter wp_ med det.

Klikk Gå å kjøre spørringene. En bekreftelsesmelding vil vise når dette er fullført.

Etter at du har kopiert databasen, må du kopiere WordPress-filene, pluginene, temaene og opplastingene. Først last ned en fersk kopi av WordPress fra WordPress.org. Last opp innholdet til WordPress til stagingstedet ditt. Merk, ikke kjør WordPress installasjonen enda.

Når du har lastet opp WordPress, er det neste som du trenger å kopiere, mediefiler, plugins og temaer. Følgende mapper må kopieres:

• / Wp-content / uploads
• / wp-content / themes
• wp-innhold / tillegg

Hvis de er små, kan du laste dem ned fra ditt live-nettsted via din FTP-klient og laste dem opp i staging-mappen din. Men for større mapper kan dette ofte være tidkrevende. cPanels filbehandling gir deg mulighet til å kopiere mapper direkte på serveren som gjør prosessen mye raskere.

Logg inn på cPanel-dashbordet ditt og klikk på Filbehandler under Filer-delen.

cPanel vil starte filbehandling. Du må navigere til ditt nettsted wp-innhold katalog (typisk / public_html / wp-innhold) der du kan se temaene dine, pluginene og laster opp mapper.

For hver mappe må du høyreklikke og velge Kopiere. Dette vil hente en dialogboks, velg hvor du vil at mappen skal kopieres. Vi ønsker å kopiere den til katalogen vi har opprettet for oppstartsunderdomene. Det er også katalogen hvor du lastet opp WordPress i forrige trinn. / Public_html / innkopling / wp-innhold /

Dette vil kopiere hver mappe til staging wp-innhold katalog.

Du må gjenta dette for hver av de ovennevnte katalogene (plugins, temaer og opplastinger).

Merk: I noen WordPress-hostingmiljøer kan det hende du ikke kan bruke en filbehandling, og i så fall må du manuelt laste ned disse katalogene til datamaskinen din, og deretter laste dem opp til staging-siden eller bruke SSH.

Når du har kopiert disse katalogene, er du klar til å koble til din installasjonsinstallasjon av WordPress til databasen du kopierte tidligere.

Få tilgang til stasjonssiden din, via underdomenet som vi tidligere opprettet. Hvis staging-katalogen din ikke inneholder en wp-config.php fil, WordPress vil forsøke å opprette en som ber om databasetilkoblingsdetaljer. Hvis den har en wp-config.php-fil, må du sørge for at du redigerer den for å bruke de nye dataoppdateringsdatabaseforbindelsene.

En gang WordPress har koblet til staging databasen, bør den oppdage at WordPress er installert, og be deg om å logge inn. Innloggingsinformasjonen din vil være den samme som på ditt nåværende live-nettsted.

Eventuelle endringer du gjør i scenemiljøet ditt, vil nå være uavhengig av ditt levende miljø. Dette betyr at du er fritt til å endre innstillinger, installere nye plugins, redigere temafiler og mer uten å påvirke opplevelsen for kundene dine.

Konfigurere og feilsøke scenemiljøet ditt

Når du har logget deg på scenen din WordPress installasjon, er det en rekke innstillinger som skal konfigureres før du fortsetter.

Sørg for at domenet ditt er riktig

Se på URL-adressen til admin-skjermbildet. Hvis det er underdomenet ditt, har det oppdaget den nye konfigurasjonen. Hvis ikke, vil SQL-spørringene som kjører tidligere ikke ha endret webadressen til webområdet ditt i oppstartsdatabasen. Se etter SITEURL og hjem option_name er innenfor wp_options tabellen.

Kontroller at mediene har kopiert

Gå til medieseksjonen i WordPress-administrasjonen, og kontroller om bildene / videoene / etc. er på plass. Hvis det er tilfelle, vil opplastningskatalogen din ha kopiert riktig. Hvis ikke, sørg for at opplastingsmappen er på riktig sted (vanligvis / public_html / staging / wp-innhold / opplastinger).

Deaktiver XML Sitemaps i WordPress SEO

Hvis du kjører WP SEO, må du sørge for at alternativet XML Sitemaps er deaktivert. Dette vil bidra til å forhindre søkemotorer fra å indeksere staging-miljøet ditt.

Begrenset tilgang til nettstedet

For å forhindre at brukere ved et uhell besøker webområdet ditt, må du installere og aktivere, Begrenset tilgang til nettstedet. Ved installasjon, gå til Innstillinger> Lesing å konfigurere plugin.

Du vil også gå inn i Innstillinger »Lesing delen og sørg for å deaktivere indeksering av dette nettstedet av søkemotorer. Du vil sørge for at du gjør dette for å hindre duplikat innhold.

Du kan også passordbeskytte hele katalogen med htpassword. Metoden som vises i opplæringen er for / wp-admin / men du kan endre den for en hvilken som helst sidemappe.

Oppdater Permalinks

Besøk Innstillinger> Permalinks og klikk Lagre for å sikre at din permalinkstruktur er oppdatert. Hvis du får 404 feil på stagingstedet ditt, er dette ofte årsaken.

Pushing Changes to Staging fra GitHub eller BitBucket

De fleste profesjonelle utviklere liker å bruke et versjonskontrollsystem som SVN eller Git for å følge utviklingsprosessen. Ved hjelp av et versjonskontrollsystem kan du gå tilbake i tid hvis noe går galt fordi all kodehistorikk er lagret på en sentral plassering. Det gjør samarbeidet enklere, da alle endringer lagres på en sentral plass, har utviklere tilgang til alle endringene som er gjort i et prosjekt.

GitHub eller BitBucket, hvilken du bør bruke

Både, GitHub og BitBucket er prosjekt hosting service og begge tillater deg å bruke Git for dine prosjekter. GitHub er mer populært blant open source-prosjektutviklere og har et større samfunn av utviklere. Hvis prosjektet du jobber med, er et open source WordPress-plugin eller et tema, så kan du være vert for det på GitHub. Ditt prosjekt vil bli offentlig synlig, og andre brukere vil kunne se kildekoden din. For å opprette et privat lager på GitHub må du oppgradere til sin betalte plan.

På den annen side kan BitBucket du lage gratis lagre gratis. Hvis du jobber på kundens nettsted eller ditt eget personlige nettsted, vil du sannsynligvis ønske å holde jobben din privat. BitBucket gjør det enklere for deg å gjøre det.

Komme i gang med BitBucket

Trinn 1. Installere Git

Første du trenger å gjøre er å laste ned og installere Git på Windows (eller Mac).

Trinn 2. Opprette ditt første arkiv

Nå som du har installert Git, er neste trinn å registrere deg for en gratis BitBucket-konto. Når du har registrert deg, vil du legge inn BitBucket dashboard hvor du må klikke på Opprett nytt lager knapp.

Skriv inn et navn og en beskrivelse for ditt lager noe som hjelper deg med å identifisere prosjektet ditt. For å gjøre depotet ditt privat, må du merke av i boksen ved siden av Tilgangsnivå. Til slutt, sørg for at Git er sjekket som lagringstype. Du kan legge resten av alternativene uendret, og klikk på opprett lagerboksen for å fortsette. BitBucket vil nå opprette et tomt arkiv for deg.

Siden du skal jobbe med din lokale WordPress-installasjon, klikk på Jeg har et eksisterende prosjekt for å presse opp.

Trinn 3. Legg til lokal katalog til Git

Du er klar til å trykke ditt lokale WordPress-prosjekt til BitBucket. Start Git Bash på datamaskinen din. Ja, det er et kommandolinjeverktøy, og du må skrive kommandoer, men ikke bekymre deg for det er super enkelt.

Hvis du ikke vil bruke kommandolinjen, kan du bruke GUI-grensesnitt som Github for Windows (som også fungerer for Bitbucket) og / eller TortoiseGit.

Først må du legge til din lokale WordPress-prosjektmappe som et lager i Git. Husk at du ikke trenger å legge hele WordPress-katalogen til prosjektet. Hvis du jobber med et tema, kan du bare legge til temakatalogen som et Git-arkiv.

I Git Bash skal du først flytte til prosjektkatalogen ved å skrive banen til prosjektkatalogen din og deretter legge den til Git:

 cd / c / xampp / htdocs / wordpress / wp-innhold / temaer / myawesometheme git init 

Nå som du har lagt til prosjektet ditt til Git, er neste trinn å legge til alle filene i den.

 git add . 

Etter å legge til alle filene dine, er det neste trinnet å gjøre din første forpliktelse.

 git commit -m "Legge til alle prosjektfiler som den første commit" 

Trinn 4. Synkroniser endringer med Bitbucket-arkivet.

Nå er det siste trinnet å synkronisere dine lokale filer med BitBucket-depotet. Skriv inn denne linjen i Git Bash for å koble ditt lokale lager til BitBucket-depotet ditt.

 git ekstern legg til opprinnelse https: //[email protected]/bitbucketusername/repositoryname.git 

Skyv alle filene dine til BitBucket-depotet.

 Git push -u opprinnelse - all # skyver opp repo og dens refs for første gang 

Gratulerer med at du har synkronisert dine lokale WordPress-filer med BitBucket-arkivet. Nå kan vi gjøre noen endringer i filer i ditt lokale lager. Når du er ferdig med å gjøre endringer, må du forplikte disse endringene til Git.

 git add. git commit -m "Lagt til nye funksjoner" git push -u opprinnelse - all 

Implementere endringer fra BitBucket til Staging Site

Nå som du har lært hvordan du bruker Git med BitBucket, er det på tide å distribuere endringer fra BitBucket-depotet til staging-siden din. På denne måten kan du jobbe på nettstedet ditt lokalt og teste endringene dine på oppstartsstedet ditt uten å påvirke ditt nettsted.

For å gjøre det, anbefaler vi at du bruker Ftploy. Den grunnleggende gratiskontoen lar deg sette opp ett prosjekt. Den overvåker endringer som er gjort i BitBucket-depotet og deployer dem deretter til webserveren din. Først må du registrere deg for en konto på Ftploy. Deretter må du legge til serverinformasjonen din.

For å konfigurere en ny server, velg Servere »Ny server fra navigasjonen øverst.

Fyll ut de riktige feltene med innstillingene du opprettet da du konfigurerte FTP-kontoen din tidligere.

Klikk Testforbindelse for å sikre at FTPloy kan koble til serveren din, og deretter klikke Lagre server.

Hvis du vil opprette et prosjekt, velger du Prosjekter »Nytt prosjekt fra navigasjonsmenyen, velg GitHub eller BitBucket når det er aktuelt.

Hvis du tidligere har definert serveren din, kan du velge den fra rullegardinmenyen (ellers oppgir du detaljene i de aktuelle feltene). I feltet Serverbanen skriver du inn banen til temakatalogen din (dette vil endres avhengig av strukturen på repoen din, men / wp-innhold / tema / ditt tema vil være egnet hvis repoen din bare inneholder temaet ditt).

Når du presser en endring til det BitBucket-depotet, vil FTPloy hente de endrede filene og skyve dem til den valgte serveren din.

Pushing Changes to Live

Hvis du bruker FTPloy til å distribuere endringene fra et depot til staging-serveren din, kan du sette opp en lignende prosess for din live-server. Men hvis feil eller feil kode ble presset til depotet ditt, ville det automatisk gå ut til ditt nettsted.

Det anbefales å kjøre et automatisert distribusjonssystem som FTPloy for en oppstartsserver og deretter kopiere manuelt de nødvendige filene til ditt live-nettsted når du er fornøyd med endringene, og har grundig testet dem på ditt nye scenemiljø.

Vi håper at denne artikkelen hjalp deg med å lære hvordan du oppretter lagringsmiljø for WordPress-nettstedene dine. For feilsøking, sjekk ut vår guide for de vanligste WordPress-feilene og hvordan du retter dem. For tilbakemelding og spørsmål, vær så snill å legge igjen en kommentar nedenfor.