Wróć do bloga
Tutorial2 min czytania

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.

Pasujący skrypt

Gotowe na twój serwer, aktualizacje w zestawie.

Gotowy, aby zacząć?

Kup skrypty w naszym sklepie lub dołącz do Discorda, aby uzyskać wsparcie, aktualizacje i sprawdzić nadchodzące nowości.