企业官网建设流程全解析

最近花了一些时间，把自己平时用到的一些工具整理成了一个在线工具站：

https://web.fushengtool.com

最开始只是想做几个常用的小工具，比如 JSON 格式化、时间戳转换、Base64、二维码、正则调试、SQL 格式化这些。因为自己平时写前后端、调接口、看日志的时候，经常会来回打开不同的网站，用起来比较散。

后来做着做着，发现这个站可以继续往两个方向扩展：

一个是开发者工具。比如接口调试、格式转换、Token 中转站说明、聊天助手、工作台草稿保存之类的功能。目标不是做一个特别复杂的平台，而是把日常会反复打开的东西放到一个地方。

另一个是 AI 和内容工具。比如 AI 生图、图片处理、短视频素材处理、创作者相关的小工具。这类功能更适合做成“打开就能用”的形式，不需要每次都去翻配置、找入口。

这篇文章简单记录一下这个项目目前的设计思路和实现过程。

一、为什么要做这个站

我自己是做前后端开发的，平时最常用的工具其实不复杂：

• JSON 格式化
• 时间戳转换
• URL / Base64 编解码
• JWT 解码
• 正则调试
• SQL 格式化
• 二维码生成和解析
• Markdown 预览
• 哈希计算
• IP 查询

这些工具网上都有，但问题是入口太分散。有些页面广告比较多，有些工具会把数据传到服务端，有些站过一段时间就打不开了。

所以我一开始的想法很简单：自己做一个干净一点的工具台，能本地处理的尽量在浏览器里处理。涉及账号、积分、AI 能力的，再走后端接口。

二、目前的功能结构

现在站点大概分成几块。

1. 开发工具

这一块主要是程序员日常会用到的东西，比如：

• 时间戳
• JSON 格式化
• 二维码
• 编解码
• 图片 Base64
• UUID
• JWT 解码
• 正则调试
• Cron 说明
• 颜色转换
• 文本对比
• 哈希摘要
• IP 查询
• Markdown 预览
• SQL 格式化

这些工具的特点是使用频率高，但单个功能不一定复杂。重点是页面要快，输入输出要顺手，最好不要有太重的干扰。

2. AI 相关功能

AI 这块目前主要围绕“能直接帮人完成任务”来做，比如 AI 对话、AI 生图、Token 中转站说明等。

我自己的想法是，AI 工具不能只做一个聊天框。很多时候用户真正需要的是一个具体结果，比如生成一张图、处理一段内容、转换一个格式、保存一个草稿、下次继续用。

所以我更倾向于把 AI 能力嵌到具体工具里，而不是单独做成一个很空的入口。

3. 用户工作台

这块主要是为了让工具站不只是“一次性网页”。登录后可以保存一些云端草稿、收藏常用工具，也可以做一些只读分享。

比如用户在 JSON、Markdown、SQL 这类页面里处理了一段内容，下次还想继续看，就不需要自己复制到本地文件里了。

三、技术栈

前端主要是 Next.js，页面以工具型交互为主。很多工具都可以直接在浏览器端完成，避免不必要的数据上传。

后端是 Django，主要负责：

• 用户系统
• 积分和会员
• AI 接口转发
• 工具草稿保存
• 分享链接
• 后台管理
• 一些需要服务端处理的能力

部署上目前是前后端分开构建，后端容器化，前端走独立站点。中间也踩过一些坑，比如数据库迁移、跨域、CDN 回源、HTTPS 配置、缓存策略等。

四、做工具站时踩到的一些坑

1. 工具越多，导航越重要

一开始我只做几个工具，直接放首页就够了。后来工具越来越多，才发现搜索、分类、常用工具、最近使用这些东西很重要。

否则用户找不到工具，功能做了也等于没做。

2. 能本地处理的就不要传服务端

像 JSON 格式化、Base64、JWT 解码、哈希计算这类功能，大部分都可以在浏览器里完成。

这有两个好处：

• 速度快
• 用户更放心

尤其是开发者工具，很多人会粘贴接口返回、Token、配置片段。如果不是必须上传，最好就不要上传。

3. AI 功能要考虑成本

AI 生图和大模型接口都不是免费资源。只要开放给用户，就必须考虑：

• 调用成本
• 失败重试
• 积分扣减
• 任务状态
• 滥用限制
• 错误提示

如果只是自己玩，可以简单接一个 API。但如果要给别人用，就要把这些边界处理好。

4. 数据库迁移不能忘

后端只要加字段，部署时就必须跑迁移。代码更新了，数据库结构没更新，很容易出现 500。

这个问题看起来低级，但在个人项目里很常见。后面最好把 migrate 放进部署流程里，至少要在上线前检查一次。

五、后面准备继续做什么

这个站我后面打算继续补几个方向：

• AI 生图流程优化
• 更多开发者工具
• 工作台体验优化
• 常用工具收藏和排序
• 分享页面
• 更完整的积分和会员体系
• 一些适合内容创作者的小工具

我不太想把它做成很重的平台，还是希望保持“打开就能用”的感觉。

六、体验地址

站点地址：
https://web.fushengtool.com

如果你平时也经常用 JSON、时间戳、SQL 格式化、AI 生图这类工具，可以试试看。

也欢迎提建议。这个项目还在持续迭代，很多功能都是边用边改出来的。