Lovable-аас Mythex рүү шилжих арга (код, өгөгдөл, домэйн)

Lovable-аас Mythex рүү шилжихийн тулд кодоо Lovable-ийн GitHub интеграцаар гаргаж, дараа нь репозиторио холбох эсвэл архив импортлож Mythex төсөлд оруулаад, нууцуудаа дахин оруулж, нийтлэхээсээ өмнө Preview дээр туршина. Фронтенд ихэвчлэн ямар ч өөрчлөлтгүйгээр шилждэг. Жинхэнэ шийдвэрүүд нь backend-ийн тухай: одоо байгаа Supabase төслөө хадгалах уу, эсвэл өгөгдлөө өөр газар зөөх үү.

Энэ гарын авлага шилжилтийг дарааллаар нь туулж, хэрэгтэй хэсгүүдээ нуулгүйгээр тайлбарлана.

Эхлэхээсээ өмнө: юу шилжих вэ

Lovable апп хэд хэдэн зүйлээс бүрддэг бөгөөд тус бүр өөр өөрөөр шилжинэ.

Энэ хүснэгтийг эхлээд өөрийн аппдаа зориулж бич. Арав минут, гэхдээ ихэнх гэнэтийн зүйлсээс сэргийлнэ.

1-р алхам: Кодоо Lovable-аас гаргах

Lovable-ийн баримт бичиг (2026 оны 9-р сарын байдлаар) гарах хоёр арга заасан:

• GitHub синк. Lovable таны төслийг GitHub-тай экспортлож, хоёр талаас нь синк хийж чадна, мөн тэдний баримт github.com-ийг бүх төлөвлөгөөнд дэмждэг гэж заасан. Lovable-д GitHub холбоход таны код өөрийн эзэмшдэг репозиторид бууна. Lovable нэг удаад нэг салбарыг синк хийдгийг анхаараарай.
• Кодын санг татах. Lovable-ийн төлбөртэй төлөвлөгөөнд та Project settings → Git-ээс кодыг шууд татаж авч болно.

Шилжилтэд GitHub илүү сайн зам: бүрэн түүхтэй, шинэ тохиргоог туршиж байхдаа синкээ үргэлжлүүлж болно. Одоогийн алхмуудыг Lovable-ийн GitHub интеграцийн баримт хэсгээс үзээрэй.

Lovable-аас гарахын өмнө репозиторио нээж дараахыг хай:

• Апп хүлээж буй орчны хувьсагчдыг жагсаасан .env эсвэл .env.example файл
• Өгөгдлийн сангийн миграци болон Edge Function кодыг агуулж магадгүй supabase/ фолдер
• Аппыг хэрхэн бүтээж, ажиллуулдгийг харуулах package.json скриптүүд

2-р алхам: Backend-ийн талаар шийд

Энэ бол хамгийн чухал шийдвэр. Lovable аппууд ихэвчлэн өгөгдлийн сан болон нэвтрэлтэд Supabase ашигладаг, таны өөрөө холбосон Supabase төслөөр эсвэл Lovable Cloud-аар.

Сонголт A: Өөрийн Supabase төслөө хадгалах

Хэрэв таны апп аль хэдийн өөрийн Supabase төсөлтэйгээ ярьж байгаа бол энэ нь хамгийн энгийн зам. Аппын код ижил Supabase URL болон ижил түлхүүрүүдээр дуудаж үргэлжилнэ, тиймээс таны өгөгдөл, хэрэглэгчид, файлууд яг одоо байгаа газартаа үлдэнэ. Та зөвхөн фронтендээ зөөнө.

Сонголт B: Lovable Cloud-аас гарах

Хэрэв таны апп Lovable Cloud ашигладаг бол Lovable нь More → Cloud → Overview → Advanced settings доор өгөгдлийн сангийн экспорт хийх боломжийг баримтжуулсан. Lovable-ийн баримтын дагуу (2026 оны 9-р сарын байдлаар):

• Экспорт нь бүрэн өгөгдлийн санг, бүтэц болон өгөгдөл хоёрыг, мөн хэрэглэгчийн бүртгэл болон тэдгээрийн нууц үгийн hash-ийг агуулна.
• Энэ нь storage дахь файлууд, Edge Function код, төслийн нууцуудыг агуулахгүй. Нэвтрэх провайдерын тохиргоо бас оруулаагүй.
• Экспорт 15 GB хүртэлх өгөгдлийн санд, файл нь хамгийн ихдээ 5 GB байж, 24 цаг тутамд нэг экспорт хүсэх боломжтой.
• Cloud-оос Supabase руу нэг товшилтоор шилжих арга байхгүй, Cloud backend-ээ зөөх дэмжигдсэн очих газрууд нь managed Supabase эсвэл self-hosted Supabase байна.

Тиймээс практик зам нь ихэвчлэн: экспортыг өөрийн Supabase төсөлд сэргээж, storage bucket, Edge Function, auth тохиргоог тэнд дахин үүсгэж, дараа нь үүнийг Сонголт A гэж үзэх. Дэлгэрэнгүйг Lovable-ийн нарийвчилсан тохиргооны баримт хэсгээс үзээрэй.

Сонголт C: Бүх зүйлийг Mythex-ийн өгөгдлийн сан руу зөөх

Mythex нь төсөлд зориулсан тусгай Postgres өгөгдлийн сан өгч чадна. Өгөгдлөө тийш зөөх боломжтой ч аппын Supabase client library-г ашигласан газар бүрийг дахин бичих шаардлагатай, мөн Mythex-д хэрэглэгчийн нэвтрэлт байхгүй тул тусдаа auth провайдер холбох хэрэгтэй. Энэ нь шилжилт биш, backend-ийн жинхэнэ дахин бүтээлт. Аппаа Supabase-тай Mythex дээр ажиллуулсны дараа, хэрэв шаардлагатай бол, дараа нь хийгээрэй.

3-р алхам: Кодыг Mythex рүү оруулах

Mythex-д шинэ, хоосон төсөл үүсгэ. Дараа нь аль нэгийг нь хийгээрэй:

• Архив импортлох. Project settings → Export → Import into this project руу орж .zip, .tar.gz эсвэл .tgz байршуул. GitHub-ийн Download ZIP товч энд ажилладаг файл өгнө.
• GitHub холбож татах. Project settings-д GitHub холбож, репозиторио холбоод pull хий. GitHub синк нь Pro онцлог.

Import нь төслийн файлуудыг солино, тиймээс хоосон төсөл ашигла. Архивын аливаа .env файлыг импортын үед устгадаг тул нууц мэдээлэл санамсаргүйгээр хамт ирэхгүй. Амжилттай импортын дараа Mythex шинэ чат нээж, агент dependency суулгаж, аппаа хэрхэн ажиллуулахаа олж, Preview-г асаана. Та тэр чатыг бусад чат шиг удирдаж болно. Дэлгэрэнгүйг импортын дараа хэсгээс үзээрэй.

Хэрэв Preview өөрөө асахгүй бол дараахыг хүс:

Энэ төсөл Lovable-аас экспортлогдсон. Энэ бол Supabase ашигладаг React + TypeScript + Tailwind апп. Dependency-үүдийг суулгаад, package.json-оос dev командыг олж, Preview-г ажиллуул. Одоохондоо аппын кодонд хүрч болохгүй.

4-р алхам: Нууцуудаа дахин оруулах

Project settings → Secrets руу орж аппд хэрэгтэй утга бүрийг нэм. Supabase-д суурилсан апп-д ихэвчлэн энэ нь Supabase төслийн URL болон нийтийн (anon эсвэл publishable) түлхүүр. Нэрсийг .env.example-с эсвэл кодыг уншдаг газраас нь ав.

Хоёр дүрэм:

• Фронтенд хувьсагчид зөвхөн нийтийн түлхүүрүүдийг агуулах ёстой. Vite аппд VITE_-ээр эхэлсэн аливаа зүйл хэрэглэгч бүрийн татдаг JavaScript дотор суулгагддаг.
• Supabase-ийн service role түлхүүрийг хэзээ ч фронтенд кодонд бүү хий. Серверийн функцэд хэрэгтэй бол серверт үлдэнэ.

Дараа нь агентаас аппд уншигдаж буй хувьсагчдыг баталгаажуулахыг хүс:

Энэ аппын уншдаг орчны хувьсагчдыг жагсаа. Төслийн нууцад тохируулаагүй аливааг нь дурдаж, утгыг нь хэвлэхгүй.

Нийтийн болон хувийн утгын ялгааг орчны хувьсагч ба нууцууд гарын авлага тайлбарласан.

5-р алхам: Юу ч сольхоосоо өмнө туршина

Lovable аппынх чинь хаалттай биш, тиймээс яарах хэрэггүй. Mythex-ийн хувилбарыг Preview дээр жинхэнэ урсгалуудаар туршиж үз:

• Бүртгүүлэх, нэвтрэх, гарах, нууц үгээ сэргээх
• Бичлэг үүсгэх, засах, устгах
• Файл байршуулах, хэрэв таны апп ийм зүйл хийдэг бол
• Edge Function эсвэл гуравдагч талын API дуудсан бүх зүйл

Supabase auth-д анзаарахад амархан нэг тохиргоо бий: нэвтрэлт болон нууц үг сэргээх имэйлд зөвшөөрөгдсөн redirect URL-ууд. Mythex-ийн preview болон нийтлэгдсэн хаягуудаа тэнд нэм, эс бөгөөс нэвтрэлт хуучин домэйн рүү буцаж очно.

Mythex-ийн /test команд нь агентад таны preview-г хэрэглэгч шиг дарааллаар дарж, эвдэрсэн урсгалуудыг мэдээлүүлдэг. Нийтлэхээсээ өмнө аппаа туршиж үзэх нь гарын авлага илүү дэлгэрэнгүй хяналтын хуудас өгдөг.

6-р алхам: Нийтлэх ба домэйнээ зөөх

Бүх зүйл ажилласны дараа ажлын талбараас нийтэлж <slug>.mythex.app хаяг авна. Нийтлэгдсэн апп нь таны төслийн тусдаа агшин зураг тул тэнд дахин туршина.

Pro дээр та өөрийн домэйнээ холбож болно. Домэйн провайдер дээрээ DNS бичлэгүүдийг шинэчил, шинэ хаягаа Supabase-ийн зөвшөөрөгдсөн redirect URL-д нэм, дараа нь л Lovable хувилбараа унтраа. DNS-ийг алхам алхмаар custom домэйн холбох гарын авлага тайлбарласан.

Түгээмэл алдаанууд

• Өгөгдлийн сан болон фронтендийг нэгэн зэрэг зөөх. Эхлээд фронтендээ зөөж, одоо байгаа backend дээр ажилладагийг батал, дараа нь өгөгдлийн талаар шийд.
• Edge Function-ийг мартах. Хэрэв апп Supabase Edge Functions дуудаж байвал тэд Supabase дээр үлдэх эсвэл серверийн код болгон дахин бичигдэх ёстой. Тэд Vite фронтенд дотор ажилладаггүй.
• Service role түлхүүрийг фронтенд рүү наах. Devtools нээсэн хэн бүхэнд өгөгдлийн санд бүрэн эрх өгдөг.
• Auth redirect URL-уудыг орхигдуулах. Нэвтрэлт Preview дээр ажиллаад, жинхэнэ домэйн дээр бүтэлгүйтэнэ.
• Нийтлэгдсэн URL-аа туршихаасаа өмнө DNS сольох. mythex.ai хаягаа эхлээд туршина; DNS өөрчлөлтийг буцаахад цаг шаардана.
• Ажил байгаа төсөлд импортлох. Импорт файлуудыг солино. Шинэ төсөл ашигла.

Lovable дээр үлдэх нь утга учиртай үед

Шилжих шалтгаанаа өөртөө чин сэтгэлээсээ хэл. Lovable нь preview дээр заавал дарж засах визуал засварууд болон Lovable Cloud хэлбэрийн бүтээгдэхүүн болсон backend өгдөг бол Mythex-д эдгээр нь байхгүй. Хэрэв та өдөр бүр эдгээрт тулгуурладаг бол шилжих нь олж авахаасаа илүү зардалтай. Mythex нь чатын зэрэгцээ жинхэнэ код засварлагч, терминал, бүтээх болон хостинг хоёрт нэг кредитийн баланс, эсвэл өөр стек ажиллуулах хүсэлтэй бол илүү тохирно. Дэлгэрэнгүй харьцуулалтыг Lovable-ийн альтернатив гарын авлага болон Mythex ба Lovable хуудас харьцуулсан.

Шилжилтийн хяналтын хуудас

• Аппын бүх хэсгийг жагсаасан: код, өгөгдлийн сан, хэрэглэгчид, файлууд, функцүүд, нууцууд, домэйн
• Код өөрийн эзэмшдэг GitHub репозиторид синк хийгдсэн
• Backend-ийн шийдвэр гарсан (Supabase-ээ хадгалах, эсвэл Lovable Cloud-аас экспортлох)
• Код хоосон Mythex төсөлд импортлогдож, Preview ажиллаж байна
• Нууцууд дахин оруулагдсан; VITE_ хувьсагчдад хувийн түлхүүр байхгүй
• Auth redirect URL-ууд шинэ хаягуудад шинэчлэгдсэн
• Бүртгүүлэх, нэвтрэх, гол өгөгдлийн урсгал, байршуулалтыг Preview дээр туршсан
• mythex.ai хаяг дээр нийтэлж, дахин туршсан
• DNS зөөгдсөн; шинэ апп баталгаажсаны дараа л хуучин апп унтраасан

Mythex-ийн талд GitHub, экспорт ба импорт хэсгийг docs-ээс үзээрэй.

Асуултууд