Miesięczne archiwum: maj 2022

Prestashop – jak zainstalować sklep Prestashop (v.1.7.8.6)

Doszliśmy w końcu do momentu kiedy możemy zainstalować nasz sklep Prestashop. W chwili powstawania tego artykułu najnowszą wersją Prestashop jest v.1.7.8.6.

Jak zwykle krok po kroku przeprowadzę Cię przez ten proces.

  • Uruchom przeglądarkę internetową.
  • Wprowadź w pole adres: www.prestashop.com i potwierdź Enterem.
Strona główna portalu www.prestashop.com
  • Kliknij w przycisk „Stwórz Twój sklep online”. Wypełnij ten formularz zgodnie z poniższym zrzutem i potwierdź wszystko przyciskiem „Pobierz”.
Prestashop – pobieranie sklepu.
  • Na ekranie pojawi się nowe okno.
  • A następnie powinno się wyświetlić okno dialogowe gdzie należy określić lokalizację gdzie chcesz ściągnąć plik archiwum ze sklepem Prestashop. Ja wybrałem pulpit. W celu potwierdzenia kliknij w przycisk „Zapisz”.
  • Po ściągnięciu pliku, w lokalizacji którą przed chwilą wskazałeś, znajdziesz plik prestashop_*numer wersji*.zip.
  • W lokalizacji C:\xampp\htdocs utwórz nowy katalog dla naszego sklepu. Ja nazwę go „prestashop”.
  • Teraz wróć do pliku który przed chwilką ściągnąłeś. Kliknij dwukrotnie w ikonę pliku, zaznacz wszystkie znajdujące się tam pliki i skopiuj je do tego nowo utworzonego katalogu.
  • Przejdź teraz do przeglądarki i wpis adres: localhost/prestashop, czyli odwołaj się do lokalizacji którą przed chwilą utworzyłeś w katalogu Xampp i do którego skopiowałeś pliki sklepu ściągnięte z Internetu.
  • U mnie niestety wystąpiła pierwsza przeszkoda. Mam zainstalowany najnowszy moduł PHP na moim serwerze czyli (w momencie pisania artykułu) 8.1.6 a prestashop wymaga żeby najwyższa wersja PHP była 7.4.
  • Jeśli taka sytuacja Ci się przytrafi musisz wróć do instalacji serwera XAMPP i zainstalować starszą wersję tego serwera. Jak zainstalować serwer XAMPP znajdziesz tutaj.
  • Jak już przeinstalujesz XAMPP-a na wesję 7.4 to możesz kontynuować instalację.
  • W przeglądarkę wpisz: localhost/prestashop, czyli odwołujesz się do swojego lokalnego XAMPP-a i do katalogu prestashop gdzie masz wrzuconą instalkę sklepu ściąniętą z Internetu. Potwierdź wszystko Enterem. W tym momencie rozpocznie się automatycznie instalacja sklepu.
Prestashop instalacja
  • Na pierwszym widoku potwierdzasz tylko język instalacji i kliknij w Next.
  • Drugi widok to akceptacja umowy licencyjnej. Musisz ją oczywiście zaakceptować (checkbox) ponieważ nie „pójdziesz” z instalacją dalej. Jeśli się zgadzasz z umową kliknij w Next.
Prestashop umowa licencyjna
  • No to mamy kolejny problem. W części wymaganych parametrów nie zostało załadowane rozszerzenie INTL.
  • Przejdź do panela kontrolnego Xampp-a i kliknij w przycisk Config obok modułu Apache (obrazek). Z menu kontekstowego wybierz pozycję PHP (ini.php).
  • Znajdź tekst (Ctrl+F): ;extension=intl . Średnik na początku pełni rolę znacznika który określa komentarz. Jeśli średnik jest na początku linii to znaczy, że ta dana linia jest komentarzem i nie jest brana pod uwagę. Usuń znak średnika, zapisz plik i go zamknij. Zrestartuj usługę Apache (przycisk Stop a po chwili przycisk Start). Przejdź do przeglądarki i wciśnij F5 w celu odświeżenia strony.
  • Instalator powinien Cię przenieść do kolejnego widoku: Informacje dotyczące Twojego sklepu. Tutaj wypełnij ten formularz wg własnych potrzeb. Są tutaj podstawowe dane nt. sklepu.
    !!! UWAGA!!! zapamiętaj hasło które tutaj ustawiasz. Będzie ono potrzebne do zalogowania się do panela administratora.
  • Kolejny widok jest bardzo ważny i musimy tutaj wpisać szereg rzeczy które skonfigurowaliśmy wcześniej:
    Adres serwera bazy danych: zostaje 127.0.0.1 lub wpisz localhost
    Nazwa bazy danych: wpisz tutaj nazwę bazy którą utworzyłeś dla sklepu w momencie tworzenia bazy (artykuł 2 tej serii). Jak pamiętasz ja dałem nazwę „prestashop” więc taką wartość tutaj wpisuję.
    Użytkownik bazy danych: jeśli dawałeś użytkownikowi swoją nazwę, wpisz ją tutaj. Ja nadawałem użytkownikowi nazwę prestauser
    Hasło bazy danych: tutaj wpisz to co ustawiłeś przy tworzeniu użytkownika
    Prefix tabel: jeśli chcesz żeby twoje tabele w bazie miały odpowiedni prefix, czyli taki przedrostek żeby np odznaczyć tabelę sklepu Prestashop to w tym miejscu możesz to ustawić. Ja zostawię domyślą wartość tego pola, czyli: ps_
    Usuń istniejące tabele: tutaj bardzo ostrożnie. Jeśli Twoja baza jest pusta i jest utworzona tylko pod prestę to możesz ten checkbox zostawić zaznaczony. Jeśli Twoja baza zawiera już jakieś tabele a presta ma być tylko dodatkiem odznacz go.
    Jak już wszystko skonfigurowane kliknij „Przetestuj połączenie z bazą danych
    Jeśli wszystko będzie wpisane i skonfigurowane poprawnie na dole powinieneś otrzymać informację, że połączenie z bazą przebiegło poprawnie.
  • Teraz następuje proces tworzenia Twojego sklepu Prestashop (m.in. ustawianie parametrów, tworzenie struktury bazy danych, instalacja modułów, dodatków itd).
  • Po instalacji zobaczysz taki widok
  • !!! WAŻNE !!! Teraz przejdź do katalogu C:\xampp\htdocs\prestashop i usuń lub zmień nazwę katalogowi install. Najlepiej jest go usunąć.
  • W widoku poniżej masz dwa linki:
    Zarządzaj sklepem <- tutaj możesz się zalogować do panela administratora
    Odkryj swój sklep <- tutaj otworzysz swój sklep w przeglądarce.
  • No to kliknij w link: zarządzaj sklepem. Wprowadź adres e-mail i hasło które wprowadzałeś przy wpisywaniu danych dot. sklepu.
  • Po poprawnym wpisaniu danych powinieneś się znaleźć w panelu administratora.
  • Jak klikniesz w link: odkryj swój sklep zostanie uruchomiana kolejna zakładka w przeglądarce i zobaczysz swój nowiutki sklep Prestashop.

OK. To tyle na razie. Myślę, że i tak dużo wiedzy przyjąłeś. Wiesz jak zainstalować serwer XAMPP, jak utworzyć bazę danych i użytkownika który będzie się z nią komunikował a co najważniejsze potrafisz zainstalować sklep Prestashop co było naszym podstawowym celem 🙂

Serdecznie zapraszam Cię do kolejnych wpisów na stronie Anonco.PL

Prestashop – tworzymy użytkownika do komunikacji z bazą danych.

Ostatnio prezentowałem Wam jak utworzyć bazę danych pod nasz sklep. Dzisiaj zajmiemy się tworzeniem użytkownika który będzie wykorzystywany do komunikacji z bazą danych sklepu.

No to do dzieła 🙂

  • Uruchom serwer XAMPP
    Możesz zrobić na kilka sposobów.
    (1) np. ze skrótu na pulpicie, jeśli taki mamy.
    (2) kliknij w ikonę „Start” i przewijając listę zainstalowanych aplikacji odnajdź pozycję dot. serwera XAMPP
    (3) Wpisz słówko XAMPP w pole na dolnym pasku „Wpisz tu wyszukiwane słowa”.
  • W panelu kontrolnym uruchom moduł Apache i MySQL.
Xampp \ Panel kontrolny \ Uruchomione moduły Apache i MySQL.
  • Uruchom przeglądarkę internetową.
  • W pole adres przeglądarki wpisz: localhost/phpmyadmin
Xampp \ PhpMyAdmin \ Widok główny
  • Na liście po lewej stronie kliknij w nazwę bazy danych przeznaczonej pod sklep Prestashop. W moim przypadku będzie to nazwa „presta” bo taką nazwę wybrałem przy tworzeniu bazy. W górnej części widać w jakim kontekście się aktualnie znajdujemy: Serwer: 127.0.0.1 >> Baza danych: presta.
    Serwer: 127.0.0.1 oznacza „localhost”, czyli serwer lokalny na naszym komputerze.
Xampp \ PhpMyAdmin \ Widok: baza danych
  • Kliknij na przycisk „Uprawnienia” na górnej belce (poniżej widok po kliknięciu). Następnie kliknij w link „Dodaj konto użytkownika” (na dole, poniżej listy wszystkich użytkowników).
  • Teraz przeszedłeś do widoku „Dodaj konto użytkownika” gdzie będziesz musiał wpisać wszystkie dane dot. tworzonego użytkownika.
  • Wypełnij pola wg obrazka poniżej.

gdzie:
Nazwa użytkownika, to wymyślona przez Ciebie nazwa dla użytkownika.
Nazwa hosta, to wskazanie na lokalny serwer, czyli: localhost
Hasło/Powtórz, to oczywiście wymyślone przez Ciebie hasło dla użytkownika. Ja wpisałem po prostu: presta.

  • Jeszcze pozostała nam druga, dolna część okna. Zjedź suwakiem po prawej tak żeby dolna część okna była widoczna. Obok nazwy sekcji „Globalne uprawnienia” jest checkbox o nazwie „Zaznacz wszystko” Ponieważ tworzysz użytkownika globalnego do komunikacji z bazą zaznacz tą opcję. To czy można odznaczyć jakąś opcję a Prestashop będzie działał to już temat na inny całkiem osobny wpis. Dla naszych celów pokazowych, czyli instalacji sklepu Prestashop, najlepiej zaznaczyć właśnie tą opcję. Po jej zaznaczeniu wszystkie poniższe opcje się zaznaczą. Wszytko potwierdź klikając na przycisk „Wykonaj”.
Xampp \ PhpMyAdmin \ Tworzenie użytkownika \ Globalne uprawnienia
  • Po zatwierdzeniu otrzymasz informację, że użytkownik został dodany, jakim zapytaniem SQL, i wszystkie informacje nt. dodanych uprawnień dla danego użytkownika do wskazanej bazy.
  • Jeśli chodzi o tworzenie naszego użytkownika to już koniec.

W tym momencie (po tych trzech początkowych lekcjach) mamy już:

  • zainstalowany serwer XAMPP
  • utworzoną bazę danych
  • utworzonego użytkownika do komunikacji z bazą danych

Przyszedł więc czas na instalację sklepu Prestashop, czym zajmiemy się w kolejnym odcinku na który już teraz Cię zapraszam.

<< Wróć do kategorii Prestashop

Prestashop – tworzymy bazę danych pod nasz sklep.

W poprzednim wpisie instalowaliśmy serwer XAMPP, czyli już mamy miejsce gdzie będzie „stał” nasz sklep. Potrzebujemy jeszcze utworzyć bazę danych i użytkownika dla tej bazy na potrzeby naszego sklepu.

No to teraz krok po kroku przedstawię Wam jak utworzyć bazę danych na tym serwerze.

  • Uruchom serwer XAMPP.
    To oczywiście możemy zrobić na kilka sposobów.
    (1) np. ze skrótu na pulpicie, jeśli taki mamy.
    (2) kliknij w ikonę „Start” i przewijając listę zainstalowanych aplikacji odnajdź pozycję dot. serwera XAMPP
    (3) Wpisz słówko XAMPP w pole na dolnym pasku „Wpisz tu wyszukiwane słowa”.
    Ważne żeby serwer był uruchomiony 🙂
  • Na głównym panelu XAMPP-a uruchom Apacha i MySQL.
Panel Xampp-a. Uruchomiony moduł Apache i MySQL.
  • Uruchom przeglądarkę internetową i w pole adres wpis: localhost/phpmyadmin
Xampp moduł PhpMyAdmin
  • Kliknij na przycisk „Bazy danych” na górnym pasku.
  • W części „Utwórz bazę danych” w pierwsze pole wprowadź nazwę Twojej bazy (ja wybrałem nazwę „presta”) a w kolejnym wybierz stronę kodową twojej bazy. Ja proponuję „utf8_general_ci”. Wszystko potwierdź przyciskiem „Utwórz”.
Xampp \ PhpMyAdmin \ Tworzenie bazy danych
  • Nasza baza danych powinna się pojawić na liście po lewej stronie.
  • W tym momencie mamy już utworzoną bazę pod nasz sklep. Nie będziemy tworzyć teraz żadnych tabel i wrzucać do nich danych, bo zrobi to za nas instalator sklepu Prestashop w momencie instalacji sklepu.

W kolejnym wpisie zajmiemy się utworzeniem użytkownika którym będziemy łączyć się do naszej bazy.

<< Wróć do kategorii Prestashop

Prestashop – przygotowanie serwera XAMPP.

Tym wpisem rozpoczynam serię artykułów dotyczących instalacji i konfiguracji darmowego sklepu internetowego Prestashop. Jeszcze przed instalacją sklepu musimy przygotować miejsce gdzie będziemy go instalowali i przygotować wszystkie niezbędne elementy wymagane przy instalacji czyli: bazę danych, użytkownika itp.

No to zaczynamy!

Wiadomo, że pliki naszego sklepu fizycznie muszą się gdzieś znajdować. My w naszym przykładzie posłużymy się lokalnym darmowym serwerem o nazwie XAMPP. Taki lokalny serwer może spełniać rolę takiego serwera developerskiego i dopiero po przetestowaniu pewnych rozwiązań „wrzucać” sklep na „produkcję”. Przez „produkcję” rozumiem serwer gdzie udostępniasz już sklep klientom. Ja zalecałbym jeszcze na „produkcyjnym” hostingu utworzyć sobie dodatkowy developerski katalog, żeby jeszcze przed podmianą sklepu w „produkcyjnym” katalogu móc go uruchomić i zobaczyć czy wszystko działa poprawnie.

Dlaczego taki skomplikowany system?

Otóż na szybko możesz testować sklep na serwerze lokalnym. Wtedy nie musisz mieć nawet dostępu do Internetu. Robisz coś lokalnie, testujesz i dopiero po pozytywnych testach wrzucasz na produkcyjny serwer.

A dlaczego jeszcze dodatkowy katalog developerski na „produkcji”?

Twój serwer lokalny i produkcyjny może się różnić różnymi ustawieniami, dlatego przed udostępnieniem sklepu klientowi zawsze warto go uruchomić na produkcyjnym serwerze ale jeszcze nie dla klienta.

Zaufajcie mi. Wiem z doświadczenia, że różne rzeczy mogą zdarzyć się po drodze i czasami skracanie sobie drogi nie popłaca i dużo później kosztuje. Jeśli tylko czasu to pół biedy 🙂

OK. No to teraz dwa podstawowe pytania.

  1. Skąd wziąć tego XAMPP-a?
  2. Jak go zainstalować na moim komputerze?

Ad.1. Skąd wziąć serwer XAMPP?

download xampp sekcja xampp for windows
  • I TUTAJ WAŻNA INFORMACJA. Wersja Prestashop 1.7.8.6 (czyli najnowasza w momencie pisania tego artykułu) wymaga, żeby wersja PHP zainstalowana na serwerze gdzie będziemy umieszczać sklep Prestashop nie była wyższa niż 7.4. Czyli w naszym przypadku musimy wybrać pozycję.
  • Jeśli tego nie zrobisz i zainstalujesz najnowszą wersję XAMPP-a z najnowszym PHP v.8.1.6 przy instalacji sklepu Prestashop otrzymasz taki komunikat.
  • Także wybieramy wersję 7.4.2.9/PHP 7.4.29 i kontynuujemy procedurę 🙂
  • Kolejny krok to wybór lokalizacja do ściągnięcia pliku instalacyjnego. Wskazujesz lokalizację na dysku i klikasz w przycisk Zapisz.
  • Po ściągnięciu pliku wejdź do wskazanej lokalizacji i kliknij dwukrotnie na plik instalatora.
  • Kontrola konta użytkownika to kolejne okno które Ci się pojawi. Tutaj jeśli chcesz kontynuować kliknij na Tak w celu zezwolenia aplikacji na wprowadzania zmian na Twoim urządzeniu.
  • Przy kolejnym oknie otrzymujesz informację o tym że twój antywirus jest aktywny (jeśli go posiadasz na swojej maszynie) i może on spowolnić lub zakłócić proces instalacji. W celu potwierdzenia chęci kontynuacji instalacji klikamy na Yes.
Xampp komunikat o antywirusie.
  • W kolejnym oknie otrzymujemy komunikat, że na naszej maszynie aktywna jest kontrola konta użytkownika (UAC) to nie instaluj XAMPP-a w Program Files ponieważ są tam ograniczone prawa dostępu (zapis) i XAMPP nie będzie działał prawidłowo. Potwierdź komunikat przyciskiem OK.
Xampp komunikat o kontroli kont użytkowników (UAC)
  • Teraz przechodzimy do konfiguracji instalacji. Pierwsze okno jest powitalne. W celu kontynuacji kliknij w Next.
Xampp \ Instalacja \ Okno powitalne.
  • Select Compontnts to kolejne okno gdzie zaznaczamy lub odznaczamy które komponenty chcemy zainstalować. Domyślnie wszystkie opcje są zaznaczone. Jeśli nie chcesz instalować danego komponentu „odklikaj” checkbox przy tej pozycji. Aby przejść dalej kliknij w Next.
Xampp \ Instalacja \ Wybór komponentów
  • Kolejny krok to wskazanie miejsca instalacji XAMPP-a. Domyślnie wskazywana jest lokalizacja C:\xampp. Jeśli chcesz ją zmienić wybierz inny katalog na swoim komputerze. Jeśli chcesz kontynuować kliknij w Next.
Xampp \ Instalacja \ Wybór lokalizacji foldera
  • W oknie Language wybieramy język dla panela kontrolnego. Wszystko potwierdzamy przyciskiem Next.
Xampp \ Instalacja \ Wybór języka
  • W kolejnym kroku kliknij tylko w Next.
  • Ready to Install to okno informujące że instalator jest gotowy do rozpoczęcia procesu instalacji wg kryteriów które przed chwilką określiłeś. W celu rozpoczęcia instalacji XAMPP-a kliknij w Next.
  • Po potwierdzeniu rozpocznie się instalacja XAMPP-a na Twoim komputerze.
  • Po zakończeniu procesu instalacji otrzymamy odpowiedni komunikat. W oknie z tą informacją będzie także pytanie czy chcesz od razu uruchomić Panel Kontrolny XAMPP-a. Zostaw tą opcję zaznaczoną i wszytko potwierdź przyciskiem Finish.
  • Jeśli opcja powyżej była zaznaczona, automatycznie otworzy się okno XAMPP Control Panel.
Xampp \ Control Panel
  • W celu uruchomienia serwera Apache i MySQL kliknij w przyciski Start obok tych pozycji. Po kliknięciu i poprawnym uruchomieniu danego komponentu ich nazwy powinny się podświetlić na zielono.
  • Teraz przejdź do przeglądarki i sprawdź czy nasz serwera działa.
  • Na pierwszy ogień wpisz w pole adresu przeglądarki słowo: localhost i potwierdź enterem. W rezultacie powinieneś zobaczyć taką stronę jak na poniższym zrzucie. Jeśli taką otrzymałeś to znaczy że serwer Apache działa poprawnie.
  • Teraz sprawdź tylko czy działa dodatek PhpMyAdmin gdzie będziesz zarządzał swoimi bazami danych. Wpisz w przeglądarkę: localhost/phpmyadmin. Jeśli otrzymałeś taki widok jak poniżej to znaczy że komponent MySQL także dobrze „wystartował” i możesz w tym miejscu zarządzać swoimi bazami danych.
  • To tyle tym razem. Mamy już zainstalowany serwer XAMPP więc mamy miejsce gdzie będziemy tworzyć bazę danych dla sklepu Prestashop i miejsce gdzie będziemy nasz sklep instalować. Serdecznie zapraszam do kolejnym wpisów z tej serii.

<< Wróć do kategorii Prestashop