從0到10000星?：揭秘開源SaaS為何受開發(fā)者喜愛的免費(fèi)啟動套件
在构建应用程序时，我希望从一开始，独特的想法开始，而不是在这些事情上花上几周时间。身份认证、支付系统和用户管理系统是其中的事情。
当然，也有一些付费的第三方解决方案可以快速集成认证、定时任务和邮件发送。也有付费的SaaS解决方案。
但当我查看时，却发现并没有一个功能齐全的开源解决方案快速搭建SaaS的。
所以我决定自己动手做一个。
我很激动地告诉大家，它现在在GitHub上已经获得了超过10,000个星星！
什么是开源SaaS（开放源代码的SaaS）？对于不太熟悉的人来说，Open SaaS 是一个（完全免费和开源的）100% 免费和开源的 SaaS 起始套件，构建在 React、Node.js 和 Prisma 之上，基于 Wasp 全栈框架。
它的任务很简单：
加速并专注于您的SaaS开发进程，通过提供一个开源、功能齐全的基础框架：
- 核心特性包括：
-
开源、功能齐全的基础框架
- 身份验证（如电子邮件、Google、GitHub 等）
- 支付（Stripe 或 Lemon Squeezy 集成）
- 基于 OpenAI API 的示例应用
- AWS S3 文件上传
- 发送电子邮件
- 管理面板
- 更多内置功能
最好的地方在于它不像其他模板那样依赖大量的付费第三方服务，因此你对应用程序有更多的掌控（哦，你还可以把它部署到任何你想要的地方）。
自推出以来，Open SaaS 不仅赢得了众多星标；它还帮助开发者更快地启动无数项目，将想法变成赚钱的生意，有时仅需数天。这就像从想法到盈利的业务，有时仅需数天一样，例如 从想法到 20,000 美元的收入在几天内实现 — Wasp 加速了 Nuloapps 的启动。
(看到人们用它构建的各种应用和业务真是太疯狂了，比如下面这些（没错，它们都是用开源 SaaS 构建的 🤩）。
- SearchCraft.io - 强大的搜索SDK插件
- Prompt Panda - 提示库平台
- Scribeist - SEO优化的人工智能写作服务
除了与它相关的所有酷炫的东西之外，开放 SaaS 的一个有趣副作用是它也成为 Wasp 生态系统 的基石，展示了该框架的强大，并在这个过程中真正让开发者们感到高兴。
大家的支持很重要哦！🙏⭐️
你可以在GitHub上给我们的项目点个赞（访问 https://github.com/wasp-lang/wasp），这会激励我们写更多类似的文章，并帮助我们让Web开发变得更轻松。
于2023年12月推出的Open SaaS一经推出就迅速走红。这种积极的反响超出了我们的预期，这也进一步坚定了我们的信念：开发者确实需要一个高质量的开源SaaS启动套件。
虽然开源SaaS使用了诸如React、NodeJS和Prisma之类的常用工具，并自带一系列内置示例应用，比如OpenAI示例应用、例如AWS S3文件存储等，但它的真正优势在于将所有这些工具粘合在一起的核心工具：Wasp框架的框架。
Wasp 特别，因为它是在现代 web 开发中遇到的唯一全栈框架（full-stack framework），真正处理这些烦人的样板代码（boilerplate code）。
它通过一个中央配置文件和编译器来实现这一点，让开发人员和AI可以用短短几行代码定义出许多全栈特性。
中央神经系统：main.wasp
将 main.wasp 配置文件视为你的应用的大脑。在这里，你可以声明性地定义应用的关键方面。
- 身份验证方法
- 数据库模型（通过 Prisma 集成）
- 前端路由和页面
- API 端点（查询和操作）
- 后台作业
- 发送电子邮件功能
- …等等其他功能。
此配置文件充当您应用程序架构的单一 “事实来源地”，这一概念在我们关于AI辅助工作流的文章中有强调，它使您能够快速轻松地实现各种复杂的web应用程序特性。
下面是一个 main.wasp 文件的快速代码片段。
app 示例应用 {
wasp: { version: "^0.16.3" },
title: "示例应用",
auth: {
userEntity: 用户实体,
methods: {
email: {},
github: {},
},
}
}
route 路由 { path: "/login", to: 目标 登录 }
page 页面 登录 {
component: import { 登录 } from "@src/features/auth/login"
}
route 路由 { path: "/envelopes", to: 目标 信封页面 }
page 页面 信封页面 {
authRequired: 需要认证,
component: import { 信封页面 } from "@src/features/envelopes/EnvelopesPage.tsx"
}
query 查询 获取信封 {
fn: import { 获取信封 } from "@src/features/envelopes/operations.ts",
entities: [Envelope, UserBudgetProfile]
}
action 操作 创建信封 {
fn: import { 创建信封 } from "@src/features/envelopes/operations.ts",
entities: [Envelope, UserBudgetProfile]
}
//...
进入全屏 退出全屏
黄蜂编译器：魔法施展之地
然后，黄蜂编译器就开始工作了。它会分析你的 .wasp 声明以及你自写的 React 和 Node.js 代码，其中你编写特定业务逻辑，并智能生成完整的底层代码。
这包括 ：
- 设置服务器和数据库的连接。
- 确保客户端与服务器之间通信的安全类型。
- 处理复杂的认证流程，并进行会话管理。
- 通过命令如
wasp deploy来简化部署过程。
: （点击图片查看大图）
基于这个开放SaaS，直接减少了基本功能的代码量和复杂性。
换句话说，你可以专注于打造你独一无二的产品，而不是费尽心力地把所有部分拼凑起来。
实现新的身份验证方法、添加后台作业或定义受保护的路径，只需在 main.wasp 文件中添加几行代码。
这就能让开源SaaS应用程序功能齐全且易于维护，最关键的是，易于理解并扩展。
开源SaaS+ AI = 编码超级能力，让代码充满活力
这也说明了开源SaaS特别适合AI辅助的开发。
为什么呢？
由于人工智能辅助开发（或者有些人称之为“氛围编码”）的效果高度依赖于底层代码结构的可读性。
基于黄蜂（Wasp）的开源SaaS的基础使其非常适合用于AI辅助开发，原因有二：
通过黄蜂配置实现清晰架构：main.wasp 文件是完美的“真理之源”。
当AI助手需要理解你的应用结构，比如路径、模型、操作和功能时，所有这些都会在单一的声明文件中清晰地呈现出来。
这使AI更容易理解上下文并从而生成相关且准确的代码。
专注于业务逻辑： 由于 Wasp 编译器专门处理底层基础设施，你和你的 AI 助手就能专注于实现你独特功能。
不用花时间让AI生成或解释认证流程、API设置或数据库连接的标准代码——Wasp会搞定这一切。
这意味着LLMs编写代码的数量大大减少，并且可以将连接栈的不同部分的复杂任务交给Wasp来处理。
真牛
如果你对使用像Cursor这样的开源SaaS和AI辅助开发工具感到好奇，可以看一下这个在YouTube上的3小时的演示教程视频。
在这样的有氛围的编码工作流程中使用AI工具，并基于开源SaaS的坚实基础，创建了一个强大的开发环境，在这种环境中，你和你的LLM小伙伴只需专注于有趣的部分，即你的SaaS应用的业务逻辑。
洛聊SaaS的开源未来GitHub上达到了10,000个星标是一个里程碑，但这还只是个开始。社区成员和我正在努力，让开源SaaS更加强大和灵活。
这里有些东西给你：
- 采用 Shadcn UI 进行全面重设计： 我们正在对 Open SaaS 模板进行重设计，使其更现代化和用户友好，借助 Shadcn UI 的力量。
- 更多可以直接使用的应用程序模板： 例如利用 AI API 的模板（因为现在 GPT 包装器很流行！）。
- 更强大的管理员功能： 将在管理员仪表板中增加更多分析、基于角色的身份验证和自定义选项。
顺便说一下，如果您有任何功能需求，请在Github上创建一个问题或讨论让我们知道。我们很乐意听取您的建议。
无论你是 React 开发者，想要为新功能做贡献，还是想要改进 UI 的设计师，或者是发现了 bug 的人，都不要犹豫！
准备开始您的 SaaS 之旅吗？仅仅短短几个月，Open SaaS 就从一个想法发展成为 GitHub 上最受欢迎的 SaaS 项目之一，帮助开发者减少样板代码，轻松启动 SaaS 应用程序。
(https://github.com/topics/saas)
结合：
- 功能齐全的SaaS启动器
- 简单而强大的Wasp框架
- 活跃且乐于支持的社区
- 适合现代开发流程的AI友好架构
开源SaaS已经不仅仅是一个简单的模板。
如果你想开始构建你的SaaS，第一步就是安装Wasp并获取免费SaaS模板，运行命令如下：
安装Wasp
# 使用curl命令下载并执行安装脚本
curl -sSL https://get.wasp.sh/installer.sh | sh
# 使用wasp命令创建一个新的SAAS项目
wasp new -t saas进入全屏 退出全屏
请查看Open SaaS 文档 📚，那里介绍了你需要知道的所有内容，并附有详细的分步设置教程。
别忘了：
不要忘记：
- ⭐️ 给 GitHub 上的 Open SaaS 点个星以支持这个项目
- ⭐️ 给 GitHub 上的 Wasp 点个星以支持这个框架
- 💬 加入 Wasp Discord 与其他构建者交流交流
共同學(xué)習(xí)，寫下你的評論
評論加載中...
作者其他優(yōu)質(zhì)文章
