logo

价格

用 InsForge + Zeabur 迁移 Lovable 项目

AI 重部署更轻松：MCP、迁移 Supabase、环境变量设置

Kyle ChungKyle Chung

如何在 Zeabur 上使用 Insforge 模板重新部署 Lovable 项目

对于许多编程或并无相关背景的开发者而言，Lovable 无非是一个利用 AI 快速生成网页的绝佳选择。然而，当您需要更进阶的客制化功能、更灵活的部署选项，或是希望将项目移至其他平台时，您可能会开始寻找替代方案。本文将作为您的技术指南，详细介绍如何将您在 Lovable 建立的项目，顺利迁移并部署到 Zeabur 和 Insforge 这两个强大的云端部署平台。

为何要从 Lovable 迁出？

Lovable 以其 AI 驱动的网页生成能力，大幅降低了网页开发的门槛。然而，随着项目的成长，您可能会遇到以下情况，而考虑迁移至其他平台：

  • 更自由的客制化： 当您需要对网站的后端逻辑、数据库串接或特定功能进行深度客制化时，Lovable 的封闭环境可能会有所限制。
  • 成本考量： 随着流量的增长或项目数量的增加，往往收到账单或是达到用量限制后，您可能会寻求更具成本效益的托管方案。
  • 技术栈的选择： 您可能希望将项目整合至更广泛的技术生态系中，例如使用特定的后端框架或数据库。 Zeabur 和 Insforge 提供了更灵活、更强大的部署解决方案，让开发者能完全掌控自己的应用程序。

为何选择 Insforge?

Insforge 是主打 AI Agent 帮助用户降低后端复杂度的平台。他们意识到后端开发长期以来一直是一个半解决的问题。AI 可以毫不费力地生成前端代码，但难以应对后端的复杂性—— 数据库设置、身份验证流程、API 设计都需要深厚的专业知识。Insforge 不但整合了诸多功能，更结合了 MCP。用户依照他们初始化只是设置结束后，就可以使用自然语言与 AI 沟通，减少了开发人员拼凑多个服务依然可以享受DevOps，因此有了 Insforge。

迁移至 Zeabur：一键部署的流畅体验

Zeabur 是一个帮助用户一键部署的平台，对于从 Lovable 迁移的用户相当友好。 以下是将您的 Lovable 项目部署至 Zeabur 的步骤：

第一步：从 Lovable 导出您的项目

这里有两个选择：

选择一：假如您尚未熟悉 Github，可以使用以下方法：

在 Lovable 的项目后台，将您的网站项目导出。一般来说，Lovable 会提供将项目下载为包含 HTML、CSS 和 JavaScript 文件的压缩档。

选择二：假如您熟悉操作 Github ，可以使用以下方法：

Lovable 的项目可以直接与 GitHub 整合。在 Lovable 中，您可以连结您的 GitHub 帐户，然后直接将项目导出并建立一个新的 GitHub Repository。

第三步：进入 Insforge 建立项目并进行 MCP 连结

  1. 注册并登入 Insforge 帐户： 前往 Insforge 官网并建立您的帐户。
  2. 建立新项目： 登入Insforge 后，点击“建立新项目”。
  3. 开启您的 Cursor 或是其他 IDE (程序编辑器)：

    1. (选择一) 解压缩并导入至程序编辑器的步骤：

      1. 解压缩下载的档案：找到从 Lovable 下载的 .zip 压缩档，在您的电脑上对该档案按右键，选择“解压缩”或“Extract”。解压缩后，您会得到一个包含所有项目档案的资料夹。
      2. 安装程序编辑器（如果尚未安装）：建议使用 Cursor 或 Visual Studio Code 等现代化的程序编辑器。您可以从官方网站下载并安装。
      3. 在编辑器中开启项目：开启您的程序编辑器，选择“开启资料夹”(Open Folder) 或“档案”→“开启”(File → Open)，然后选择刚才解压缩的项目资料夹。
      4. 检查项目结构：在编辑器的侧边栏中，您应该能看到项目的档案结构，包括 HTML、CSS、JavaScript 档案以及其他相关资源。
      5. 初始化 Git 版本控制（建议）：在编辑器的终端机中执行 git init 来初始化 Git repository，这样方便后续的版本管理和部署。

      完成这些步骤后，您就可以开始使用 AI 辅助工具（如 Cursor 的 AI 功能）来修改和优化您的项目程式码了。

    2. (选择二) git clone 您在您 Github 中已储存好的 lovable 项目

    3. 进入支援 MCP 开发流程的编辑器并且输入 Insforge 相关 API Key

  4. 设置完成后，接下来就是 Insforge 以及 Zeabur 神奇的开始：
    1. 进入支援 Insforge MCP 的 AI 编辑器，我们先再次确认 Cursor 是否能读取并且使用 Insforge MCP

      Example Prompts: can you see the insforge mcp?

    2. 确认 Lovable 项目是否有 Supabase 迁移 SQL 表格，Lovable 输出程式码的项目都需要重新设置用户验证部分，这部分也可以麻烦 Insforge MCP 处理

      Example Prompts: i have those @migrations from supabase, can you help me create the thing in insforge as well?

    3. Cursor Agent 也协同 Insforge MCP 架构了 Insforge 所有需要的数据库 （PostgreSQL、Storage Bucket 以及 RLS）(Optional)

      Example Prompts: can you help me set up the PostgreSQL database, storage buckets, and RLS policies in InsForge based on my Supabase schema?

    4. 麻烦 Insforge MCP 更新以使用 Insforge SDK。查看现有的 Supabase 配置和使用情况

      Example Prompts: can you replace all Supabase client usage with InsForge SDK? please check my current supabase configuration first.

    5. 麻烦 Insforge MCP 检查当前的 auth 设置，确保 Insforge 的认证功能正确配置

      Example Prompts: can you verify that the authentication is properly configured with InsForge? please check my current auth setup.

    6. 优化查询以使用数据库关联，并验证数据库连接。根据 db schema，关联已正确设置。(Optional)

      Example Prompts: can you optimize my database queries to use proper relations and verify the database connection is working correctly?

第四步：进入 Zeabur 帐户

  1. 进入您 Zeabur 帐户点击 建立项目 并选择地区集群
  2. 进入该项目点击从Github部署 并选择该 Lovable 项目
  3. 点击 配置 并点击 编辑原始环境变量 并贴入 VITE_INSFORGE_BASE_URL=您项目的Insforge Base URL
  4. 点击 下一步
  5. 等待运行项目完成

恭喜你从 Lovable 迁移至 Zeabur 或 Insforge，将为您的项目带来更大的弹性和扩展性。 Zeabur 以其极致简化的部署流程，成为了追求方便、无痛迁移的首选。而 Insforge 则以其对 AI 以及 MCP 和后端服务的强大支援，为您的项目未来发展提供了更广阔的空间。

return Blogs