Migrarea unui site WordPress de la un server local la producție

Integral cu orice arsenal al dezvoltatorului WordPress este serverul local. În acest tutorial, vreau să vă conduc tot drumul de la instalarea unui server local la teme, exportând baze de date și dincolo.


Ce vom face

În acest tutorial, vă voi trece prin întregul proces de instalare a unui server local pe computerul dvs., creând un site mock și desfășurați site-ul respectiv în producție. Până la sfârșitul acestui tutorial, ar trebui să înțelegeți cum să:

  • Instalați un server local și configurați WordPress local
  • Importați conținut în baza de date locală
  • Creați și editați un site sau plugin local
  • Instalați și configurați WordPress pe serverul de producție
  • Importați conținutul bazei de date în site-ul dvs. de producție
  • Transferați folderul de conținut wp care găzduiește pluginuri, teme și alte elemente
  • Stați înapoi și bucurați-vă de clienții care vă iubesc din cauza perioadelor de întrerupere minime!

Și, într-adevăr, pentru mine, ultimul lucru este despre ce este vorba. Înțeleg că există anumite limitări ale serverelor locale și uneori este nevoie de un mod de întreținere, însă prin utilizarea unui server local puteți elimina în mod eficient aproape toate întreruperile de pe un site normal. Fără să mai vorbim, să mergem!


Pasul 1. Instalați și configurați un server local

Eu personal folosesc MAMP (eu sunt un tip Mac tot drumul), și este disponibil pentru descărcare aici. Pentru utilizatorii Windows, aș recomanda XAMMP, care este disponibil aici. Există, de asemenea, o versiune XAMMP pentru utilizatorii de Mac.

Faceți clic pe link-ul de mai sus pentru a descărca în aplicație. După ce descărcați trageți pictograma aplicației în dosarul aplicației (pentru utilizatorii de Mac) sau utilizați programul de instalare XAMMP pentru utilizatorii de Windows.

După instalare, veți găsi MAMP în / Applications / MAMP. XAMMP va fi localizat în Start -> Programe -> XAMMP. Asta e pentru instalare! Odată ce deschideți MAMP, asigurați-vă că vă uitați la preferințe făcând clic pe butonul "Preferințe". Porturile dvs. ar trebui configurate astfel pe Mac:

Pornirea serverului local pentru prima dată

Acum că serverul local este instalat, va trebui să pornim serverele Apache și MySQL. XAMMP vine, de asemenea, cu Filezilla și Mercury incluse, servicii opționale.

Pentru a porni serverele pentru MAMP, accesați: / Applications / MAMP și faceți clic pe pictograma MAMP. Panoul de control va arăta astfel:

În imaginile de mai sus, putem vedea că lumina verde înseamnă că serverele noastre sunt active. Pe vechiul meu MacBook, acest lucru nu a fost întotdeauna cazul (mă voi adresa mai târziu). Pentru moment, verde înseamnă să mergeți! Puteți deschide pagina de pornire a MAMP făcând clic pe butonul "Deschidere pagină inițială". Aceasta vă va duce la accesul phpinfo, phpMyAdmin și alte setări de configurare importante pe care le vom folosi mai târziu.

Pentru XAMMP, panoul de control, accesat la \ xampp \ xampp-control.exe, va arăta astfel:

Din nou, acest lucru este simplu. Faceți clic pe "Start" pentru a porni serverele Apache și mySQL. Zona de administrare poate fi accesată prin tastarea http://127.0.0.1 sau http: // localhost în browserul dvs..

Felicitări pentru instalarea serverului dvs. local!


Pasul 2. Instalarea și configurarea WordPress pe serverul dvs. local

În primul rând, asigurați-vă că descărcați cea mai recentă versiune de WordPress aici. După aceasta, veți face faimoasa instalare WordPress de 5 minute, care este de asemenea prezentată aici.

  1. Din cadrul phpMyAdmin al serverului local, creați o nouă bază de date numită "wordpress". Puteți adăuga acest lucru pe prima pagină care apare când faceți clic pe linkul phpMyAdmin.
  2. Dezarhivați folderul WordPress și copiați-l în aplicații / MAMP / htdocs pentru MAMP și programe / XAMMP / htdocs pentru utilizatorii XAMMP. Noul URL pentru MAMP va fi http: // localhost: 8888 / wordpress /. Dacă lucrați la un site care mai târziu va fi denumit altceva ca "blog", acum ar fi un moment bun pentru redenumirea dosarului. Adresa URL se va schimba în consecință.

    De vreme ce dezvolt și site-uri fără Wordpress, am copiat întregul dosar în loc să scot conținutul. Lăsând elemente rădăcină în folderul propriu, acest lucru mi-a permis, de asemenea, să testez temele Drupal, Joomla și Magento.

  3. În dosarul wordpress, duplicați fișierul wp-config-sample.php și redenumi-l la wp-config.php.
  4. Deschideți wp-config.php într-un editor și pornind de la linia 17, doriți să modificați următoarele cu configurația găsită pe pagina de pornire a serverului local:
     // ** Setările MySQL - Puteți obține aceste informații de la gazda web ** // / ** Numele bazei de date pentru WordPress * / define ('DB_NAME', 'nume_bază_de_here'); / ** numele de utilizator al bazei de date MySQL * / define ('DB_USER', 'username_here'); / ** Parola bazei de date MySQL * / define ('DB_PASSWORD', 'password_here'); / ** Numele gazdei MySQL * / define ('DB_HOST', 'localhost');

    Evident, am numit baza noastră de date "wordpress" la pasul 1, așa că merge acolo. Pentru utilizatorii MAMP, numele de utilizator și parola pot fi setate la "root" ca fiind utilizatorul de admin implicit. Implicit pe XAMMP, utilizatorul "root" nu are parolă.
    Puteți adăuga mai mulți utilizatori la baza de date wordpress din phpMyAdmin dacă doriți. Numele gazdei ar trebui să rămână ca "localhost".

  5. Cu wp-config.php încă deschis, dorim să mergem mai departe și să obținem cheile de autentificare unice. Pentru a face acest lucru, vizitați https://api.wordpress.org/secret-key/1.1/salt/ și folosiți codul care se afișează pentru a înlocui liniile 45-52:
     define ('AUTH_KEY', 'pune-ți fraza unică aici'); define ('SECURE_AUTH_KEY', 'pune-ți fraza unică aici'); define ('LOGGED_IN_KEY', 'pune-ți fraza unică aici'); define ('NONCE_KEY', 'pune-ți fraza unică aici'); define ('AUTH_SALT', 'pune-ți fraza unică aici'); define ('SECURE_AUTH_SALT', 'pune-ți fraza unică aici'); define ('LOGGED_IN_SALT', 'pune-ți fraza unică aici'); define ('NONCE_SALT', 'pune-ți fraza unică aici');
  6. Salvați și închideți wp-config.php.
  7. Începeți procesul de instalare vizitând wp-admin / install.php. În MAMP, dacă sunteți adresa URL a site-ului este http: // localhost: 8888 / wordpress, atunci veți intra în http: // localhost: 8888 / wordpress / wp-admin / install.php.
  8. Dacă setările dvs. wp-config.php sunt corecte, vi se va solicita să introduceți numele blogului, adresa de e-mail și numele de utilizator.

Dacă apare o eroare, nu vă faceți griji! Problema va fi în fișierul wp-config.php. Du-te acolo și dați seama ce setare de mai sus este incorectă.

Acum, WordPress ar trebui să fie activ și gata pe serverul dvs. local. Puteți accesa tabloul de bord pentru admin pe MAMP la adresa http: // localhost: 8888 / wordpress / wp-login.php. Dacă ați schimbat numele folderului, modificați "wordpress" pe noul nume. Utilizatorii XAMMP pot elimina: 8888 sau introduceți 127.0.0.1/wordpress/wp-login.php.


Pasul 3. Creați și editați site-ul dvs.

Începând cu temele și pluginurile

Instalarea dvs. implicită WordPress va veni cu o temă implicită numită Twenty Ten. Pentru a adăuga mai multe teme, le puteți copia direct în folderul wp-content / themes sau le puteți instala prin tabloul de bord WordPress în "Appearance -> Themes". Temele pot fi editate local prin "Aspect -> Editor" sau un editor de text.

Plugin-urile pot fi instalate în același mod, fie să le copiați în wp-content / plugins, fie să găsiți pluginuri noi prin tabloul de bord WordPress din "Plugins -> Add New". Plugin-urile pot fi editate local și prin "Plugins -> Editor" sau un editor de text.

Având un server local este, de asemenea, o modalitate excelentă de a testa pluginurile noi și de a afla care dintre acestea funcționează pentru site-urile dvs. Fiecare dezvoltator WordPress ar trebui să aibă o pungă de unelte plină de plugin-uri care să le poată pune la dispoziție pentru ei.

Importarea conținutului

Deci, acum că avem tema și pluginurile noastre, cum rămâne cu conținutul? Faceți clic aici pentru a descărca un fișier XML plin de conținut WordPress care ar trebui să vă ajute să începeți.

Pentru a importa acel conținut XML în serverul dvs. local:

  1. Accesați "Instrumente -> Import"
  2. În lista de opțiuni care apare, faceți clic pe "Wordpress", deoarece încărcați conținutul WordPress. Acest lucru se va aplica și atunci când importați date de pe acest site pe site-ul dvs. de producție.
  3. Dacă aceasta este prima dată când ați importat conținut, vi se va cere să instalați importatorul WordPress. Faceți clic pe "Instalați acum". De fapt, acesta instalează un plugin nou în folderul wp-content / plugins numit "wordpress-importator".
  4. După ce este instalat, faceți clic pe link pentru a activa și a rula importatorul.
  5. Răsfoiți fișierul posts.xml (sau orice alt fișier de bază de date WordPress exportat) și încărcați.
  6. În ecranul următor, atribuiți postările noi unui autor (de obicei admin) și asigurați-vă că faceți clic pe "Descărcați și importați atașamente de fișiere". Consider că acest lucru este util dacă importesc date noi.

Acum, dacă vizitați tabloul de bord al administratorului, veți vedea că acum aveți postări, categorii, comentarii, pagini și utilizatori pe care să le utilizați pe măsură ce testați și dezvoltați teme și pluginuri.

Importul de date nu suprascrie datele existente, ci doar adaugă la ceea ce există. Deci, nu vă îngrijorați în timp ce importați.

Obținerea celor dragi

Acest lucru ma deranjat foarte mult când am început să lucrez, dar soluția este simplă.

Mai întâi, deschideți fișierul httpd.conf în / Applications / MAMP / conf / apache /. Liniile 378-381 vor arăta astfel:

  Opțiuni Indexuri FollowSymLinks AllowOverride Niciunul 

Înlocuiți codul cu:

  Opțiuni Indexuri FollowSymLinks AllowOverride All 

Perioadele tale drăguțe ar trebui să fie bune pentru a merge, ceea ce ar trebui să vă ajute și să vă grăbiți producția.


Pasul 4. Ready Server de producție

Acum că ați instalat și ați configurat WordPress pe serverul dvs. local, puteți aplica aceleași principii pentru a instala WordPress pe serverul dvs. de producție.

Lucrul frumos este că, deoarece trebuie doar să schimbați unele setări de bază de date wp-config.php, puteți face pur și simplu următoarele pentru ca WordPress să funcționeze într-un mediu de producție:

  1. Conectați-vă la panoul de control al serverului nostru, navigați la phpMyAdmin și creați baza de date numită "wordpress".
  2. În timp ce vă conectați la phpMyadmin, asigurați-vă că notați numele de utilizator, parola și adresa gazdă a bazei de date, deoarece va trebui să editați aceste valori în wp-config.php.
  3. Editați wp-config.php pentru a se potrivi cu noile setări ale serverului.
  4. Încărcați întregul dosar WordPress prin FTP pe serverul de producție. Din nou, acest lucru poate fi numit altceva dacă doriți să fie într-un sub-folder (ex. Http://mysite.com/blog/ - unde "blog" este instalarea WP). Dacă doriți să instalați WordPress în rădăcina site-ului dvs., mutați directorul în directorul rădăcină al site-ului dvs. și apoi mutați conținutul în folderul dvs. rădăcină, lăsând gol dosarul original WordPress. Apoi, puteți șterge acel dosar. Acest lucru va asigura, de asemenea, că vă deplasați peste toate pluginurile și temele pe care le-ați testat. Puteți șterge pluginurile și temele nedorite în mediul dvs. de producție, eliminându-le din folderul wp-content sau dezactivându-le în tabloul de bord WordPress.
  5. Finalizați faimoasa instalare de 5 minute după cum sa menționat anterior. Rețineți că, dacă există o eroare, este aproape întotdeauna din cauza unei erori în setările wp-config.php. WordPress vă va spune chiar și pe pagina de eroare.

Acum, WordPress este activ în producție, dar nu are conținut. Trebuie să obținem conținutul serverului nostru local pe care l-am perfecționat pe site-ul nostru live.


Pasul 5. Transferarea conținutului și a fișierelor bazei de date

Exportarea conținutului serverului local

Pentru a exporta conținutul serverului nostru local, trebuie să vă conectăm la tabloul de bord local WordPress, din nou http: // localhost: 8888 / wordpress / wp-login.php pentru utilizatorii MAMP și http: // localhost / wordpress / wp- login.php pentru utilizatorii XAMMP.

Apoi, derulați în jos până la "Tools -> Export".

Deoarece acesta este primul export, selectați "Tot conținutul" și faceți clic pe "Descărcați acum". După cum afirmă WordPress, "Aceasta va conține toate postările, paginile, comentariile, câmpurile personalizate, termenii, meniurile de navigare și postările personalizate"..

Imediat (în funcție de dimensiunea bazei de date), veți avea un fișier XML care are o structură de nume de sitename.wordpress.year-month-day.xml. Acesta este fișierul pe care îl vom importa exact așa cum am făcut-o cu posts.xml pe serverul nostru local.

Importarea conținutului în producție

Deoarece tocmai am învățat cum să importați date noi în serverul nostru local, utilizați aceleași principii pentru a instala conținutul dvs. de pe serverul dvs. local pe serverul de producție

Exportarea și importul direct în phpMyAdmin

De asemenea, vreau să subliniez faptul că puteți, de asemenea, să importați și să exportați direct în phpMyAdmin. Pentru a exporta datele serverului nostru local, am:

  1. Deschideți phpMyAdmin din pagina de start MAMP sau XAMMP.
  2. Faceți clic pe baza de date numită "wordpress" sau orice ați numit baza de date WordPress.
  3. Faceți clic pe fila "Export" și alegeți un tip de export XML.
  4. Asigurați-vă că ați bifat caseta pentru "Salvați ca fișier". Întrucât conținutul site-ului meu a fost mic, am ales să nu îl comprim, dar îl recomand foarte mult pentru bazele de date mai mari.

Acest lucru va salva un fișier XML de rezervă a bazei de date direct pe hard disk. Acum puteți să le importați prin intermediul WordPress sau al phpMyAdminului serverului de producție.

Pentru a importa fișierul XML nou creat (meu salvat ca wordpress.xml), repetați pașii 1 și 2 de mai sus, dar la pasul 3 faceți clic pe "Import". Ecranul va arăta astfel:

Răsfoiți fișierul XML salvat și faceți clic pe butonul radio pentru XML sub "Format fișier importat".

Și toate astea! Acum aveți un site complet funcțional pe care l-ați creat și configurat pe un server local, dar exportat și implementat în producție.


Sfaturi și trucuri locale de mediu

În plus față de tutorialul de mai sus, am vrut să arunc câteva lucruri pe care le fac în timp ce lucrez în mediul meu local, care s-au dovedit utile atunci când s-au mutat la producție:

Asigurați-vă site-ul înainte de a merge în direct

Anul trecut a fost prima dată când am avut un site hacked. Știu că poate fi o pălărie veche pentru unii, dar nu este nimic ca a primi un apel de la un client să-l raporteze. Vestea bună a fost că a fost ușor să ai grijă și sigur, dar prin această experiență am învățat că nu poți niciodată să mergi prost în ceea ce privește asigurarea site-ului tău devreme.

Unul dintre cele mai simple lucruri de făcut pentru a adăuga un strat de securitate pe site-ul dvs. este să creați un fișier index.php gol și să îl plasați în folderul wp-content, wp-content / plugins, wp-content / themes folder. Aceasta este o soluție rapidă care poate fi făcută la începutul procesului de dezvoltare pentru a crea un nivel suplimentar de securitate pentru site-ul dvs., prin împiedicarea indexării conținutului dvs..

În acest fișier index.php, aș adăuga următorul cod:

 

Utilizați timpul de lucru pentru a afla lucruri noi

Serverul meu local sa dovedit neprețuit în ceea ce privește învățarea pluginurilor și a temelor WordPress. Pentru că nu mai am nevoie de internet, pot descărca temele și pluginurile pe care le doresc și ori de câte ori am ocazia să privească fișierele și funcțiile.

Acest lucru poate părea destul de bun simț, dar având serverul meu local și utilizarea în mod regulat a modela cu adevărat modul în care am dezvoltat permițându-mi să învăț practic din munca altora în codul lor. Și lucrurile minunate sunt că, dacă încă n-am înțeles nimic, mă pot întoarce mai târziu pentru că nu este viu și nu afectează pe nimeni.

Înțelegerea limitelor unui server local

Acum, după toate lucrurile pozitive, iată câteva elemente care ar trebui să fie remarcate atunci când lucrați cu un server local - în primul rând din experiențele mele cu MAMP:

  • Fiți pregătiți dacă serverele locale nu vor porni. A fost un moment, în special cu MacBook și MAMP, că de fiecare dată când am început să încep pe un site, MAMP ar îngheța doar. Mi-aș petrece primele 15 minute ale unui proiect în care eram încântat să încerc să-mi dau seama. Un fel de a ucis puțin entuziasmul! Pentru a remedia acest lucru, încercați "Forța de renunțare" MAMP. Dacă aceasta nu funcționează, utilizatorii OSX 10.5 și 10.6 pot de obicei să deschidă Monitorul de activitate (localizat în aplicații / utilități), să selecteze "Procesele mele" și să caute mai multe instanțe ale "mysqld". Dacă sunt difuzate mai multe, ștergeți toate, dar nu unul. Asta ar trebui să readucă lucrurile la normal.
  • Pentru MAMP, luminile verzi care indică faptul că serverele sunt activate nu sunt întotdeauna de încredere. Pentru a testa acest lucru, trebuie doar să faceți clic pe "Pagina de start", iar dacă apare, atunci sunteți bine să mergeți.
  • Unele acțiuni și funcții avansate pot să nu funcționeze corect. Am experimentat acest lucru cu un plugin Amazon S3 pe care l-am dezvoltat. Pentru aceste lucruri, voi instala adesea un șablon de pagină WordPress personalizat sau un dosar cu plugin-uri, îl voi instala pe site-ul meu prin FTP și se va testa pe o pagină privată. Puteți instala chiar și un subdirector pentru a efectua mai multe teste sau pentru a utiliza Multipress.

Concluzie

Vă mulțumim pentru că ați parcurs procesul de instalare a unui server local, configurați un site WordPress pe acesta și apoi migrați acel site într-un mediu de producție.

V-aș încuraja pe oricare dintre voi care are mai multă experiență decât mine să vă rugăm să postați sub orice altă setare locală pe care o aveți, alte idei despre cum să simplificați procesul de migrare și orice alte sfaturi și trucuri pentru a lucra la nivel local. Sunt doar o voce a comunității.

Vă mulțumim pentru lectură!

Cod