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ób | Co dostajesz | Gdzie | Plan |
|---|---|---|---|
| Download ZIP | Projekt jako plik .zip | Ikona folderu obok Publish | Pro i Business |
| Export to GitHub | Repozytorium na twoim koncie GitHub | Publish, potem Export to GitHub | Pro i Business |
| Export to GitLab | Repozytorium na twoim koncie GitLab.com | Publish, potem Export to GitLab | Pro i Business |
| Native project | Cała aplikacja jako projekt na telefon, do zbudowania w Android Studio i Xcode | Publish, potem Publish to app stores, potem Native | Pro i Business |
| Your data | SQL dla twojego własnego Supabase albo CSV jednej kolekcji | Manage, potem Cloud | Każ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ć.
| Plik | Co to jest |
|---|---|
src/ | Sama aplikacja: App.js, ekrany i części w components oraz dane w lib. |
src/main.jsx | Punkt wejścia, który uruchamia aplikację. Jest dodawany, chyba że aplikacja napisała własny. |
index.html | Strona, w której otwiera się aplikacja. Ma nazwę aplikacji jako tytuł i język jej ekranów. |
vite.config.js | Ustawienia 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.json | Pakiety, które aplikacja naprawdę importuje, narzędzia budowania i trzy skrypty: dev, build i preview. |
README.md | Jak ją uruchomić. |
.gitignore | Trzyma node_modules, dist i twoje pliki .env poza Git. |
.env.example | Tylko w ZIP: dwie wartości, których potrzebuje aplikacja na twoim własnym Supabase, zapisane jako komentarze do uzupełnienia. |
supabase/schema.sql | Tabele, które aplikacja przechowuje, jako SQL. Tylko gdy aplikacja zapisuje dane i tylko tabele: wierszy w nim nie ma. |
src/lib/setherion.js | Mał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.
npm install
npm run dev
npm run buildJeś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ęść aplikacji | Co robi eksport | Co zrobić |
|---|---|---|
| Logowanie i zapisane dane | src/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 sekrety | Przechodzą 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ści | Kasa 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 wideo | Są podlinkowane adresem internetowym i przechowywane przez Setherion. | Pobierz te, których potrzebujesz, zanim usuniesz aplikację. Są usuwane razem z nią. |
| Twój własny Supabase | Aplikacja, 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?
