Zintegruj Appwrite — serwer Backend o otwartym kodzie źródłowym z React !

💡 Co to jest AppWrite?

Appwrite to serwer zaplecza typu open source dla aplikacji internetowych i mobilnych. Jest podobny do Firebase, AWS Amplify i Supabase pod względem funkcji i interfejsów API, w tym uwierzytelniania (zarządzanie użytkownikami), zarządzania bazami danych, pamięci masowej i funkcji w chmurze.
Jest to samoobsługowe rozwiązanie, które zapewnia programistom zestaw łatwych w użyciu i integruje interfejsy API REST w celu zarządzania ich podstawowymi potrzebami zaplecza.

✨ Niesamowite funkcje!

Może działać w dowolnym systemie operacyjnym, a interfejs użytkownika konsoli zapewnia szeroką gamę usług, z których możesz korzystać w swoim projekcie!

1. Baza danych — przechowuj, wysyłaj zapytania i zarządzaj kontrolą dostępu do dokumentów aplikacji
2. Pamięć masowa — przesyłaj, pobieraj i wyświetlaj podgląd aplikacji oraz plików i multimediów użytkowników
3. Użytkownicy — Uwierzytelniaj, potwierdzaj i zarządzaj użytkownikami za pomocą wielu metod logowania
4. GEO i lokalizacja — Wykryj lokalizację użytkownika, lokalizację i pobierz dane związane z GEO
5. Funkcje — Uruchom kod zaplecza w bezpiecznym i odizolowanym środowisku, aby dostosować swoją aplikację
6. Konsola — Śledź wykorzystanie backendowego interfejsu API i zarządzaj zasobami projektu z nowoczesnego interfejsu użytkownika
7. Prywatność — posiadanie własnych danych. Łatwa konfiguracja samoobsługowego rozwiązania Appwrite w Twojej infrastrukturze
8. Bezpieczeństwo — Wbudowane kompleksowe zabezpieczenia interfejsu API zaplecza zarówno podczas przesyłania, jak i w spoczynku

• No Cost
  Appwrite jest oprogramowaniem typu open source, więc możemy spodziewać się tutaj wszystkiego za darmo. Inne opcje firm, takich jak Microsoft, Amazon itp., mogą stać się drogie, gdy skalujesz swój produkt. Appwrite ma tutaj górną krawędź.
• Statystyki użytkowania
  Korzystając ze statystyk użytkowania dostarczonych przez AppWrite, możesz łatwo dowiedzieć się, które projekty — zajmują najwięcej miejsca, zużywają więcej czasu procesora, możesz nawet zobaczyć wykorzystanie przepustowości w każdym projekcie z osobna… i wiele innych statystyk.
• Obsługa API
  Ze względu na ilość API, które Appwrite udostępnia użytkownikowi, budowanie projektów jest znacznie łatwiejsze dzięki konieczności wykonania trudnego zadania, jakim jest łączenie serwerów API w pakiet.
• Menedżer zadań
  Używając Appwrite, możesz zaplanować automatyczne wykonanie funkcji przy użyciu składni cron. Ta funkcja może zrobić wszystko, od wysyłania biuletynów e-mail po kupowanie pizzy. Żadnych ograniczeń.
• Wsparcie społeczności
  AppWrite ma świetne wsparcie społeczności, które jest gotowe do pomocy przez cały czas. Jeśli masz jakiekolwiek wątpliwości lub pytania, możesz porozmawiać na ich serwerze discord , a Twoje pytanie zostanie rozwiązane szybciej niż na innych forach.

📩Instalacja

Najłatwiejszym sposobem uruchomienia serwera Appwrite jest uruchomienie naszego narzędzia instalacyjnego Docker z terminala.
Przed uruchomieniem polecenia instalacji upewnij się, że masz zainstalowany interfejs Docker CLI na komputerze hosta.

Dla Uniksa

docker run -it --rm \
    --volume /var/run/docker.sock:/var/run/docker.sock \
    --volume "$(pwd)"/appwrite:/usr/src/code/appwrite:rw \
    --entrypoint="install" \
    appwrite/appwrite:0.11.0

docker run -it --rm ^
    --volume //var/run/docker.sock:/var/run/docker.sock ^
    --volume "%cd%"/appwrite:/usr/src/code/appwrite:rw ^
    --entrypoint="install" ^
    appwrite/appwrite:0.11.0

• Aby uruchomić aplikację Appwrite w systemie Windows z platformą Docker, należy włączyć funkcje Hyper-V i kontenery systemu Windows.
• Jeśli nie masz dostępnych tych funkcji, możesz zainstalować Docker Toolbox, który używa Virtualbox do uruchamiania Appwrite na maszynie wirtualnej.

Po zakończeniu instalacji masz dostęp do konsoli Appwrite. W tym celu musisz otworzyć localhost. Zobaczysz coś podobnego do poniższego obrazu.

Kolejnym krokiem będzie utworzenie konta i zalogowanie się do niego.

Następnym krokiem jest stworzenie bazy danych. Ta baza danych będzie przechowywać dane wszystkich użytkowników, którzy będą się logować do Twojego produktu lub korzystać z zasobów Twojego produktu. Aby utworzyć bazę danych, kliknij przycisk Baza danych .

Ostateczny ekran będzie wyglądał jak poniższy obrazek:

W następnym kroku kliknij Dodaj kolekcję i nadaj swojej kolekcji nazwę. Następnie kliknij przycisk Utwórz , a Twoja kolekcja zostanie utworzona!

Możesz także zarządzać uprawnieniami i konfigurować niektóre role w swojej kolekcji.

Prawie skończyliśmy z aplikacją Appwrite, teraz zanim przejdziemy do React, musimy zanotować kilka ważnych informacji z konsoli Appwrite.

Przejdź do ustawień swojego projektu, klikając przycisk ustawień. Znajdziesz informacje takie jak identyfikator kolekcji, identyfikator projektu i punkt końcowy API. Te rzeczy przydadzą się podczas konfigurowania Reacta.

Teraz skończyliśmy z konfiguracją Appwrite, przejdźmy teraz do React.

🔧 Konfiguracja React

Zainstaluj node i npm w swoim systemie, jeśli jeszcze nie.

Aby zainstalować Node, odwiedź tutaj

Aby zainstalować NPM, odwiedź tutaj

Teraz, gdy masz wszystko zainstalowane. Uruchom następujące polecenie, aby utworzyć aplikację React.

npx create-react-app my-app

Aby zainstalować tę zależność, uruchom następujące polecenie w wierszu polecenia terminala/.

npm i appwrite

Aby zainstalować react-router-domzależność, uruchom następujące polecenie w wierszu polecenia/terminalu.

npm i react-router-dom

Przyjrzyjmy się, jak zainicjować webowy SDK Appwrite

I to prawie wszystko. Po tym momencie wszystko jest podobne do tego, co robimy gdzie indziej.

Appwrite znacznie ułatwia życie i bardzo dobrze służy temu celowi. Nie tylko z React , Appwrite działa z Vue , Angular , Svelte , Flutter , Android , Apple i innymi.

Odwiedź oficjalną stronę Appwrite, aby uzyskać informacje tutaj

Możesz sprawdzić kilka samouczków w ich oficjalnej dokumentacji, gdzie szczegółowo wyjaśnili każdy proces i krok, oficjalna dokumentacja .

Appwrite ma świetne wsparcie społeczności, jeśli masz jakieś pytania, reaguj na serwerze discord ❤ ️

Daj kciuk w górę 👍 , jeśli musisz nauczyć się czegoś nowego! Podziel się swoimi przemyśleniami na temat Appwrite lub swoimi doświadczeniami z Appwrite w sekcji komentarzy 💬