新大陆物联网技术服务平台

新大陆物联网技术服务平台，是我围绕中职物联网大赛资料做的知识付费落地页。

项目的起点#

这个项目是在中职高二高三阶段规划并开发的。没记错的话我从高一下学期就被叫到实训室备赛。从候选到正式再到真正上场比赛，也感谢郝国良老师把我拉出来去备赛，没有他我很难学到物联网相关技能以及在互联网分享变现，这也让我整个高中阶段有一年半时间都是在实训室度过，很少去上过课。

当时还跟着出去学习过一段时间，这也让我基本掌握了所有大赛开发题的解决办法，后续又在 B 站发了演示视频收获了播放量和一批粉丝。

还没比赛的时候我就已经开始在互联网上分享技术笔记了，反响还不错，需要的人很多，然后就有了这个项目，将整个销售流程串起来，讲我能够提供什么，用户能学到什么，最后付款以及填写邮件地址，付款后自动发送交付知识库邀请链接到对应邮箱里。

当时的域名（已关站）： newlandsvc.tech，资质还是用我爸的观赏鸡养殖的营业执照申请的，起初申请打电话问的时候是说用来做静态宣传页的hhh，后面偷偷部署的这个服务。。

为何做？#

想赚点资料钱，也想把知识库做得正式一点。

知识付费最麻烦的地方不是把资料发出去，而是让用户相信内容真实、购买路径清楚、付款后马上能拿到东西。

传统做法通常发生在聊天窗口里：先解释内容，再发收款码，再人工确认，再发资料。这种方式成本高，体验也不稳定。只要人不在线，交付就会延迟。

这个项目把这些动作前置到页面和系统里：

• 落地页负责建立信任，讲清楚知识库、资料内容和购买方式。
• 收银台负责完成支付。
• 后端负责验签、查单和防重复交付。
• 邮件服务负责自动发送资料和收据。

我想减少自己的反复人力付出，让虚拟资料也能像标准电商一样完成支付和交付。

我想做什么？#

业务闭环

1. 用户访问技术服务落地页，浏览服务内容、资料价值和购买说明。
2. 点击购买后唤起收银台，进入支付流程。
3. 支付网关完成回调，后端校验签名和订单状态。
4. 订单确认有效后，系统通过邮件自动交付资料和电子收据。

知识库成果#

语雀知识库：新大陆物联网

这个知识库是项目的内容基础。我把中职阶段参加物联网技能竞赛时整理的知识点、实操流程和经验复盘沉淀到线上。

流量主要来自 B 站内容分发，少量来自 cnblogs 和 CSDN。用户先通过公开内容建立信任，再进入技术服务落地页购买整理后的学习资料。

截至目前，知识库已有 350 多名相关领域师生关注，笔记总浏览量超过 10 万。

当然现在我的语雀会员过期没法看到统计数据了，当时上线 B 站账号还莫名奇妙封了一年，这个网站上线了没有三个月就关了，当时老师打电话让我关掉，新大陆的销售找到学校里去了，应该是某些人眼举报了我，而且资料里我也确实透漏了个人的信息，没办法当时也胆子小就关站了，触犯了某些人的利益。

我做了什么？#

• 搭建移动端和 PC 端都能访问的技术服务落地页，用更正式的页面承接知识付费转化。
• 参考 Apple 官网的产品页节奏，使用大图、分屏信息、滚动显现和清晰的购买区，让内容讲解更有层次。
• 使用 Vue 3、TypeScript、Vite 和 Tailwind CSS 4 构建前端项目，页面样式主要用原子化类和少量自定义样式实现。
• 接入 Lottie 矢量动画，用于展示服务细节和页面过渡，保证高清屏幕下的视觉质量。
• 使用 CSS Scroll Snap 编排滚动节奏，让页面浏览从介绍自然过渡到购买区域。
• 使用 Pinia Persist 持久化收银台状态，避免用户刷新页面后订单信息丢失。
• 使用 Node.js、Express 和 MySQL 构建后端服务，处理订单、支付回调、签名校验和幂等判断。
• 集成 Nodemailer SMTP 服务，在订单通过校验后自动发送资料下载链接和电子收据。
• 使用 Docker 做容器化部署，降低前后端服务迁移和上线成本。

技术架构#

关键实现#

前端重点是转化路径。页面不做传统后台模板，而是用产品页的方式组织信息：先让用户理解服务价值，再展示交付内容，最后把视线引向购买区域。

移动端要能快速浏览，PC 端要有足够的视觉张力。这个页面如果做得像普通表单，很难让用户愿意付款。

收银台状态使用 Pinia Persist 保存。用户进入支付过程后，即使刷新页面，也能恢复订单上下文，减少因为页面重载导致的支付中断。

后端重点是履约。

支付回调不能只看请求是否到达，还要校验签名、订单状态和重复触发。每一笔交付请求都必须来自真实支付结果，避免下载链接被伪造请求盗刷。

订单确认后，Nodemailer 会立即发送交付邮件。邮件里包含资料说明、下载链接和电子收据，让用户付款后可以直接拿到内容，不需要再等人工确认。

这个决定是否正确？#

从产品方向看，这个项目很适合小规模知识付费。它没有把时间花在复杂后台上，而是优先解决最影响成交的几个环节：信任、支付、交付、售后凭证。

对一个虚拟资料售卖场景来说，这比做一堆用不上的管理功能更有效。

从技术角度看，它让我更早接触了支付回调、订单幂等、邮件交付、移动端转化页和 Docker 部署。这些能力后来都能迁移到更完整的业务系统里。

它的局限也很明显：如果内容本身不继续更新，页面和自动交付只能提高效率，不能替代长期运营。系统能把成交链路做短，但最终还是要靠内容质量和流量来源支撑。

实际效果演示#

致谢#