Installare PrestaShop in locale

da Amar A. | Set 20, 2022 | PrestaShop | 0 commenti

Guida per installare PrestaShop sul proprio PC

Di seguito passo-passo cercheremo di creare una mini-guida per l’installazione di PrestaShop in locale sul nostro PC, Windows o MAC.

Installare la piattaforma
Modificare i parametri di configurazione
Creazione del DataBase
Installazione di PrestaShop

1. Installare la piattaforma

Per prima cosa andiamo ad installare la nostra piattaforma per ricrear un ambiente in locale simile a quello di cui disporremo se avessi un hostin linux.

A – Quale ambiene scegliere

Per fare questo possiamo utilizzare XAMPP (più indicato per ambiente Windows), MAMPP (più utilizzato su MAC) o EasyPHP.

Per i nostri scopi prediligeremo l’ambiente XAMPP attualmente uno dei più utilizzati, piattaforma software specifica che facilita l’installazione e la gestione degli strumenti più comuni per lo sviluppo di applicazioni web.

In particolar modo avremo a disposizione una suite completa con Apache (web server) il programma che gestisce le richieste che arrivano da un qualsiasi client attraverso il protocollo HTTP, MySQL cioè il DBMS, PHP e Perl, linguaggi utili per lo sviluppo di applicazioni web.

B – Identificare la versione corretta di XAMPP in base alla versione di PrestaShop

Nel suo repository XAMPP mette a disposizione svariate versioni, per identificare la versione corretta da utilizzare dovremmo andare ad analizzare i prerequisiti del nostro CMS così da identificare la versione corretta da installare.

Nel caso di PrestaShop, la seguente tabella mostra i vari prerequisiti necessari per il suo funzionamento:

	PHP Version ( RV= versione raccomandata )
PrestaShop Version	≤ 5.1	5.2	5.3	5.4	5.5	5.6	7.0	7.1	7.2	7.3	7.4	≥ 8.0
1.6.1.x	No	Yes	Yes	Yes	Yes	Yes	Yes	RV	No	No	No	No
1.7.0 ~ 1.7.3	No	No	No	Yes	Yes	Yes	Yes	RV	No	No	No	No
1.7.4	No	No	No	No	No	Yes	Yes	RV	No	No	No	No
1.7.5 ~ 1.7.6	No	No	No	No	No	Yes	Yes	Yes	RV	No	No	No
1.7.7	No	No	No	No	No	No	No	Yes	Yes	RV	No	No
1.7.8	No	No	No	No	No	No	No	Yes	Yes	Yes	RV	No

Per informazioni più dettagliate è possibile far riferimento alla guida ufficiale sui prerequisiti di PrestaShop attualmente alla versione 1.7.x

Per conoscere in dettaglio le specifiche dei vari moduli di XAMPP possiamo riferirci al Blog su Sourceforge, li potremmo identificare tutte la versione dei componenti della versione di XAMPP.

Una volta determinata la versione di cui necessitiamo possiamo scaricarla dal repositori ufficiale :

Ad esempio per PrestaShop v1.7.7.1 possiamo utilizzare la versione di XMPP 7.3.26 windows installer, (6a voce dall’alto) i pacchetti per altri OS non sono molto differenti ma posso esserci alcune varianti, ad esempio per MAC è necessario gestire autorizzazioni a livello di iOS.

C – Installazione di XAMPP

Una volta scaricato, cliccare con il pulsante destro sul file e procedere eseguendolo con diritti di amministratore:
click destro > esegui come amministratore

diritti_di_amministrazione_installazione_xampp

E’ possibile che si riceva un avviso se è attivo ‘UAC (user Access Control) sul nostro PC, possiamo proseguire dandogli l’OK o disattivare/limitare le funzionalità dell’UAC di Windows.

Si riceverà un warning sul fatto che sia sconsigliato installare tale app dentro la directory C:/Program Files/ , è possibile ignorarlo.

Procedere con NEXT nei vari Step del wizard durante l’installazione.

Al momento della scelta dei componenti da installare, lasciare la selezione suggerita, eventuali variazioni all’installazione standard sono consigliate per utenti esperti.

D – Conclusione installazione

Scegliere la directory di installazione (viene consigliata C:xampp, ma è possibile installare differenti versioni in differenti cartelle).
Premere NEXT per continuare il processo di installazione.

La copia dei file potrà richiedere vari minuti a seconda delle performance del vostro PC ed in particolar modo del vostro hard disk.

Ma il processo non è particolarmente lungo basterà avere pazienza solo qualche istante.

Terminato il processo di installazione ci viene notificato che il Windows Firewall ha bloccato alcune features dell Apache HTTP server (si tratta di un messaggio normale), Cliccare su > Allow access per permettere alle features di essere sbloccate.

windows_firewall_autorizzare_sblocco_xampp

A questo punto ci verrà chiesto di far partire il Control Panel, possiamo dare l’ok al’avvio del cPanel.

E – Control Panel di XAMPP

Una volta avviato il Control Panel di XAMPP dobbiamo decidere quali servizi avviare, per le nostre necessità andremo a cliccare START su:

Apache
MySQL

Premendo su Start e su Stop possiamo avviare e bloccare i nostri servizi in base alle necessità, spuntando “Modules Service” i vari serivizi verranno eseguiti al momento dell’avvio di windows.

Cliccando su start per Apache e MySQL potranno capitare ulteriori warning del firewall di windows relativi alla concessione delle autorizzazioni, anche in questo caso dovremmo confermare le eccezzioni.

IMPORTANTE! Apache e MyQL funzionano correttamente quando il loro sfondo diventa verde chiaro, in caso ci appiano messaggi di errori e il servizio non parta bisognerà controllare eventuali porte bloccate, in particolar modo verificare che antivirus, anti-malware o altri servizi installati non blocchino le porte di windows di cui abbiamo bisogno.

NOTE: Per le nostre esigenze non ci servono altri servizi, ma XAMPP mette a disposizione anche FileZilla, Mercury e Tomcat nonché la completa gestione dei protocolli per l’invio e la ricezione delle mail.

2. Modificare i parametri di configurazione

A – modificare l’ambiente di XAMPP

A questo punto il nostro ambiente è pronto per funzionare, PrestaShop non necessita di particolari modifiche ma si può ottimizzarlo, in questo caso dovremmo andare a variare alcuni parametri PHP.ini (gestione del Web Server Apache) e my.ini (gestione del database in MySQL) per rendere l’ambiente ospitale al nostro applicativo.

Se cercassimo di installare PrestaShop senza modificare tali file otterremo una schermata di avvertimento come la seguente.

installazione_prestashop_errore_compatibilita_sistema

Per evitare questo genere di situazioni andiamo a modificare i nostri file di sistema come richiesto dal nostro CMS.

B – editare PHP.INI

Per prima cosa andiamo ad editare il nostro PHP.ini per effettuare le modifiche: Apache > Config > php.ini

Andiamo quindi a modificare o aggiungere i parametri richiesti, cercando la riga sul nostro file e se, non presente, aggiungendola in fondo :

NOTE:

qualora il parametro non sia presente lo andremo ad aggiungere in fondo al file (il “;” è un commento alla riga di comando);
andrò ad aggiungere/modificare delle righe non richieste in fase di installazione ma utili per alcuni temi e addon di cui potremmo aver bisogno per il nostro ambiente di staging.

~~;realpath_cache_size = 4096k~~
realpath_cache_size = 5M
~~upload_max_filesize=40M~~
upload_max_filesize=750M
~~max_execution_time=120~~
max_execution_time = 5000
~~max_input_time=60~~
max_input_time = 5000
~~post_max_size=40M~~
post_max_size=750M

I parametri di seguito nella maggior parte delle versioni di XAMPP potrebbero essere non presenti (talvolta anche quelli già indicati) se mancanti andremo ad aggiungerli :

memory_limit = 1000M
extension=php_intl.dll

B – editare MY.INI

Analogamente a quanto fatto in precedenza andremo ad editare il nostro MY.INIper effettuare le modifiche: Apache > Config > my.ini

In questo caso le modifiche da fare sono :

~~innodb_lock_wait_timeout=50~~
innodb_lock_wait_timeout=600
wait_timeout=600
~~max_allowed_packet=1M~~
max_allowed_packet=64M

Ora non ci resta che attualizzare le modifiche riavviando Apache e MySQL cliccando prima su STOP e poi su START per entrambi.

3. Creazione del DataBase

A questo punto non ci resta che creare il nostro DB e l’utente autorizzato ad utilizzarlo, per far questo andiamo ad aprire il nostro browser e digitiamo localhost oppure localhost/dashboard o 127.0.0.1 (indirizzo IP corrispondente a localhost) sulla barra dell’url:

Possiamo creare unicamente il DataBase ed utilizzare root come utente di amministrazione, ma è preferibile creare un ambiante separato quindi un DB ed un utente specifico autorizzato ad utilizzare l’archivio in esclusiva.

In questa maniera, per chi non ha familiarità, ci impratichiamo ad usare un ambiente simile a quello che troveremo sul cPanel del nostro hosting.

A – creazione Account utente

Andiamo quindi a selezionare la creazione dell’utente, cliccando sulla voce Account utenti:

Quindi clicchiamo su Aggiunta account utente in basso:

B – creazione DB associato all’utente

Scegliamo i nostri parametri che sono:

Nome utente: nome di nostra scelta
Nome host: localhost
Password: una password di nostra scelta

IMPORTANTE! Andremo a scriverci su un blocco note questi dati che ci serviranno successivamente per l’installazione del nostro CMS, e saranno molto importanti in futuro per l’eventuale trasferimento del sito.

A questo punto, per semplicità, andremo a creare un nome utente corrispondente al nome del db, quindi spuntiamo :

Database per account utente: Crea un database con lo stesso nome e concedi tutti i privilegi
Privilegi globali: seleziona tutto

Ci basterà cliccare su ESEGUI, in basso a destra, per terminare la procedura, se tutto è stato fatto correttamente sulla sinistra troveremo il nostro nuovo archivio:

Sarebbe stato possibile creare nome DB e nome utente differenti ed associarli in un secondo step, situazione corretta per motivi funzionali e di sicurezza in un ambiente di hosting online, lavorando in locale, per semplicità, la procedura affrontata risulta più immediata.

4. Installazione di PrestaShop

A questo punto possiamo procedere con l’installazione di PrestaShop andando a scaricarlo dal sito ufficiale: scarica PrestaShop.

Nel casimo avesimo bisogno è possibile andare nel repositori completo con le versioni precedenti del CMS: Versioni precedenti, per ogni versione troveremo il rispettivo changelog e release note per vedere i vari miglioramenti e bug fix.

Effettuato il download ci troveremo con una cartella compressa chiamata: prestashop_[release-scaricata].zip
Andiamo a scompattare tale file così da avere la medesima cartella ma a questo punto non più compressa.

Entrando nella nostra cartella scompressa troveremo un ulteriore file zippato chiamato: prestashop.zip.
Procediamo come prima e scompattiamo anche questo archivio in modo da avere l’elenco completo dei file del nostro open source.

A questo punto copiamo la nostra cartella prestashop non-compressa che sarà nel percorso: {download}/prestashop_[release-scaricata]/prestashop
e la incolliamo all’interno della directory di c:/xampp/htdocs (se xampp è stato installato utilizzando una differente directory il percorso sarà generalmente c:/{cartella_di_xampp}/htdocs/.

NOTE: possiamo avere più versioni dei nostri CMS installati in locale, basterà cambiare il nome della cartella contenente prestashop con un nome di directory che rappresenta il nostro sito internet in locale, ad esempio: c:/xampp/htdocs/easyseopro oppure c:/xampp/htodcs/ecommerce.

percorso_installazione_prestashop_xampp_htdocs

Lanciamo XAMPP, se non era già attivo, così da avere le due icone Apache e MySQL verdi,
qualora non trovaste XAMPP tra le vostre applicazioni, o aveste più versioni installate, potete trovare il pannello di controllo al seguente percorso:c:/{cartella_di_xampp}/htdocs/xampp-control.exe.

Apriamo il nostro browser preferito e digitiamo localhost/prestashop oppure localhost/{nome_cartella_contentente_prestashop}, la cartella che rappresenta il nome del nostro sito internet in locale.

E ci limitiamo a seguire i vari step fino a che non ci vengono richiesti i del nostro negozio.

installazione_prestashop_scelta_della_lingua

installazione_prestashop_accettazione_delle_condizioni

installazione_prestashop_compatibilita_sistema_passata

Arrivati al successivo step ci verrà chiesto di inserire i dati del nostro negozio:

nome del negozio: quello che preferite e che identifica la vostra attività
attività principale: a fini statistici rappresenta il nostro settore commerciale
installazione prodotti dimostrativi: si o no a seconda che desideriamo o meno i dati di esempio
nazione: identifica la nazione principale e la lingua del nostro store
nome: nostro nome o dell’utente amministratore
cognome: nostro cognome o dell’utente amministratore
indirizzo mail: nostra mail o dell’utente amministratore
password: chiave di accesso la nostro store

IMPORTANTE! la mail e la password inserite in questa fase sono quelle dell’utente SuperAmministratore del nostro store in locale, dobbiamo segnarle e ricordarle perché rappresentano le chiavi di accesso al back-end.

Infine ci verranno richieste i dati di accesso al nostro DB:

dati_di_accesso_al_db_installazione_prestashop

Andremo ad inserire i dati precedentemente creati all’interno di XAMPP in PhpMyAdmin che opportunamente ci siamo segnati per non scordarceli.

indirizzo server del database: localhost oppure 127.0.0.1
nome del database: quello creato su PhpMyAdmin (nel mio caso: mycms)
nome di accesso al database: nel nostro caso analogo al nome del database, se diverso va specificato
password: quella indicata su PhpMyAdmin
prefisso delle tabelle: ps_, in realtà su un ambiente online andrebbe modificato per motivi di sicurezza (nel mio caso: esp_)
svuota le tabelle esistenti: spuntato (salvo installazioni particolari)

Per sicurezza clicchiamo su Verifica adesso la connessione al tuo database!, se tutto è stato fatto correttamente cliccando su Successivo PrestaShop andrà a creare e popolare le nostre tabelle e a completare l’installazione ( qualora non sia passata la verifica di connessione dovete rivedere passo passo la procedura ed in particolare la fase di creazione del DB e utente su PhpMyAdmin ).

Perfetto! l’installazione è terminata con successo, ora prima di accedere al nostro store ci mancano due ultimi semplici passaggi.

Quello che ci rimane da fare è l’eliminazione della cartella install all’interno del nostro store in locale, quindi andremo su c:\xampp\htdocs\prestashop oppure, se lo store è stato installato in una cartella differente, c:\xampp\htdocs\{nome_cartella_contentente_prestasop} e all’interno rimuoviamo la directory \install.

Infine, nella medesima posizione, troveremo una directory chiamata \admin: rappresenta il nostro percorso di accesso al back-office, per motivi di sicurezza PrestaShop chiede di modificare il nome di tale cartella.

Dalle ultime versioni, se non rinominiamo tale cartella, lo fa lui per noi al primo accesso localhost/prestashop/admin, dovremmo quindi segnarci il nome della nuova cartella di accesso (come nell’esempio in basso) oppure andremo nella nostra alberatura di directory e identificare il nome assegnato alla directory di amministrazione.

accesso al back-end (dashboard)

Indirizzo back-end: http://localhost/prestashop/admin421sfpqma/
Nel vostro caso sarà: http://localhost/{indirizzo_store}/{nome_asegnato/scelto_cartella}/