DE{CODE}: best practice per la distribuzione del sito con locale

Sebbene non esista un modo sbagliato per rendere attivi i tuoi siti, questa sessione esamina le varie opzioni per la distribuzione del tuo sito dall'ambiente locale all'ambiente di produzione. Unisciti all'istruttore indipendente e sviluppatore web Carrie Dills mentre esamina alcuni strumenti per il flusso di lavoro locale e spiega perché potresti scegliere un metodo di implementazione piuttosto che un altro in base al tuo team, al flusso di lavoro e ai dettagli del sito!

Slide della sessione

Trascrizione del testo completo

CARRIE DILS : Salve. Benvenuto nelle best practice per l'implementazione del sito con Local. Quindi, come sviluppatore web professionista, hai già familiarità con l'idea di sviluppare siti sulla tua macchina locale e quindi distribuirli sul server live invece di eseguire effettivamente il tuo sviluppo su un server live. Quando si tratta di creare quell'ambiente di sviluppo locale, ci sono tantissime opzioni. Hai MAMP o WAMP o XAMPP o DesktopServer.

Ci sono molti strumenti diversi che puoi usare per questo. Il mio preferito è LocalWP. È una consegna gratuita, mi scusi. Si chiama Local, ma è disponibile su localwp.com. È uno strumento di sviluppo gratuito. È davvero abbastanza facile da configurare e oltre ad essere un luogo per lo sviluppo del sito locale, ha anche alcune opzioni per distribuire la vita del tuo sito. Ma ha anche molte altre chicche per il tuo flusso di lavoro, cose come l'accesso SSH instradato, WPCLI, alcuni busting della cache integrati e persino un SSL con un clic.

Quindi, se hai già questo, allora sei pronto per partire. In caso contrario, va bene. Quindi, prima ancora di parlare dei modi per eseguire una distribuzione, facciamo un backup del bus e parliamo di ciò che è effettivamente coinvolto quando si tratta di migrare un sito WordPress. Quindi pensala come due cose. Hai i tuoi file e hai il tuo database. E quando parliamo di migrazione di un sito, stiamo semplicemente parlando di spostare queste due cose su un server di destinazione. Fatto?

Va bene. Quindi, se dovessi aprire un'installazione di WordPress o magari eseguire un nuovo download di WordPress e aprirlo, ciò che vedresti sono tre file principali o scusami, cartelle, WP Admin, WP Include e WP Content e una manciata di file in quella directory principale. Ora ai fini di una migrazione, supponendo che il tuo server di destinazione abbia già installato WordPress, tutto ciò di cui ti preoccupi è la cartella WP Contents. Quindi conterrà i tuoi temi, i tuoi plugin e anche tutti i caricamenti che hai fatto tramite il tuo amministratore di WordPress. Se hai caricato file multimediali, verranno inclusi fisicamente anche nella cartella Contenuto WP.

Quindi, con questo in mente, abbiamo i file, abbiamo il database. Diamo un'occhiata alle nostre opzioni per andare avanti con la migrazione. Va bene. Se ti unirai a me nella tua macchina del tempo, che sono sicuro che hai seduto proprio accanto a te ovunque tu stia guardando questo. Vai avanti, salta su quella macchina del tempo e andremo molto, molto indietro a qualcosa chiamato FTP o protocollo di trasferimento file. Ti sto chiedendo– ti sto esortando, per favore non usare mai FT–

[RISATA]

– FTP. Se devi, almeno vai su SFTP o protocollo di trasferimento file sicuro, che aggiunge un livello di sicurezza al processo di spostamento dei file. Oppure potresti essere con l'host che ha cPanel, che funziona più o meno allo stesso modo. È un browser di file e stai spostando i file avanti e indietro tra il tuo server locale e il tuo server live. Questo è per prendersi cura dei file. E tu sei tipo, aspetta, Carrie. Ricordo che hai appena detto che hai anche un database da spostare. E apprezzo che te lo ricordi.

Quindi, quando si tratta del database, questo potrebbe sembrare un po' intimidatorio se non sei abituato a curiosare in un database MySQL. E, fondamentalmente, il processo consiste nell'esportare il database locale come file gzip. Lo scaricherai e poi nel tuo gestore di database che risiede sul tuo server di produzione, importerai quel database.

[SUONO STRISCIANTE]

Funziona, funziona. Fa il lavoro. Ma probabilmente dovrai utilizzare un plug-in come Better Search and Replace per sostituire tutti quegli URL di sviluppo con il tuo URL live. Quindi tienilo a mente.

Successivamente, abbiamo i plug-in di migrazione. Ci siamo ufficialmente spostati nel futuro e stiamo trovando modi più semplici per spostare i siti dal locale al live. Quindi, quando si tratta di plug-in di migrazione, ce ne sono un sacco nel repository dei plug-in di WordPress. Alcuni dei miei preferiti, Migrazione All-In-One, Duplicater e WP Migrate DB.

Ora, quando si tratta di questi, questi ti daranno un diverso tipo di assistenza. Quindi rispetto a quel processo completamente manuale che stavamo osservando con cPanel o SFTP. Questi faranno cose carine come quando prepara il tuo database, andrà avanti e ti aiuterà con quell'URL - scambio di URL da locale a live. E impacchetta i tuoi file per te, ma dovrai comunque fare qualcosa con quei file all'estremità ricevente. E ciascuno di questi plug-in funziona in modo leggermente diverso, ma ti assisterà nel processo di andare a vivere in locale.

Ora sarei negligente qui se non menzionassi il mio plug-in preferito in assoluto per questo, che è Migrate DB Pro. Questo è stato creato da Brad Touesnard e dal suo team di Delicious Brains. E ciò che fa questo plug-in, in realtà è un plug-in di distribuzione all'ingrosso. Quindi prenderà i tuoi file, il tuo database, ti permetterà di ottenere una granularità reale su quali tavoli vuoi spostare, e poi li spingerà nel tuo ambiente live. Ora, poiché è uno strumento straordinario, lo fa: dovresti estrarre il portafoglio per usarlo. Ma è un enorme risparmio di tempo.

Ma potresti pensare, Carrie, pensavo stessimo parlando di Local. E stiamo parlando di Local. In passato dovevamo eseguire il backup, esaminare ciò che era coinvolto nel processo di migrazione e quindi avere alcune idee su come eseguire la migrazione di un sito. Ora WP Migrate DB Pro è fantastico. Ma quando si tratta di Local, ottieni anche quell'ambiente di sviluppo locale. Ma aspetta, c'è di più. Ottieni qualcosa chiamato Local Connect e Magic Sync, che è quella capacità di eseguire una distribuzione one-push dal tuo locale per vivere. E in realtà ti permette anche di andare nella direzione opposta, se vuoi tirare. Ma ci stiamo concentrando sulla distribuzione per questo.

L'unico intoppo nell'andare d'accordo è che Local Connect funziona con due host web, Flywheel e WP Engine. Ora so che molti di voi che guardano questo potrebbero già avere quegli account. È fantastico. Se non lo fai, non temere mai, ci sono un paio di modi gratuiti per provarli.

Quindi Flywheel, potresti creare un nuovo sito demo, farlo girare, usarlo per giocare con Local Connect. E poi, allo stesso modo, con WP Engine, puoi creare un account del programma partner gratuito fornito con un sito che puoi connettere con Local.

OK. Siete tutti pronti per una demo? Ho sentito un clamoroso sì. Quindi andrò avanti con la demo. Certo, cosa potrebbe andare storto?

[Ridacchia]

OK. Quindi, quando si tratta del processo di distribuzione, devi disporre di un sito in cui eseguire la distribuzione. Quindi eccomi qui nell'area del mio account WP Engine. Sto creando un sito locale e dico che questo è un ambiente di staging. E andremo avanti e lo aggiungeremo. Ora tornando a Local, per prima cosa devo connettere Local al mio host, in questo caso WP Engine.

Sto per accedere e mi dà alcuni collegamenti lì. Vado a visitare questo link in alto. Questo mi riporta al mio account WP Engine e lì posso generare le mie credenziali. Quindi questo mi dà un nome utente e una password API. Lasciami andare avanti e copiarlo, andare su Local, incollarlo e fare lo stesso per la password. E ora siamo in procinto di connetterci a WP Engine. E quello che vedi qui è un elenco di tutti i siti che ho ospitato su WP Engine che sono ora disponibili per me e Local. E nota che posso trascinarli direttamente in Local. Ma, ancora una volta, stiamo parlando dell'altra direzione qui.

OK, quindi sei con me finora? Abbiamo creato un sito sul nostro host a cui invieremo il nostro sito locale e abbiamo anche collegato lo strumento locale a WP Engine. Va bene, andiamo avanti. Ora è il momento di dare un'occhiata al sito che ho sviluppato localmente ed è dannatamente noioso, ma voglio solo che tu veda di cosa si tratta in modo da avere un contesto per quando lo inviamo a monte.

Quindi, per prima cosa collegherò questo particolare sito a WP Engine. E poi con un solo clic, boop. Dirà solo a quale sito vuoi inviarlo e selezionerò quel sito dimostrativo locale che ho appena creato. E puoi anche passare direttamente alla messa in scena, alla produzione o allo sviluppo. E ora in questo caso, sto mettendo in scena. E puoi facoltativamente includere se desideri o meno inviare il database. Ecco un consiglio professionale. Quando sviluppo localmente, a volte divento davvero pigro e uso nomi utente e password terribili. Ricorda, quando lo invii a un server live, vuoi essere sicuro di utilizzare un nome utente e una password sicuri, anche se non è il tuo ambiente di produzione.

OK. Quindi abbiamo iniziato il processo di spinta. Ciò comporta il caricamento dei file. Abbiamo parlato di spostare i file

E poi andremo a caricare quel database, poiché abbiamo selezionato il database nelle nostre opzioni. Deve essere stato in un grande database.

[RISATA]

Ora sta facendo quella ricerca e sostituzione dell'URL che abbiamo menzionato, e sta controllando il prefisso della tabella del database per assicurarsi che sia una corrispondenza tra locale e live. Quindi, attraverso quel processo di distribuzione, posso persino vedere nella parte inferiore dello schermo quanto tempo è passato dalla mia ultima distribuzione. Quindi torniamo al mio account WP Engine. Vado ad aprire quel sito che ho appena spinto. E se lo visitiamo, lì puoi vedere che è il sito che avevamo appena localizzato. Ancora una volta, non è niente di super speciale, ma è così. E solo per mostrarti la situazione dell'URL, puoi vedere che è stato aggiornato all'URL live. Quindi piuttosto bello.

Va bene. Ancora con me? Ricapitolando, finora abbiamo preso un sito live o, scusatemi, un sito locale che abbiamo sviluppato localmente. Abbiamo creato un sito sul server di destinazione. Ci siamo collegati in locale al nostro account WP Engine e abbiamo anche collegato il sito specifico a WP Engine. E poi, voilà, con la semplice pressione di un pulsante, fa tutto. Sta sostituendo gli URL. Sta rompendo la cache. Sta anche eseguendo backup durante il processo nel caso in cui qualcosa vada di traverso. Quindi la distribuzione con locale è– è così ridicolmente facile. La prima volta che l'ho visto, sono stato venduto.

Ora, nel caso tu non sia adeguatamente impressionato, spero che tu lo sia. Ma nel caso non lo fossi, ora voglio presentarti qualcosa chiamato MagicSync. Ora MagicSync è un visualizzatore in cui ottieni una sorta di finestra a due riquadri in cui puoi vedere quali sono i file sul tuo sito locale e confrontarli con i file sul sito di destinazione ed essere molto specifico su quali file vuoi distribuire. Diamo un'occhiata.

OK. Quindi eccomi di nuovo in Local. E se vado su Preferenze locali, c'è un pulsante che posso attivare per MagicSync. E accendilo, e vai avanti e fai domanda. OK, ora devo creare o aggiungere qualcosa al mio sito locale esistente in modo da poterti mostrare come funziona MagicSync. E lo farò aggiungendo un tema alla mia installazione locale di WordPress. E andremo solo con il 2021.

Non importa. Ancora una volta, ti mostro solo un esempio di come funziona. Quindi non c'è bisogno di attivare. Quindi, tornando a Local, farò di nuovo clic su Push. E questa volta noterai: woo, eccola, quella finestra di MagicSync. E se scorriamo verso il basso, eccolo, quel tema del 2021. Possiamo vedere che è presente nella directory del file localmente e che se dovessimo spingerlo verrebbe aggiunto a quell'ambiente remoto.

Possiamo anche vedere le cose che verranno cancellate se lo dovessimo inviare e ciò significa che il file esiste sia localmente che remoto. Quindi, con MagicSync, puoi essere davvero granulare, ancora una volta, su quali file vuoi inviare. Ora non devi usare MagicSync. Potresti semplicemente fare una spinta all'ingrosso di tutto, che è un modo per farlo. Ci vuole solo un po' più di tempo rispetto all'utilizzo di MagicSync per inviare solo i file specificati.

Quindi torniamo a WP Engine. Diamo un'occhiata al sito live. E se vado ai temi, lì posso vederlo. Quel tema del 2021 c'è. È così fico. OK, ecco come funziona MagicSync in poche parole. Quindi, ancora una volta, puoi utilizzare MagicSync come parte del processo di distribuzione o semplicemente attenersi a Local Push e funziona, anche questo funziona magnificamente. Quindi spero che ti sia piaciuto vedere quanto sia facile farlo.

Ora, se riscontri problemi mentre stai facendo qualcosa di tutto questo, Local ha un forum di supporto della comunità davvero fantastico. E sono super attivi. Quindi, se fai domande, otterrai risposte lì dentro. E grida a Clay Griffith, che in realtà è il creatore originale di Local. Ed è anche– lo vedrai anche nei forum.

Ora, se sei un cliente pagante di WP Engine o Flywheel, ricevi effettivamente un supporto dedicato per Local and Local Connect, il che è davvero fantastico. Ed entrambi questi host, lo so per esperienza, hanno fantastici team di supporto.

OK, allora ricapitoliamo. Quando si tratta di migrazioni, qual è la prima opzione? Giusto, SFTP o cPanel insieme a un database manuale, Migrazione. Quindi lo esporterai e poi dovrai importarlo. Quindi questo sarebbe il modo più manuale per eseguire una distribuzione. Successivamente, abbiamo i plug-in di migrazione e poi alcuni aiutanti del database che fanno cose come quella ricerca e sostituzione sull'URL, cose che possono controllare i prefissi delle tabelle del nostro database WordPress.

Quindi è migliore, molto migliorato rispetto al vecchio modello SFTP, ma non è ancora al 100% un clic di un pulsante. Il che, ovviamente, lascia l'ultimo, Local Connect e MagicSync per portare i tuoi file e il tuo database sul server e scommetto che puoi dire qual è il mio strumento preferito.

Quindi, se vuoi andare avanti e iniziare, mi piacerebbe invitarti a scaricare Local da localwp.com se non l'hai già fatto e Local Connect è una funzionalità totalmente gratuita da utilizzare. Tieni presente che funziona solo con Flywheel o WP Engine. E ci sono un paio di modi per provare uno di questi host, solo per giocare con Connect e farsi un'idea di come va.

Va bene. Quindi, con questo, vorrei ringraziarvi per il vostro tempo e la vostra attenzione, e vi auguro molti felici schieramenti.