Guida completa all’installazione di un server Web e WordPress su Localhost

Qualsiasi sviluppatore WordPress dovrebbe essere in grado di sviluppare su un server web locale. È un modo rapido e diretto per vedere il tuo codice in azione. In questo post esaminerò l’installazione e la configurazione di un’applicazione server web sul tuo computer (sia Windows che MacOS), incluso come risolvere i problemi che potrebbero verificarsi.

Esistono molte soluzioni per configurare un server web locale, ad esempio utilizzando Docker, Vagrant o una semplice applicazione server web. L’ultimo è sicuramente il più semplice. Questo post esaminerà il processo di configurazione di WampServer per Windows e XAMPP per MacOS. Passa al sistema operativo del tuo computer:

Installazione di WampServer su Windows

L’installazione di un server web per Windows è piuttosto semplice. Si tratta principalmente di seguire la procedura guidata di configurazione, quindi non entrerò nei dettagli qui.

Il primo passo è scaricare l’applicazione del server web. Fare clic sul collegamento per accedere alla pagina Web di WampServer e fare clic su "Download" nel menu.

Hai la possibilità di installare un 64 bit o un 32 bit. La maggior parte dei computer oggi supporta 64 bit, quindi lo sceglierei. Facendo clic sul pulsante di download verrà visualizzato un modulo, ma puoi semplicemente fare clic sul collegamento in alto che dice "puoi scaricarlo direttamente". Questo ti porterà al download vero e proprio.

Dopo aver scaricato il file, fare clic sul file .exe per avviare l’installazione. Segui il processo di configurazione. Tieni presente che la posizione in cui scegli di installare WampServer, è dove dovrai posizionare i tuoi file WordPress e qualsiasi altro progetto di sito Web che potresti voler fare. Se ti chiede il browser predefinito, seleziona il programma del browser (normalmente situato in una sottocartella in C:Program Files (x86)).

Quando l’installazione è terminata e WampServer è avviato, apparirà nel systray di Windows (il lato destro della barra delle applicazioni, vicino all’orologio).

Quando l’icona è verde, WampServer sta eseguendo correttamente il server web. Quando è arancione o rosso, il server è offline. Fare clic sull’icona WampServer nella barra delle applicazioni per configurare e avviare/riavviare/arrestare i servizi.

Per verificare se il server web funziona, apri il browser e vai su http://localhost/. Dovresti vedere la home page di WampServer.

Se hai avviato correttamente il server web, passa direttamente a " Installazione di WordPress "! Se qualcosa è andato storto, dai un’occhiata alla sezione intitolata "Possibili problemi e soluzioni per WampServer" per tentare di risolvere il problema.

Installazione di XAMPP su MacOS X

Configurare un server web e far funzionare correttamente WordPress su un MacOS è sicuramente una sfida. Dopo averlo fatto un paio di volte, ho trovato il processo con il minor numero di passaggi e il miglior risultato.

Vai al sito Web di XAMPP e trova la grande area verde Download. Fare clic su "XAMPP per OS X".

Segui la guida all’installazione e, quando richiesto, trascina l’icona nella cartella Applicazioni. Fare clic su Apri nelle finestre di dialogo che chiedono se si è sicuri di aprire l’applicazione scaricata da Internet. Al termine della configurazione, avviare l’app XAMPP da Launcher.

Quando XAMPP si avvia per la prima volta, dovrai fare clic sul pulsante "Avvia".

Dopo un po’ l’indicatore dovrebbe passare da rosso a verde e dovresti vedere il tuo IP apparire. A questo punto il server web e il server del database sono attivi e funzionanti all’indirizzo IP fornito. Ma vogliamo usare un bel URL localhost invece dell’IP. Fare clic sulla scheda "Rete" e sulla riga "localhost:8080" fare clic sul pulsante Abilita.

Dopo che questa riga diventa verde, apri l’URL http://localhost:8080/ nel tuo browser. Dovresti vedere la pagina di benvenuto di XAMPP. Ciò significa che il server web è attivo e funzionante.

Per accedere alla cartella del progetto web in cui collocherai WordPress e qualsiasi altro file di progetto, devi andare alla scheda Volumi in XAMPP. Fare clic sul pulsante "Monta".

XAMPP ora dovrebbe eseguire correttamente il server Web e il server del database MySQL, pronto per l’installazione di WordPress. Segui i passaggi seguenti per l’installazione di WordPress poiché sono necessari diversi passaggi aggiuntivi per far funzionare correttamente XAMPP.

Installazione di WordPress (sia WampServer che XAMPP)

Vai alla pagina di download di WordPress e fai clic sul pulsante blu di download. Dovrebbe darti un file zip che al momento dell’estrazione creerà una cartella "wordpress" con tutti i file per far funzionare WordPress.

Sposta il file zip scaricato nella wwwcartella (per WampServer) / htdocscartella (per XAMPP). Decomprimi il file zip scaricato. Al termine della decompressione dovresti avere una sottocartella "wordpress" all’interno della cartella del tuo server web. Ciò significa che WordPress sarà accessibile dall’URL http://localhost/wordpress/ (per WampServer) / http://localhost:8080/wordpress/ per (XAMPP). Tuttavia puoi rinominare la cartella se lo desideri.

Il prossimo passo è creare un database per WordPress. Sia WampServer che XAMPP installano automaticamente phpMyAdmin per consentirti di accedere ai database. Per WampServer: fai clic sull’icona WampServer nel systray e fai clic su "phpMyAdmin" o vai all’URL http://localhost/phpmyadmin. Per XAMPP: Accedi a phpMyAdmin andando all’URL http://localhost:8080/phpmyadmin o facendo clic sulla voce di menu "phpMyAdmin" in alto a destra nella pagina di benvenuto di XAMPP su http://localhost:8080. Accedi con nome utente ‘root’ e password vuota (entrambi i server web).

Nella barra laterale a sinistra, fai clic su "Nuovo" per creare un nuovo database. Inserisci il database desiderato (ad esempio "wordpress") e le regole di confronto del database (utf8_general_ciè una buona scelta).

Dopo che il database è stato creato puoi chiudere phpMyAdmin. Il prossimo passo è configurare il file di configurazione di WordPress.

Vai alla tua cartella WordPress. Fai una copia del file wp-config-sample.phpe rinomina la copia in wp-config.php. Apri wp-config.phpe modifica le seguenti righe (supponendo che il nome del tuo database sia ‘ wordpress‘);

• define( 'DB_NAME', 'wordpress' );
• define( 'DB_USER', 'root' );
• define( 'DB_PASSWORD', '' );

Lascia il resto così com’è, salva e chiudi il file.

Nel tuo browser vai a http://localhost/wordpress/ (WampServer) / http://localhost:8080/wordpress/ (XAMPP) – o qualsiasi cartella in cui hai decompresso WordPress. Dovresti essere accolto con la schermata di configurazione di WordPress. Segui i passaggi per configurare l’installazione di WordPress.

Per gli utenti Windows/WampServer ora hai installato con successo WordPress! Se riscontri problemi dai un’occhiata alla sezione " Possibili problemi e soluzioni per WampServer ".

Per gli utenti MaxOS/XAMPP ci sono purtroppo alcuni passaggi aggiuntivi per far funzionare correttamente WordPress: vai al passaggio successivo.

Risolvere i problemi di esecuzione di WordPress su XAMPP

L’installazione di plugin/temi richiede informazioni FTP

Se provi a installare un plugin potresti visualizzare questa finestra di dialogo che chiede le credenziali FTP:

La soluzione che ho trovato che risolve questo problema è la modifica del wp-config.phpfile. Subito dopo la WP_DEBUGdefinizione aggiungi questa riga

define( 'FS_METHOD', 'direct' );

Salva e chiudi il wp-config.phpfile. WordPress non richiederà più informazioni FTP, ma i plug-in non possono ancora essere installati. Molto probabilmente otterrai "Installazione non riuscita. Impossibile creare la directory". Ciò accade a causa di proprietà e autorizzazioni errate per i file e le cartelle.

L’installazione di plugin/temi non riesce con "Impossibile creare la directory"

Per risolvere questo problema, apri Finder, fai clic con il pulsante destro del mouse sulla htdocscartella e fai clic su "Ottieni informazioni". Nella parte inferiore della finestra, fai clic per espandere "Condivisione e autorizzazioni". Fare clic sull’icona del lucchetto e inserire la password di amministratore per ottenere l’accesso per modificare le impostazioni. Su "Tutti" imposta il permesso su "Leggi e scrivi". Quindi fai clic sull’icona a forma di ingranaggio e scegli "Applica agli elementi allegati…". Fare clic su OK nella finestra di dialogo.

Il passaggio finale consiste nel modificare le autorizzazioni su file e cartelle utilizzando chmod. Apri il terminale (comando + barra spaziatrice, digita "terminale" e fai clic su Invio). Al prompt scrivere ” cd” (incluso uno spazio dopo) e quindi trascinare la cartella Finder htdocs nella finestra del terminale e fare clic su Invio. Altrimenti dovrai digitare il percorso completo della cartella htdocs (vedi riquadro grigio sopra). Una volta all’interno della cartella htdocs, digita questo comando e fai clic su Invio:

sudo chmod -R 0777 *

Se ti viene richiesta la password di amministratore, digitala e fai clic su Invio. Il prompt dovrebbe rimanere per un po’ e aggiornarsi improvvisamente a un nuovo prompt al termine.

Aggiorna la tua pagina di amministrazione di WordPress e ora dovresti essere in grado di utilizzare WordPress come al solito!

Possibili problemi e soluzioni per WampServer

L’icona di WampServer in systray è arancione e non diventa mai verde

Prova comunque http://localhost/ in un browser. Se funziona, probabilmente significa che WampServer è configurato con più servizi di quelli necessari. Hai solo bisogno di Apache (server web) e MySQL (database). Ho sperimentato che WampServer per impostazione predefinita tenta anche di avviare MariaDB (un altro servizio di database). Ma poiché non può avviare MariaDB, l’icona rimane arancione, anche se Apache e MySQL sono in esecuzione. In tal caso, rimuovere il servizio MariaDB.

L’host locale non funziona

Purtroppo le ragioni possono essere molte. Inizierei controllando se sia il servizio Apache che MySQL sono in esecuzione. Fare clic sull’icona WampServer nella barra delle applicazioni > Apache > Amministrazione servizi. Se "Avvia/riprendi servizio" è verde e cliccabile significa che Apache non è attualmente in esecuzione.

Se Apache non è in esecuzione, prova a fare clic su "Installa servizio" all’interno dello stesso menu. Dovresti ottenere un prompt dei comandi che mostri che la configurazione di Apache è riuscita, oppure potresti ricevere un messaggio sul motivo per cui non funziona.

Nella maggior parte dei casi non è possibile avviare Apache perché la porta 80 è occupata da qualche altro programma. Controlla se hai installato Skype. Google come configurare Skype per non occupare la porta 80 e riprovare WampServer.

I permalink graziosi non funzionano in WordPress

Permalink personalizzati (graziosi) in WordPress richiedono che il modulo ” rewrite_module” sia installato sul tuo server web. Fare clic sull’icona WampServer nella barra delle applicazioni > Apache > Moduli Apache – e nell’elenco lungo trova e fai clic su ” rewrite_module“. WampServer installerà il modulo e riavvierà automaticamente il server web Apache.

La mia dimensione massima di caricamento nella Libreria multimediale è di soli 2 MB

Per impostazione predefinita, WampServer imposta la dimensione massima di caricamento del file su 2 Mb. Spesso è troppo piccolo per caricare immagini più grandi nella Libreria multimediale. Per risolvere il problema, dobbiamo cambiare il php.inifile di Apache. Fare clic sull’icona WampServer > PHP > php.ini. Dovrebbe aprire il file nel tuo programma di modifica del testo predefinito.

Cerca "upload_max_filesize" e aumenta il valore M (Mb) in qualcosa del genere:

upload_max_filesize = 50M

Consiglio anche di cambiare un’altra cosa. Cerca "post_max_size". Aumenta il valore M (Mb) in modo che la linea assomigli a qualcosa del genere:

post_max_size = 50M

Chiudi il file e riavvia Apache.