春节临近，你是否也曾被许久不联系的微信好友突如其来的祝福语弄得不知所措？作为一名 I 人，如何得体又不失真诚地回复，实在是个难题。别担心，有了强大的大语言模型，这个春节，让我们用AI来定制专属祝福语，告别尬聊！

如果你对文章的内容不感兴趣，或者想直接体验这个功能，可以跳转到文末的【阅读原文】进行试用。

想法到实现：一个AI祝福语生成器

我的目标是开发一个简单易用的网页应用，核心功能包括：

• 祝福语生成： 用户点击按钮，即可通过大语言模型生成一段独特的祝福语。
• 文本展示： 将生成的祝福语实时显示在文本框中。
• 复制功能： 提供复制按钮，方便用户快速粘贴使用。

后端方面，我需要一个调用大模型的接口。作为一名算法工程师，这对我来说并不难。我可以选择OpenRouter、SiliconFlow等大模型接口服务商，或者直接使用Deepseek等大模型厂商提供的接口。当然，使用LiteLLM将这些不同的接口聚合起来也是一个不错的选择。

然而，前端页面和服务搭建对我这个算法工程师来说却是个挑战。幸运的是，Bolt.new、Windsurf、Cursor等工具的出现，为我这样的前端小白提供了强大的支持。考虑到项目需要快速开发和部署，提供即时预览和自动化部署功能的云端全栈开发工具Bolt.new无疑是最佳选择。

快速上手：Bolt.new助力初始代码生成

得益于Bolt.new的便捷性，初始代码的生成过程相对顺利。我使用的核心提示词是：

i want to develop a webpage, when user access it, it will generate a sentece token by token, and user can copy the sentence by click the paste icon.

and the sentence is returned by a post request to a openai compatible interface, and the interface will give the result token by token, and the interface will choose different parameter to call post request

i have .env file configured, but still have the error message below:

API endpoint and key must be configured in environment variables

凭借这些提示，最终生成了一个基础效果页面，如下图所示：

不得不说，Bolt.new对于没有前端基础的开发者来说，确实非常友好。

后端部署：摸索与学习

相比前端，后端部署对我来说是个不小的挑战。我主要面临以下问题：

• 如何启动Bolt.new生成的网页？
• 如何解决前端页面调用接口时的跨域问题？
• 如何绑定域名并对外提供服务？

这些问题对于经验丰富的前后端开发者来说可能只是基础知识，但我却花费了大量时间来学习和解决。在这个过程中，我主要借助了以下工具：

• ChatGPT/DeepSeek-R1： 用于咨询专业术语和概念。
• Google搜索： 用于查找特定问题的解决方案。

成果展示：AI祝福语生成器正式上线

经过大约一天的努力，一个简单的新春祝福语生成网页终于诞生了！

虽然目前版本还存在一些问题，例如首次生成语句时可能出现文字丢失或错乱、首次加载时间较长、没有历史记录等，但作为一个练手项目，它已经基本满足了我的需求。

同时如果您想看下具体效果，可以点击文末的【阅读原文】进行体验

总结与展望

大模型的发展极大地降低了应用开发的门槛。但即便如此，领域基础知识仍然非常重要。
大模型更擅长提供具体的思路和解决方案，而扎实的基础知识则能帮助我们更好地理解和运用这些方案