{"id":683,"date":"2020-07-24T18:02:52","date_gmt":"2020-07-24T16:02:52","guid":{"rendered":"https:\/\/lidiapdiaz.com\/?p=683"},"modified":"2023-06-04T17:16:42","modified_gmt":"2023-06-04T15:16:42","slug":"instalar-prestashop-en-local","status":"publish","type":"post","link":"https:\/\/lidiapdiaz.com\/blog\/instalar-prestashop-en-local\/","title":{"rendered":"C\u00f3mo instalar Prestashop en local con Xampp ou Mampp"},"content":{"rendered":"\n

Na entrada anterior vimos o que era un cms e que tipo de cms exist\u00edan para crear unha tenda en li\u00f1a (podedes acceder \u00e1 entrada aqui<\/a>). Aqu\u00ed \u00edmonos decantar por Prestashop e imos ver como instalar Prestashop en local e as\u00ed poder realiza-las probas necesarias antes de publica-la tenda en internet.<\/p>\n\n\n\n\n\n\n\n

\u00bfQu\u00e9 necesito para instalar Prestashop en local?<\/h3>\n\n\n\n

O primeiro que imos necesitar \u00e9 crear un servidor en local, a forma m\u00e1is sinxela e a trav\u00e9s de Wampp\/Xampp\/Mampp<\/strong>. Este programa incl\u00fae Apache, MySQL e PHP que son necesarios para que o navegador poida ler e carga-la web. Dependendo de qu\u00e9 sistema operativo uses, ter\u00e1s que instalar un ou outro (Wampp para Windows, Mampp para Mac e Xampp vale para calquer sistema operativo, incluso Linux)<\/p>\n\n\n\n

Sen entrar en moito detalle e simplemente botar unha ollada a este servicio poder\u00edamos dicir que se comp\u00f3n da seguinte maneira:<\/p>\n\n\n\n

W\/X\/M<\/strong> A primeira sigla corresponde \u00f3 nome do sistema operativo que uses (Windows, Linux e Mac, o X quere dicir para calquer sistema operativo (pero no meu imac non funcionou e tiven que recorrer \u00f3 mampp) <\/p>\n\n\n\n

A <\/strong>Esta letra \u00e9 a inicial de Apache, isto fai as veces de servidor e xestiona as petici\u00f3ns. Cando fagamos unha b\u00fasqueda de alg\u00fan elemento acceder\u00e1 os nosos ficheiros aloxados en xampp e mostrar\u00e1 o contido correspondente. <\/p>\n\n\n\n

M<\/strong> \u00c9 por MySQL que \u00e9 un sistema que xestiona a base de datos (listas de clientes, productos, im\u00e1xenes, metadatos etc.) creando t\u00e1boas organiza toda a informaci\u00f3n para que sexa mais f\u00e1cil acceder a ela e polo tanto a p\u00e1xina web poida cargar r\u00e1pidamente.<\/p>\n\n\n\n

P<\/strong> Prov\u00e9n por PHP que \u00e9 o linguaxe onde se basa o prestashop (\u00e9 tam\u00e9n outros cms coma WordPress) axuda a que tanto a parte de Apache coma MySQL se poidan comunicar.<\/p>\n\n\n\n

Ademais de un servidor virtual, necesitar\u00e1s o instalador de Prestashop que se pode descargar na propia p\u00e1xina oficial.<\/p>\n\n\n\n

A instalaci\u00f3n paso a paso<\/h3>\n\n\n\n

Tras esta introducci\u00f3n imos \u00f3 gran e monta-la nosa tenda en local, veremos c\u00f3mo instala-lo servidor tanto en windows coma en mac ainda que os pasos son moi semellantes. Comezamos coa instalaci\u00f3n en windows xa que supo\u00f1o ser\u00e1 a m\u00e1is usada.<\/p>\n\n\n\n

Instalaci\u00f3n en Windows<\/h4>\n\n\n\n

Descargamos dende a web<\/a> o programa. \u00d3 termina-la descarga aparecer\u00e1 no noso cartafol de descargas un executable onde lle faremos dobre click para inicia-la instalaci\u00f3n (se pide permisos pulsaremos en permitir acceso)<\/p>\n\n\n

\n
\"Asistente<\/figure><\/div>\n\n\n

Seguiremos os pasos que d\u00e1 o asistente de instalaci\u00f3n<\/p>\n\n\n

\n
\"Comenzando<\/figure><\/div>\n\n\n

Unha vez instalado, facemos dobre click sobre o icono de acceso directo e aparecer\u00e1 un panel de control. Debemos inicia-los servicios de Apache e MySQL (preme no bot\u00f3n [Start] e ver\u00e1s que se remarcan en verde) Pola propia seguridade de windows \u00e9 posible que aparezca algun aviso de seguridade do cortalumes, nese caso indicar\u00edamos permitir acceso<\/p>\n\n\n

\n
\"Panel<\/figure><\/div>\n\n\n

Tras activa-los servicios xa poderemos acceder \u00f3 localhost abrindo o navegador e escribindo na barra de direccions: localhost\/phpmyadmin (ou tamen premendo no bot\u00f3n [config] o p\u00e9 de MySQL)<\/p>\n\n\n

\n
\"Acceso<\/figure><\/div>\n\n\n

Agora que xa temos creado un servidor, o seguinte \u00e9 crea-la base de datos e instala-lo Prestashop na carpeta htdocs<\/strong><\/p>\n\n\n\n

Instalamos Prestashop<\/h4>\n\n\n\n

Previamente descargaremo-lo Prestashop na s\u00faa p\u00e1xina web<\/a> (non \u00e9 necesario rexistro nin escribir email, acepta condici\u00f3ns e preme o bot\u00f3n descargar)<\/p>\n\n\n\n

Localizamo-lo cartafol htdocs<\/em> indo o panel de control do noso servidor local (xampp) e pulsar no bot\u00f3n [explorer], abriranos un directorio onde podemos ve-lo cartafol. Dentro da carpeta htdocs<\/em> pegamo-lo arquivo prestashop.zip que descarg\u00e1ramos antes e o descomprimimos ali, cambia o nome do cartafol polo nome da t\u00faa tenda (p.ex. tendalidia) e xa podes eliminar o arquivo comprimido.<\/p>\n\n\n

\n
\"Abrimos<\/figure><\/div>\n\n\n

Para executa-la instalaci\u00f3n de Prestashop abrimos un navegador e na barra de direcci\u00f3ns escribimos localhost\/nomedatenda (p.ex. localhost\/tendalidia) e comezar\u00e1 a instalaci\u00f3n<\/p>\n\n\n

\n
\"Inicio<\/figure><\/div>\n\n\n

O seguinte paso ser\u00e1 elexi-lo idioma da instalaci\u00f3n e acepta-los termos e condicions como calquer outra instalaci\u00f3n.<\/p>\n\n\n

\n
\"Asistente<\/figure><\/div>\n\n\n

O mais probable \u00e9 que saia alg\u00fan erro antes de finaliza-la instalaci\u00f3n<\/strong>.<\/p>\n\n\n

\n
\"Erros<\/figure><\/div>\n\n\n

Para iso temos que acceder a vent\u00e1 de Xamp e na parte que corresponde a Apache, prememo-lo bot\u00f3n [config] e seleccionamo-lo arquivo php.ini<\/em>. Abrirase o arquivo co bloc de notas.<\/p>\n\n\n

\n
\"Acceso<\/figure><\/div>\n\n\n

No documento podemos pulsar Ctrl+B e busca-lo termo \u201cResource limits\u201d<\/em>, encontrar\u00e9monos 3 opci\u00f3ns que modificaremos desta maneira:<\/p>\n\n\n\n

    \n
  • max_execution_time= 5000<\/li>\n\n\n\n
  • max_input_time= 5000<\/li>\n\n\n\n
  • memory_limit= 1024M

    <\/li>\n<\/ul>\n\n\n
    \n
    \"Edicion<\/figure><\/div>\n\n\n

    Con estos cambios aumentaremos o tempo que pode tardar en carga-las solicitudes e amplia-la memoria xa que o estar en local podemos aproveitar mellor estes recursos.<\/p>\n\n\n\n

    Logo buscaremos o termo \u201cextension=intl\u201d<\/em> e quitaremos o ;<\/strong> que ten no principio (descomentaremos esta li\u00f1a de c\u00f3digo para que se poida executar) depois gardamo-los cambios en arquivo>gardar.<\/p>\n\n\n

    \n
    \"Edicion<\/figure><\/div>\n\n\n
    \n



    \u00a1Non olvides desactivar e activar tanto Apache coma mySQL en Xamp para actualiza-los cambios! <\/strong>

    <\/p>\n<\/div><\/div>\n\n\n\n

    Volvemos \u00f3 navegador onde deixaramos a instalaci\u00f3n de Prestashop e prememo-lo bot\u00f3n [Actualizar] ou [Recargar] e comprobamos que xa non saen esos erros. Se \u00e9 o caso prememos seguinte.<\/p>\n\n\n\n

    Na seguinte pantalla que se titula \u00abInformaci\u00f3n da tenda\u00bb po\u00f1eremos os datos da tenda e os datos de acceso para entrar no backoffice<\/em> (correo e contrasinal)<\/p>\n\n\n\n

    Xa queda pouco, agora imos crea-la base de datos para termina-la instalaci\u00f3n<\/h4>\n\n\n\n

    Para configurar esta parte, debemos ir a base de datos (myphp) pulsando no boton [admin] na parte de MySQL e crear unha nova base de datos.<\/p>\n\n\n

    \n
    \"Como<\/figure><\/div>\n\n\n

    Volvemos a vent\u00e1 do navegador onde deixamos a pantalla de Prestahsop referinte a configuraci\u00f3n da base de datos e o configuraremos da seguinte maneira:<\/p>\n\n\n\n

      \n
    • Direcci\u00f3n do servidor: 127.0.0.1<\/li>\n\n\n\n
    • Nome base de datos: o mesmo nome que lle puxemos en MyPhpadmin (p.ex.: tendalidia)<\/li>\n\n\n\n
    • Usuario: root<\/li>\n\n\n\n
    • Contrasinal: deix\u00e1molo en branco<\/li>\n\n\n\n
    • Prefixo de t\u00e1boas: ps_<\/li>\n<\/ul>\n\n\n
      \n
      \"Configuramos<\/figure><\/div>\n\n\n

      Confirmaremos que a configuraci\u00f3n \u00e9 correcta no bot\u00f3n [Comprobar la conexi\u00f3n de tu base de datos] se todo vai ben, pulsamos en seguinte para finalizar.
      <\/p>\n\n\n\n

      \n
      \"Ollo<\/figure><\/div>\n\n\n


      Como ben nos avisa prestashop, \u00e9 importante elimina-la carpeta de instalaci\u00f3n<\/strong> polo que temos que volver o cartafol htdocs e busca-lo cartafol install e eliminalo (pulsando click dereito do rato>eliminar)<\/p>\n<\/div><\/div>\n\n\n\n


      O paso final e volver a vent\u00e1 de prestashop e pulsar no bot\u00f3n [acceder al backoffice] ali meteremos o correo e contrasinal que indicamos na pantalla \u00abInformaci\u00f3n da tenda\u00bb.<\/p>\n\n\n\n

      Finalmente teremos todo listo para comezar a crear a tenda en local e as\u00ed ter unha copia de desenvolvemento da nosa tenda. Para ver a tenda primeiro teremos que activar dende Xampp Apache e MySQL e despois escribir no navegador localhost\/nomedatenda\/ <\/strong><\/p>\n\n\n\n

      Namentres para accede-lo backoffice, ser\u00e1 a direcci\u00f3n da t\u00faa tenda seguida de \/admin e un c\u00f3digo alfanum\u00e9rico que crea aleatoriamente<\/strong>. Se pola contra queres unha url mais sinxela, s\u00f3 tes que ir o cartafol htdocs<\/em> e busca-la carpeta adminXXXX (os xxx ser\u00e1n n\u00fameros e letras \u00f3 chou como acabamos de dicir) despois renomea-lo cartafol pola terminaci\u00f3n que queiras (p.ex.: psadmin, neste caso acceder\u00e1s o backoffice coa direcci\u00f3n localhost\/nomedatenda\/psadmin)<\/p>\n\n\n\n

      Erros que podes atopar…<\/h4>\n\n\n\n

      No meu caso, a instalaci\u00f3n de Prestashop en local fix\u00e9raa despois de subi-la web a producci\u00f3n (non \u00e9 o aconsellable, pero en fin…) Se este tam\u00e9n \u00e9 o teu caso, debes cambiar a URL na base de datos para que se redireccione correctamente \u00f3 teu servidor local.<\/p>\n\n\n\n

      Para iso, entra na base de datos (localhost\/phpmyadmin) e busca a t\u00e1boa ps_shop_url (se non o atopas aseg\u00farate que revisache t\u00f3dalas p\u00e1xinas):<\/p>\n\n\n

      \n
      \"pantallazo<\/figure><\/div>\n\n\n

      O edita-la t\u00e1boa nos campos domain<\/em> e domain_ssl<\/em> escribe \/localhost\/ (con ambas barras inclinadas) e no apartado physical_uri<\/em> escribe o nome da tenda entre barras inclinadas (no noso exemplo quedar\u00eda \/tendalidia\/). Agora \u00f3 escribir no noso navegador localhost\/tendalidia deber\u00eda funcionar sen problema.<\/p>\n\n\n\n

      Outro erro com\u00fan nunha nova instalaci\u00f3n \u00e9 que o escribires a web saia cun erro 500. Este erro d\u00e1se porque \u00f3 navegador non lle \u00e9 posible accede-lo servidor, se tes este erro proba o seguinte:<\/p>\n\n\n\n

        \n
      • Borra a cach\u00e9 de prestashop:<\/strong> accede \u00f3 directorio de arquivos de xampp, entra na carpeta onde est\u00e1 a t\u00faa tenda, logo vai a carpeta var<\/strong> e dentro dela atopar\u00e1s outra carpeta que se chama cach\u00e9. Abre a carpeta cach\u00e9, atoparas d\u00faas carpetas que se chaman prod e dev que deber\u00e1s eliminar (non te preocupes, cando volvas a acceder prestashop as crear\u00e1 de novo)<\/li>\n\n\n\n
      • Rexenera URLs amigables:<\/strong> se recuperas o acceso \u00f3 backoffice de prestashop accede o men\u00fa par\u00e1metros da tenda > tr\u00e1fico e SEO Al\u00ed, dentro do apartado configuraci\u00f3n de URLs, ver\u00e1s un interruptor para activar\/desactivar urls amigables. Act\u00edvao se non estaba activado e se xa estaba activado, desact\u00edvao e v\u00f3lveo activar para rexenera-las urls (recorda que para que se fagan os cambios deber\u00e1s pulsa-lo bot\u00f3n [guardar] da dereita)<\/li>\n\n\n\n
      • Rexenera o arquivo .htaccess:<\/strong> podr\u00eda ser que de primeiras non se xerase ben este arquivo e quedase sen configurar correctamente, para solucionalo basta con ir a carpeta da nosa tenda (dentro do servidor xampp) e busca-lo arquivo .htaccess. Unha vez localizalo, b\u00f3rrao (prestashop crear\u00e1 outro novo cando volvas a acceder) se te d\u00e1 un chisco de apuro eliminalo podes cambialo de nome (por exemplo engadindo un _old \u00f3 final) e o volver a acceder deber\u00e1s ver un arquivo novo.<\/li>\n\n\n\n
      • Activa o modo debug de Prestashop:<\/strong> se tras estas comprobacions segues co erro 500 ou alg\u00fan outro erro \u00e9 posible que te\u00f1as que buscar m\u00e1is profundamente qu\u00e9 sucede. Para solucionar problemas co modo debug<\/em> hai que ter co\u00f1ecementos avanzados pero tam\u00e9n pode servir como pista para buscar nalg\u00fan foro ou tutorial se algu\u00e9n encontrouse na mesma situacion. Para activalo p\u00f3delo facer de d\u00faas formas: a trav\u00e9s do backoffice de prestashop > par\u00e1metros avanzados > rendimiento (fai scroll<\/em> ata atopa-lo t\u00edtulo modo depuraci\u00f3n, al\u00ed ver\u00e1s un interruptor para activar\/desactiva-lo modo).
        Se o prefires, p\u00f3delo facer no arquivo defines.inc.php aloxado no servidor. Vai a carpeta da tenda, logo abre a carpeta config<\/strong> e al\u00ed ver\u00e1s o arquivo defines.inc.php a partir da li\u00f1a 27 mais ou menos busca este c\u00f3digo:<\/li>\n<\/ul>\n\n\n\n
        if (!defined('PS_MODE_DEV<\/em>')) {\n    define('PS_MODE_DEV<\/em>', false<\/strong>);\n}<\/pre>\n\n\n\n
        cambia o false<\/em> polo true<\/em> e pulsa gardar (arquivo > gardar) recorda volvelo deixar en false<\/em> unha vez que remates para desactiva-lo modo debug<\/em><\/p>\n\n\n\n
        E con isto rematamos a instalaci\u00f3n<\/h4>\n\n\n\n
        Espero que este tutorial f\u00f3se de axuda ou alomenos sirva para dar algunha idea de c\u00f3mo funciona \ud83d\ude05 \ud83d\ude05  Se tes d\u00fabidas ou algunha recomendaci\u00f3n, non olvides deixalo nos comentarios. \u00a1Ata logui\u00f1o!<\/strong><\/p>\n\n\n\n
        <\/p>\n","protected":false},"excerpt":{"rendered":"
        Veremos como instalar Prestashop no ordenador en local e as\u00ed ter un lugar para probas antes de subi-la web a producci\u00f3n.<\/p>\n","protected":false},"author":2,"featured_media":796,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[38],"tags":[40,44,42,41,43],"class_list":["post-683","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-deseno-web","tag-cms","tag-local","tag-localhost","tag-prestashop","tag-xampp"],"_links":{"self":[{"href":"https:\/\/lidiapdiaz.com\/blog\/wp-json\/wp\/v2\/posts\/683","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lidiapdiaz.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/lidiapdiaz.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/lidiapdiaz.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/lidiapdiaz.com\/blog\/wp-json\/wp\/v2\/comments?post=683"}],"version-history":[{"count":158,"href":"https:\/\/lidiapdiaz.com\/blog\/wp-json\/wp\/v2\/posts\/683\/revisions"}],"predecessor-version":[{"id":1217,"href":"https:\/\/lidiapdiaz.com\/blog\/wp-json\/wp\/v2\/posts\/683\/revisions\/1217"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/lidiapdiaz.com\/blog\/wp-json\/wp\/v2\/media\/796"}],"wp:attachment":[{"href":"https:\/\/lidiapdiaz.com\/blog\/wp-json\/wp\/v2\/media?parent=683"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/lidiapdiaz.com\/blog\/wp-json\/wp\/v2\/categories?post=683"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/lidiapdiaz.com\/blog\/wp-json\/wp\/v2\/tags?post=683"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}