Configurazione di un ambiente di sviluppo WordPress

Iniziare lo sviluppo di un nuovo sito Web richiede un'attenta pianificazione. Ad esempio, vorrai decidere come affrontare la fase "in costruzione" del progetto. Probabilmente dovrai proteggere i potenziali visitatori dal vedere il tuo sito web quando è ancora in corso.

È qui che gli ambienti di sviluppo possono tornare utili. Questo tipo di ambiente ti dà un posto dove fare tutto il lavoro di progettazione e programmazione sul tuo nuovo sito, senza che nessuno lo veda accidentalmente. Quindi, puoi pubblicarlo quando è completamente pronto.

In questo articolo, daremo un'occhiata a due diversi tipi di ambienti di sviluppo. Ti mostreremo anche come iniziare con entrambe le opzioni. Se sei pronto, tuffiamoci subito!

Ambienti di sviluppo locali e remoti

Esistono due tipi principali di ambienti di sviluppo che potresti voler esplorare durante la creazione di un sito Web WordPress. Tieni presente che, indipendentemente dal fatto che tu scelga di utilizzare un ambiente locale o remoto per lo sviluppo, entrambi richiederanno tutto il software di cui WordPress ha bisogno per funzionare correttamente. Ciò include, ad esempio, le applicazioni di database e le librerie di codici.

Sviluppare localmente significa che tutti i file dei plugin e dei temi di WordPress verranno archiviati sul tuo computer, insieme ai file core di WordPress. Sarai in grado di visualizzare il tuo lavoro di sviluppo in un browser, proprio come se stessi accedendo a un sito Web su Internet. Tuttavia, i file verranno richiamati dal tuo computer, invece che dal server di hosting del tuo sito.

Un ambiente di sviluppo remoto è essenzialmente la stessa cosa, ma tutti quei file importanti del sito Web verranno archiviati e recuperati da una posizione remota. Ciò significa che dovrai configurare o acquistare spazio di archiviazione. A differenza del normale hosting di siti Web, tuttavia, questa posizione di file remota sarà accessibile solo a te o al tuo team.

Uno dei principali vantaggi dell'utilizzo dello sviluppo locale per WordPress è che non è necessario essere connessi a Internet per lavorare sul tuo sito web. Sebbene lo sviluppo remoto richieda una connessione, tuttavia, è la scelta migliore se desideri l'opzione per accedere al tuo lavoro da qualsiasi computer.

Vantaggi di un ambiente di sviluppo remoto

Come accennato, un ambiente di sviluppo remoto ti consente di accedere ai tuoi progetti da qualsiasi luogo. Non devi nemmeno utilizzare un computer specifico per svolgere il tuo lavoro: tutto ciò di cui hai bisogno è una connessione a Internet e le tue informazioni di accesso.

Inoltre, potresti essere in grado di implementare funzionalità di controllo della versione, a seconda dell'applicazione dell'ambiente remoto che decidi di utilizzare. Ciò significa che è meno probabile che si verifichino problemi durante lo sviluppo con un team.

Come configurare un ambiente di sviluppo remoto

La configurazione di un ambiente di sviluppo remoto può essere un po' più complicata rispetto alla creazione di un ambiente locale. Detto questo, non è affatto fuori portata. Esistono diverse opzioni quando si tratta di ambienti remoti e molte sono dotate di tutti gli strumenti di cui hai bisogno fin da subito.

Passaggio 1: scegliere e configurare un'applicazione di sviluppo remoto

Esistono numerosi strumenti di sviluppo remoto che è possibile utilizzare. Quello che stai cercando è uno spazio di archiviazione virtuale in cui puoi archiviare tutti i file e le applicazioni del tuo sito Web, nonché il software necessario per far funzionare il tuo sito Web. Qui è dove puoi lavorare attraverso ciascuna delle tue fasi di sviluppo, senza portare il sito a uno stato di produzione attivo fino a quando non sei pronto.

Per fare ciò, puoi utilizzare un prodotto come DigitalOcean o Visual Studio.

Questi differiscono in ciò che offrono, ma alla fine svolgono lo stesso compito. Ad esempio, con Visual Studio Code ottieni un sofisticato editor di codice che diventa un ambiente di sviluppo attraverso la tua scelta di estensioni remote.

Puoi anche utilizzare Amazon Elastic Compute Cloud (Amazon EC2) per lo sviluppo remoto.

In alternativa, puoi guardare i nostri ambienti di sviluppo dedicati. Dopo aver selezionato il tuo ambiente virtuale o la soluzione basata su cloud, dovrai assicurarti che sia configurato per supportare lo sviluppo di WordPress.

Passaggio 2: installa tutti gli strumenti e i plug-in necessari

Indipendentemente dall'ambiente di sviluppo remoto che scegli, c'è uno specifico stack di applicazioni di cui avrai bisogno per configurare WordPress. Questi includono:

• Linux . Questo è il sistema operativo (SO) idealmente necessario per eseguire WordPress. Entreremo nello specifico più avanti quando parleremo di ambienti di sviluppo locale, ma basti dire che se i seguenti tre elementi sono presenti, possono funzionare anche con altri sistemi operativi come Mac e Windows.
• Apache . Con un sito Web live, il livello del server Web è il luogo in cui le richieste del browser vengono soddisfatte e restituite agli utenti del tuo sito Web. In un ambiente di sviluppo, anche questo è vero. L'unica differenza è che il tuo server non punta a un dominio live.
• MySQL . MySQL è la soluzione di database più popolare e gratuita. Questo è essenziale per il tuo ambiente di sviluppo WordPress, poiché è dove sono archiviati tutti i dati di cui il tuo sito web ha bisogno.
• PHP . Tutti gli altri elementi nello stack hanno bisogno di una "voce", ed è qui che entra in gioco PHP. Hypertext Preprocessor (PHP) è un linguaggio necessario per il funzionamento di WordPress.

Queste applicazioni sono denominate "stack LAMP" e possono essere aggiunte agli ambienti di sviluppo remoti in diversi modi. Ad esempio, se utilizzi DigitalOcean, lavorerai con Droplets per creare lo stack LAMP per WordPress.

Se utilizzi Amazon EC2, la configurazione per lo sviluppo di WordPress è un po' più manuale, ma può comunque essere eseguita in circa cinque minuti.

Indipendentemente dall'ambiente che scegli, avrai bisogno dello stack LAMP per iniziare lo sviluppo di WordPress. Fortunatamente, molte opzioni di sviluppo remoto vengono fornite con LAMP come opzione di installazione semplice, risparmiando molto tempo e problemi.

Passaggio 3: accedi al tuo ambiente

Il modo più comune per accedere all'ambiente di sviluppo è tramite Secure Shell (SSH). Ecco come puoi connetterti al tuo server da qualsiasi computer e sfruttare l'aspetto "remoto" di questo approccio allo sviluppo di WordPress.

Le specifiche di come ti connetti dipenderanno dal prodotto che scegli. Ad esempio, qui su WP Engine, abbiamo un'opzione SSH Gateway per gli sviluppatori.

Vantaggi di un ambiente di sviluppo locale

Uno dei maggiori vantaggi dell'utilizzo di un ambiente di sviluppo locale è che non è necessario essere connessi a Internet per accedervi. Puoi lavorare sul tuo sito da qualsiasi luogo e non sarai trattenuto da problemi di connettività.

Inoltre, lo sviluppo locale consente di lavorare in un ambiente più sicuro. Sarai in grado di mantenere i tuoi progetti veramente nascosti fino a quando non sarai pronto per andare in diretta.

Configurazione di un ambiente WordPress locale

La configurazione di un ambiente WordPress locale è abbastanza semplice. Esistono diverse applicazioni di sviluppo locale, come Local by Flywheel, che rendono il processo di configurazione incredibilmente semplice.

Tieni presente che lo sviluppo locale per WordPress richiede ancora uno stack LAMP. Tuttavia, alcune soluzioni utilizzeranno invece termini come WAMP o MAMP, poiché sono progettate per l'uso con Windows o Mac OS anziché Linux.

Passaggio 1: scegli e configura la tua applicazione di sviluppo locale

Ci sono diverse eccellenti applicazioni di sviluppo locale tra cui scegliere. Abbiamo già menzionato Local by Flywheel, ma Varying Vagrant Vagrants (VVV) è un altro strumento di sviluppo locale consigliato da WordPress da considerare. Se hai già un piano qui su WP Engine, puoi anche dare un'occhiata a Local per una soluzione di sviluppo locale.

Dopo aver impostato la soluzione scelta, sarai in grado di iniziare lo sviluppo da zero o importare un sito Web esistente su cui lavorare. Ad esempio, con Local by Flywheel, puoi utilizzare un file .zip del tuo sito Web scaricato per iniziare. Se inizi da zero e stai progettando un nuovo sito Web, la maggior parte delle applicazioni locali dispone di soluzioni di installazione con un clic per configurare l'ambiente da utilizzare con WordPress.

Passaggio 2: selezionare un editor di testo

Una volta configurato il tuo ambiente locale, dovrai scegliere un editor di testo. Qui è dove modificherai ed eseguirai il debug del tuo codice WordPress. Queste soluzioni spaziano da semplici applicazioni di testo a interfacce avanzate con strumenti integrati per ottimizzare il flusso di lavoro.

WordPress ha alcuni editor di testo consigliati per lo sviluppo che includono Atom, Sublime Text e PhpStorm. Ci sono anche altre opzioni, quindi ti consigliamo di lavorare con ciò che è più comodo e adatto al tuo flusso di lavoro esistente.

Passaggio 3: scegli un browser Web compatibile con gli sviluppatori

Dal momento che continuerai a visualizzare i tuoi progetti sviluppati localmente in un browser Web, è consigliabile utilizzare un browser orientato agli sviluppatori. Sia Chrome che Firefox sono browser incredibilmente popolari che vengono forniti con utili toolkit per sviluppatori. Questo può aiutarti a eseguire il debug dei problemi più facilmente e ottimizzare il tuo sviluppo web.

Sviluppa qualcosa di straordinario con WP Engine

Lo sviluppo web può assumere molte forme e forme. Che tu stia lavorando con un ambiente locale o remoto, avere a portata di mano le migliori risorse per sviluppatori può aiutarti a semplificare il tuo flusso di lavoro.

Dai un'occhiata ai nostri piani WordPress e alle nostre soluzioni di sviluppo e lascia che ti aiutiamo a creare qualcosa di straordinario!