Publikowanie

Eksport kodu

Zabierz aplikację ze Setherion jako ZIP albo na GitHub lub GitLab: co zawiera projekt, jak uruchomić go gdzie indziej i które części nadal opierają się na Setherion.

Każda aplikacja to prawdziwy kod React i możesz go zabrać. Ta strona opisuje drogi wyjścia z edytora, to, co dostajesz, jak uruchomić projekt na własnym komputerze lub hostingu oraz co nadal zależy od Setherion po wyjściu.

Wyniesienie kodu jest częścią każdego płatnego planu, Pro i Business. W planie Free możesz czytać kod i go przeszukiwać w edytorze, ale nie możesz go kopiować ani pobierać. Z danymi jest inaczej: można je wyeksportować w każdym planie, jak opisano poniżej.

Drogi wyjścia

SposóbCo dostajeszGdziePlan
Download ZIPProjekt jako plik .zipIkona folderu obok PublishPro i Business
Export to GitHubRepozytorium na twoim koncie GitHubPublish, potem Export to GitHubPro i Business
Export to GitLabRepozytorium na twoim koncie GitLab.comPublish, potem Export to GitLabPro i Business
Native projectCała aplikacja jako projekt na telefon, do zbudowania w Android Studio i XcodePublish, potem Publish to app stores, potem NativePro i Business
Your dataSQL dla twojego własnego Supabase albo CSV jednej kolekcjiManage, potem CloudKażdy plan

Pierwsze cztery czekają, aż aplikacja zostanie zbudowana. Gdy trwa budowanie albo zmiana, albo gdy nic jeszcze nie zbudowano, ich przyciski są szare.

Pobierz ZIP

Poczekaj, aż budowanie się skończy

Ikona folderu jest szara, gdy Setherion pisze albo sprawdza aplikację.

Naciśnij ikonę folderu

Jest po prawej stronie Publish i po najechaniu na nią pokazuje Download ZIP. W planie Free ma koronę i zamiast tego otwiera ofertę zmiany planu.

Rozpakuj go

Plik nosi nazwę aplikacji, na przykład coffee-shop.zip. W środku jest projekt, który działa samodzielnie: zobacz Uruchom go gdzie indziej.

Eksport na GitHub

Otwórz to

Naciśnij Publish, potem Export to GitHub.

Połącz GitHub

Naciśnij Connect with GitHub i zatwierdź. To samo połączenie wykorzystuje Import aplikacji do twoich prywatnych repozytoriów. Jeśli wolisz się nie łączyć, otwórz Use a token instead (PAT) i wklej osobisty token dostępu z zakresem repo. Token, który wkleisz, jest przechowywany tylko w twojej przeglądarce.

Nazwij repozytorium

Wpisz Repository name. Nazwa jest zamieniana na małe litery, a wszystko poza literami, cyframi, kropkami, łącznikami i podkreślnikami staje się łącznikiem.

Wybierz Private repository

Pole jest na początku zaznaczone. Ma znaczenie tylko wtedy, gdy Setherion tworzy repozytorium: repozytorium, które już ma tę nazwę, jest aktualizowane, a jego prywatność zostaje bez zmian.

Naciśnij Export to GitHub

Kilka sekund później okno pokazuje Pushed to GitHub!, a Open repo zabiera cię do repozytorium.

Eksportuj ponownie w dowolnej chwili, żeby zaktualizować repozytorium. Każdy eksport dodaje do domyślnej gałęzi commit o nazwie „Update from Setherion”, na wierzchu istniejącej historii, i zapisuje na nowo każdy plik projektu. Plik zmieniony w repozytorium, który zawiera też projekt, zostaje zastąpiony, więc swoją pracę rób na własnej gałęzi. Plik, którego projekt nie zawiera, zostaje nietknięty.

Gdy Setherion tworzy repozytorium, jego opis jest wypełniany początkiem prośby napisanej dla aplikacji. Pamiętaj o tym, zanim odznaczysz Private repository.

Eksport na GitLab

Działa tak samo jak GitHub.

Otwórz to

Naciśnij Publish, potem Export to GitLab.

Połącz GitLab

Naciśnij Connect with GitLab albo otwórz Use a token instead (PAT) i wklej osobisty token dostępu z zakresem api.

Nazwij je i wyeksportuj

Wybierz Repository name i zdecyduj, czy to Private repository, a potem naciśnij Export to GitLab. Open repo zabiera cię do repozytorium.

Repozytorium powstaje na GitLab.com, pod twoją własną nazwą użytkownika. Jest prywatne, chyba że odznaczysz pole, a istniejące jest aktualizowane, dokładnie tak jak w przypadku GitHub.

W przestrzeni roboczej zespołu eksport na GitHub albo GitLab jest zapisany w dzienniku audytu, razem z repozytorium, do którego trafił.

Co zawiera projekt

ZIP i oba repozytoria zawierają ten sam projekt: własne pliki aplikacji i to, co jest potrzebne wokół nich, żeby ją uruchomić.

PlikCo to jest
src/Sama aplikacja: App.js, ekrany i części w components oraz dane w lib.
src/main.jsxPunkt wejścia, który uruchamia aplikację. Jest dodawany, chyba że aplikacja napisała własny.
index.htmlStrona, w której otwiera się aplikacja. Ma nazwę aplikacji jako tytuł i język jej ekranów.
vite.config.jsUstawienia Vite, narzędzia, które ją uruchamia i buduje. Pozwalają, żeby JSX żył w zwykłych plikach .js, tak właśnie napisana jest aplikacja.
package.jsonPakiety, które aplikacja naprawdę importuje, narzędzia budowania i trzy skrypty: dev, build i preview.
README.mdJak ją uruchomić.
.gitignoreTrzyma node_modules, dist i twoje pliki .env poza Git.
.env.exampleTylko w ZIP: dwie wartości, których potrzebuje aplikacja na twoim własnym Supabase, zapisane jako komentarze do uzupełnienia.
supabase/schema.sqlTabele, które aplikacja przechowuje, jako SQL. Tylko gdy aplikacja zapisuje dane i tylko tabele: wierszy w nim nie ma.
src/lib/setherion.jsMały klient, który rozmawia z backendem aplikacji na Setherion. Tylko gdy aplikacja loguje ludzi, zapisuje dane, wysyła formularze albo wywołuje AI. Zawiera id aplikacji i adres Setherion.

Obrazy nie są kopiowane do projektu. Kod odwołuje się do nich adresem internetowym, więc nadal ładują się stamtąd, gdzie przechowuje je Setherion.

Uruchom go gdzie indziej

Potrzebujesz Node.js, który przynosi ze sobą npm, na komputerze albo hostingu, który będzie uruchamiał aplikację.

Weź projekt

Rozpakuj ZIP albo sklonuj swoje repozytorium.

Zainstaluj to, czego potrzebuje

W terminalu otwórz folder projektu i uruchom npm install.

Uruchom go

npm run dev uruchamia go na twoim własnym komputerze. Vite wypisuje adres do otwarcia, zwykle http://localhost:5173.

Zbuduj go dla hostingu

npm run build zapisuje gotową stronę w folderze o nazwie dist. To pliki statyczne, więc obsłuży je każdy hosting statyczny.

text
npm install
npm run dev
npm run build

Jeśli aplikacja ma więcej niż jedną stronę, ustaw hosting tak, żeby na każdą ścieżkę odpowiadał plikiem index.html. Większość hostingów statycznych nazywa to ustawieniem aplikacji jednostronicowej albo przekierowaniem. Bez tego strona otwarta bezpośrednio, jak /pricing, jest „nie znaleziona” zamiast aplikacji. Na Setherion robi się to za ciebie.

Dla aplikacji na twoim własnym Supabase skopiuj .env.example do .env i uzupełnij VITE_SUPABASE_URL oraz VITE_SUPABASE_ANON_KEY. Obie są publiczne z założenia. Twój hosting potrzebuje tych samych dwóch wartości, gdy buduje stronę.

Co nadal zależy od Setherion

Wyeksportowany kod to kod, który uruchamia twoja opublikowana aplikacja, więc nadal sięga do Setherion po wszystko, za czym stoi serwer. Wiedza, które to części, mówi ci, co zrobić, zanim się przeniesiesz.

Część aplikacjiCo robi eksportCo zrobić
Logowanie i zapisane danesrc/lib/setherion.js zawiera id aplikacji, więc wyeksportowana aplikacja czyta i zapisuje te same konta i rekordy co opublikowana.Zostaw aplikację na Setherion tak długo, jak tego potrzebujesz. Żeby przestać od niej zależeć, przenieś dane na własny Supabase, poniżej.
Formularze, AI, połączone usługi i sekretyPrzechodzą przez ten sam plik. Setherion trzyma klucze, wykonuje wywołanie i liczy każde jako jeden kredyt integracji. Żaden tajny klucz nie jest nigdy zapisany w wyeksportowanym kodzie.Zostaw usługi połączone. Albo zastąp te wywołania własnym kodem serwera i własnymi kluczami.
PłatnościKasa sklepu pyta Setherion, który trzyma twój klucz Stripe i zapisuje zamówienie, gdy Stripe powie, że zostało opłacone.To samo co wyżej: zostaw Stripe połączone z aplikacją albo zbuduj własną kasę na własnym serwerze.
Obrazy i wideoSą podlinkowane adresem internetowym i przechowywane przez Setherion.Pobierz te, których potrzebujesz, zanim usuniesz aplikację. Są usuwane razem z nią.
Twój własny SupabaseAplikacja, która już działa na twoim własnym Supabase, nie używa Setherion do swoich danych.Uzupełnij dwie wartości VITE_, jak wyżej.

Klient wywołuje API Setherion z przeglądarki, a to API przyjmuje wywołania z dowolnego adresu, więc wyeksportowana aplikacja może do niego sięgnąć, gdziekolwiek ją umieścisz. Jeśli usuniesz aplikację, wstrzymasz jej backend albo przekroczysz miesięczny limit integracji, te wywołania przestają działać, tak jak dla opublikowanej aplikacji. Zobacz Ustawienia zaawansowane i Kredyty integracji.

Jeśli twój plan się skończy, konto przechodzi na Free, a z Free nie da się wynieść kodu. Wyeksportuj go wcześniej albo trzymaj plan tak długo, jak potrzebujesz.

Przenieś swoje dane na własny Supabase

Żeby zostawić za sobą backend Setherion, otwórz Manage, potem Cloud, potem Advanced settings i użyj Move this app to your own Supabase. Jest w każdym planie, a wiersze aplikacji może wyeksportować tylko jej właściciel albo administrator.

  • Build the export zapisuje SQL dla twoich tabel i wiersze takie, jakie są teraz: pierwsze 2 000 wierszy każdej kolekcji, z prawdziwymi sumami, żeby było widać, czy któreś zostały obcięte.
  • Uruchamiasz go w swoim projekcie Supabase, przez Run it for me, jeśli konto Supabase jest połączone, albo kopiując go lub pobierając plik .sql.
  • Rewrite the app for my Supabase prosi potem asystenta o zmianę aplikacji tak, żeby używała twojego projektu. Kosztuje kredyty jak każda zmiana i wymaga konektora Supabase.

Trzy rzeczy nie przechodzą: logowania ludzi, bo haseł nie da się przenieść i ludzie zakładają konta od nowa, wgrane obrazy i wideo, które zostają przy Setherion, oraz wiersze ponad 2 000 dla każdej kolekcji. Dla pojedynczej kolekcji Export CSV w sekcji Cloud, potem Database, pobiera do 10 000 najnowszych rekordów. Zobacz Ustawienia zaawansowane i Baza danych.

Projekt na telefon

Native daje ci całą aplikację jako projekt na telefon, w ZIP albo wysłany do repozytorium GitHub. To powyższy projekt z dodaną powłoką Capacitor, do zbudowania w Android Studio oraz w Xcode na Macu, i wymaga Node 22 albo nowszego. Nadal sięga do Setherion w te same sposoby co projekt webowy. Polecenia, id aplikacji i podpisywanie opisuje strona Projekt natywny.

Sprowadź aplikację

Import idzie w drugą stronę: repozytorium albo ZIP z kodem, aplikacja zrobiona w Lovable, Bolt, v0 lub Base44 albo arkusz kalkulacyjny. Import to przebudowa, a nie kopia: Setherion czyta kod, pisze zwykły opis tego, co robi, i na jego podstawie buduje aplikację od nowa. Dotyczy to też repozytorium wyeksportowanego stąd. Kosztuje nową aplikację plus czytanie, a pierwszy import jest darmowy. Zobacz Import aplikacji.

Czy ta strona była pomocna?

Dołącz do społeczności

Pytania, pomysły i to, co budują inni.