ItemSzop to sklep twojego serwera minecraftowego za darmo! Działa dzięki złożeniu serverless'owych funkcji z hostowaniem statycznych plików. Nie wymaga żadnej instalacji - model SaaS. Serwis jest zrobiony we frameworku Nuxt.js. Uwierzytelnianie użytkowników i zapisywanie konfiguracji sklepów odbywa się za pośrednictwem bazy danych Firebase. Dodatkowo użyty jest framework Vuetify do ładnych stylów strony.
Tu znajduje się link do wersji produkcyjnej na vercelu : https://itemszop.tk
- microsms.pl - api przelew, api sms
- lvlup.pro - api
- hotpay.pl - api
- cashbill.pl - api
- paypal.com
ItemSzop działa jako statyczna strona. Dzięki temu hostowanie sklepu jest praktycznie dostępne za darmo na serwisach takich jak Cloudflare. Jednak wszystkie operacje nie mogą być wykonywane po stronie klienta. W tym momencie można skorzystać z serverlessowych funkcji, które umożliwią nam wykonywanie takich operacji jak np. księgowanie płatności, lub wywoływanie komend na serwerze mc.
| Serverlessowe funkcje | Vercel | Netlify | Cloudflare |
|---|---|---|---|
| Limit wysyłanych requestów | 100k / dzień | 125k / miesiąc | 100k / dzień |
# Instalowanie bibliotek
$ npm install
############ KONFIGURACJA DEWELOPERA ############
# używając po prostu nuxta
$ npm run dev
# używając netlify (szybciej się reloadują serverlessowe funkcje)
$ netlify dev
############ KONFIGURACJA PRODUKCYJNA ############
# Budowanie aplikacji
$ npm run build
# Hostowanie na domyślnym porcie 8080
$ npm start
# Hostowanie na własnym porcie
$ PORT=1234 npm start
Aby uzyskać szczegółowe wyjaśnienie, jak to działa, sprawdź dokumentację.
- Skonfiguruj własną bazę danych firebase (link do dokumentacji).
- Wygeneruj zmienną środowiskową wywołując plik
misc/scripts/env_generator.jsz podmienionymi wartościami z punktu 1. - Są dwie opcje:
- Sklonuj projekt na vercelu / Sklonuj projekt na netlify.
- Zrób forka na githubie i z niego skonfiguruj projekt na vercelu lub na netlify - opcja dla tych, którzy będą chcieli coś zmienić w swoim sklepie.
- Zapisz tą wartość punktu 2 w zmiennej środowiskowej projektu
FIREBASE_CONFIG. - Gotowe!
Jak to działa?
Nowo powstały projekt działa tak samo jak strona główna Itemszopu, ale już łączy się do Twojej własnej bazy i ma swoich własnych użytkowników.
Jeśli chcesz, żeby twój sklep był tylko hostowany w 'roocie' projektu, to wystarczy dodać zmienną środowiskową SINGLE_SHOP o wartości id sklepu.