Jak tworzyć własne aplikacje do skryptów telefonów w FiveM
Poradnik krok po kroku tworzenia własnych aplikacji dla skryptów telefonu FiveM. Struktura, eventy, integracja UI i realne przykłady dla serwerów roleplay.
Agency Scripts
Założyciel i główny deweloper w Agency Scripts
Agency Phone App Architecture
Agency Phone został zaprojektowany z myślą o rozszerzalności, umożliwiając deweloperom serwera tworzenie własnych aplikacji, które bezproblemowo integrują się z interfejsem telefonu. Każda aplikacja działa jako samodzielny moduł z własnym HTML, CSS i JavaScript, komunikując się z frameworkiem telefonu poprzez przejrzyste API. Ta architektura sprawia, że możesz stworzyć wszystko: od aplikacji wyścigowej, przez zarządzanie nieruchomościami, aż po własny system dispatch, a wszystko to dostępne z poziomu telefonu, którego gracze już potrafią używać.
Konfiguracja struktury aplikacji
Aby stworzyć własną aplikację, zacznij od utworzenia nowego folderu w katalogu apps w Agency Phone. Twoja aplikacja potrzebuje app.json plik manifestu, który definiuje nazwę aplikacji, ikonę, opis i punkt wejścia. Manifest określa również uprawnienia wymagane przez aplikację, takie jak dostęp do kontaktów, powiadomień lub danych GPS. Utwórz główny plik HTML wskazany w manifeście wraz ze wszystkimi plikami CSS i JavaScript, których potrzebuje Twoja aplikacja. Framework telefonu automatycznie wykrywa i rejestruje aplikacje zgodne z tą strukturą.
Korzystanie z App API
Agency Phone udostępnia API JavaScript, którego Twoja aplikacja może używać do interakcji z funkcjami telefonu. Wywołaj AgencyPhone.getContacts() aby uzyskać dostęp do listy kontaktów gracza, AgencyPhone.sendNotification() do wysyłania powiadomień lub AgencyPhone.getPlayerData() aby pobrać aktualne informacje o graczu z frameworka. API oferuje również metody nawigacji do przełączania ekranów aplikacji, storage API do utrwalania danych specyficznych dla aplikacji oraz event hooki do zarządzania cyklem życia, na przykład gdy aplikacja jest otwierana, minimalizowana lub zamykana.
Łączenie z logiką po stronie serwera
Większość własnych aplikacji musi komunikować się ze skryptami po stronie serwera w celu trwałego zapisu danych i bezpiecznych operacji. Użyj systemu callbacków NUI telefonu, aby wysyłać żądania z JavaScript aplikacji do skryptu serwerowego Lua. Zarejestruj swoje handlery po stronie serwera w zasobie towarzyszącym zależnym od Agency Phone, przetwarzaj żądania z odpowiednią walidacją i zwracaj wyniki. Taki podział gwarantuje, że logika aplikacji działa bezpiecznie na serwerze, podczas gdy UI pozostaje responsywne na kliencie.
Stylowanie Twojej aplikacji
Agency Phone udostępnia zmienne CSS i klasy pomocnicze dopasowane do motywu telefonu, dzięki czemu Twoja własna aplikacja może wyglądać spójnie z wbudowanymi aplikacjami. Użyj dostarczonych zmiennych kolorów dla tła, tekstu i akcentów, aby upewnić się, że aplikacja automatycznie dostosowuje się do jasnego i ciemnego motywu. Kontener telefonu obsługuje przewijanie, skalowanie i bezpieczne strefy ekranu, więc skup swój CSS na układzie treści w oknie aplikacji. Przetestuj aplikację na różnych rozmiarach ramek telefonu, aby mieć pewność, że wygląda dobrze we wszystkich rozdzielczościach.
Publikacja i dystrybucja
Gdy Twoja aplikacja będzie gotowa, spakuj ją jako resource standalone zależny od Agency Phone. Dołącz do dokumentacji przejrzyste instrukcje instalacji, opcje konfiguracji i przykładowe zrzuty ekranu. Jeśli planujesz sprzedawać swoją aplikację na Tebex, upewnij się, że spełnia wytyczne dotyczące escrow, i dołącz film demonstracyjny pokazujący działanie aplikacji. Rozważ zaoferowanie bezpłatnej wersji podstawowej z funkcjami premium, aby przyciągnąć więcej właścicieli serwerów i zbudować zaufanie do swoich prac programistycznych przed dokonaniem zakupu.