大家好，我是湾湾，一个沉迷于 AI 视频的程序员。

最近 AI 表情包很火，但是普通人想做个性化表情包面临两大难题：创意枯竭（想不出好玩的点子）和技术门槛（不会用PS、不会处理格式），我的目标，就是用 AI 技术，为这些人打造一把“瑞士军刀”。

受小林启发：“利用比较优势，跨界把 AI 绘画/ AI 视频和 AI 编程结合起来，另辟蹊径竞争。”，于是制作一个 AI 表情包网站的想法油然而生。

以下是文章的目录结构，让我们直接开始吧~

缘起：从一个想法到一份蓝图

攻坚：官方 API 申请

优化：网站搭建 & 优化功能 & 网站样式交互美化

交付：从作品到产品，成功变现

展望：商业化思考和未来展望

附录：微信表情包的申请流程

效果展示

一、从一个想法到一份蓝图

确定想法之后，马上开干。

首先，明确核心需求：“输入关键词，一键生成符合微信规范的表情包” ，这样子能节省用户很多准备工作。

但是这么简单一句话是完全不够的，还需要对应 AI 生图的 API 调用，输出的格式要求，网站的交互逻辑的主流程需要描述清楚，这样子 cursor 才能更完美地执行。

一）核心思路和技术选型

一开始我想着先利用 HTML + CSS + JS 本地跑一个小 demo，但是只要涉及到付费、用户唯一标识、安全下载、API Key 保护，后端就是必不可少的，且工作量远大于纯前端。

考虑到这次需要调用到即梦 AI 生图的 API，为了保护 API Key 不在前端泄露，和更方便管理 API 调用频率和配额，还是决定将 AI 生图的 API 的调用从前端移到后端，那么这时候问题就来了，到底选择哪个技术栈？

我需要做一个 AI 表情包网站，初步先实现本地的网页，将核心功能实现，且需要后续不断迭代的，你觉得使用什么技术栈比较合适，使用 nextjs 来实现可以吗？因为即梦 API 官方提供了 nodejs 的 SDK，可以直接调用。 另外，我有一个问题，使用 nextjs 框架的话，我可以打包成为静态文件压缩包，发给我朋友，他解压之后一键访问体验嘛？ 核心需求：输入表情包主体描述，16 个关键词描述，调用豆包 API 或者是即梦 AI 根据描述生成一套表情包图，利用前端技术合成微信表情包需要的图片尺寸，并且将字体对应在图片里面展示，此外需要注意以下细节： 1、表情包需要水印展示 4、输入描述需要给文案指引，引导用户书写出稳定的关键词 6、表情包的尺寸需要跟微信表情包平台的尺寸保持一致，这里有多个尺寸，下载时候需要打包成压缩包给到用户，展示时候选择一个合适尺寸展示即可（或者可以后续支持切换多个尺寸给用户看）

为了更好的阅读体验，来飞书看吧：

https://hsrz6vlc68.feishu.cn/docx/LSHydLTbPoa0IlxstDEc2EGMnxd