龙虾实践实录:一天时间,我做了一个完整小程序,小白也能抄作业

0 阅读8分钟

image.png 大家两会看了没?谁懂啊!蹲 CCTV13 两会新闻,突然刷到那只出圈的龙虾,开源 AI 工具的龙虾图标更是霸屏短视频,连两会都报道,这波流量必须跟上~ 更何况各大云厂商借着两会数字化节奏卷疯了,算力补贴、工具福利一波接一波,身为技术人,就算未来要被革命,这波热度我也高低得蹭一波!借着这股数字化东风,我直接上手 Workbuddy 零代码实战,一天搞定一个可上线的 PDF 上传微信小程序,全程零代码、从需求构思到部署上线全流程无冗余,所有步骤全纯中文交互,小白跟着抄作业也能轻松上手。说实话,现在做技术实操,拼的早已不是硬磕代码的能力,而是好奇心和实践力,龙虾这个好战友能补齐各方向知识短板,话不多说,直接上这份硬核实操干货!

*注意:当前龙虾的安全性未知。爪爪我是通过云电脑来进行实战,大家谨慎选择,切勿直接使用生产设备或者有个人隐私的电脑

1. 明确目标:做一个无广告的公众号自用 PDF 上传小程序

之所以做这个小程序,核心需求很简单:我的公众号需要和粉丝做互动,粉丝发关键词能自动返回 PDF 链接,但市面上现成的 PDF 小程序全是广告,用着极度不友好。趁着龙虾热度,索性自己做一个专属无广告 PDF 上传小程序,核心实现本地 PDF 上传、文件管理功能,适配公众号日常使用场景。

1.1 核心功能:精准匹配自用需求

这个小程序只做刚需功能,拒绝冗余,核心能力如下:

文件管理功能上传功能用户界面
- 支持选择本地PDF文件
- 文件类型验证
- 文件大小限制
- 文件信息展示
- 支持清除已选文件
- 实时上传进度显示
- 上传状态反馈
- 成功/失败提示
- 详细错误信息显示
- 现代化渐变设计
- 响应式布局
- 直观的操作流程
- 美观的视觉效果

1.2  发布小程序的完整流程🚀

image.png

2. 账号准备:2 个核心账号,按需注册

全程仅需准备 2 类账号,云厂商可自选,微信云开发可直接跳过云账号注册,极致精简:

微信小程序账号:登录 微信开放平台

云厂商账号(可选):我用的腾讯云,若仅使用微信云开发功能,直接跳过这一步。

3. 云资源准备:两种方案,按需选择(自用首选微信云开发)

    云资源无需多准备,分自建服务器和微信云开发两种方案,我个人兼顾自用和数据存储,两者都用了,小白直接选微信云开发即可,零成本免运维!    核心使用的云资源(我自用配置)

  • 云电脑:用于下载龙虾工具,规避本地风险;
  • 轻量云服务器:做自建后端服务器,可选;
  • 对象存储 COS:用于个人数据存储,微信云开发可跳过;
  • 域名:10 元 / 年,微信云开发可跳过。
  • 微信云开发 VS 自建服务器:小白直接冲免费版微信云开发

    微信云开发是腾讯云专为小程序设计的服务,免费额度完全满足个人自用,对比自建服务器优势拉满:

🌟 微信云开发的优势
对比项自建服务器微信云开发
成本需要购买云服务器(通常几十元/月)免费额度(每月 2GB 存储 + 5万次调用)
运维需要自己管理服务器、安全、备份免运维,微信官方维护
域名需要购买域名、配置SSL证书免域名,自带 HTTPS
部署需要SSH连接、配置Nginx等一键部署,开发工具直接上传
扩展需要手动扩容自动扩展
安全自己配置防火墙、安全组自带安全防护


4. 软件准备:3 个工具,全程够用

无需安装复杂软件,仅需 3 个核心工具,都是免费 / 易上手的,下载即用:

  • Workbuddy:核心零代码工具,全程中文交互做小程序;
  • 微信开发者工具:小程序运行、测试、上传代码必备;
  • MobaXterm:仅自建服务器需要,替代 powershell 同步后端代码(我因本地 openssh 未安装成功选用)。

4.1 WorkBuddy 开发

这是我第一次和龙虾一起开发,因此有不熟悉的地方,比如有些安全限制导致ssh ,执行脚本等操作被云电脑的系统安全策略阻止,它没法完全接管从开发-测试-部署的全流程,还需要我的参与。所以我需要切换不同模式使用它。WorkBuddy 里的 Ask、Plan、Craft 是三级权限安全模式,权限依次升高,用于平衡 AI 助手的能力与数据安全。

Ask(询问模式)Plan(规划模式)Craft(创作 / 执行模式)
权限仅文件读取,无任何修改 / 执行权限。仅文件读取,不能执行修改 / 系统指令。完整权限,可读写文件、执行系统指令、操作软件、自动化任务。
用途纯问答、信息查询、文件内容解读、简单对话。制定详细行动计划、任务拆解、方案设计、流程规划。生成文档、编辑文件、批量处理、代码执行、复杂工作流自动化。
安全⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐
适合初次使用、敏感数据环境、只需要 AI 回答问题。需要 AI 出方案但不想让它直接操作电脑信任环境、需要 AI 直接干活、追求最高效率

4.2 微信云开发:新手必看,手把手避坑

我第一次用微信云开发踩了不少坑,这里整理成极简教程,按步骤来零出错:

4.2.1.配置步骤

image.png

image.png

4.2.2.微信云开发核心功能:按需使用,满足 PDF 上传全需求

云开发控制台菜单栏功能清晰,核心用 4 个模块,完全匹配 PDF 上传小程序需求:

微信云开发菜单栏导航
云函数编写 / 部署小程序后端逻辑代码(如上传记录统计)
数据库存储 PDF 文件的文件名、大小、上传时间等元数据
存储保存用户上传的 PDF 真实文件数据,免费 2GB 够用
静态网站生成永久 PDF 链接(规避微信默认 2 小时过期链接),适配公众号粉丝互动

4.2.3.费用对比

个人 / 公众号自用,微信云开发免费额度完全覆盖,无需一分钱,对比自建服务器成本差距明显:

功能自建服务器微信云开发
存储需要购买服务器存储免费 2GB/月
请求服务器流量费用免费 5万次/月
域名需要购买域名 + SSL证书免费自带HTTPS
运维需要自己维护微信官方维护


5. 项目核心目录:清晰易懂,按需配置

image.png

到这里,其实我已经有一个可用的小程序了!大概长这个样子。

image.png

#

6. 后续部署:3 步优化,实现正式上线

因为我的域名还在审核,所以先把后续步骤列一下给大家。

本地 / 测试环境运行成功后,仅需 3 步简单配置,即可实现小程序正式上线,适配公众号日常使用:

  1. 域名准备:完成域名备案 + SSL 证书配置,将服务器接口替换为备案域名;
  2. 配置合法域名:在微信公众平台「开发管理」→「服务器域名」中,将备案域名配置为uploadFile合法域名;
  3. 重新提审:在微信开发者工具中重新编译上传代码,提交微信官方审核,审核通过后发布即可。


最后:一天搞定小程序,核心就这 3 点

这次借着龙虾热度实操,从需求构思到做出可上线的 PDF 上传小程序,全程仅用一天,核心没有复杂的技术操作,总结 3 个核心点,小白照做也能成功:

  • 需求聚焦:只做刚需功能,拒绝冗余,个人 / 自用场景先做「最小可用版本」,效率翻倍;
  • 工具选对:Workbuddy 零代码 + 微信云开发,省去硬磕代码的时间、还可以手把手教你配置服务器,全程中文交互更友好;
  • 敢动手实践:现在的技术工具早已降低了实操门槛,不用纠结会不会代码,好奇心 + 敢动手,就能完成从 0 到 1 的突破。

整个项目所有步骤都能复刻,小白跟着抄作业,一天也能做出自己的专属小程序。如果实操中遇到问题,评论区留言,后续继续分享AI实践的硬核干货!


我的小程序叫“喵爪爪工具箱”,后续上线欢迎家人们试用!

💖 欢迎关注我的公众号【哈库拉喵爪爪】,这里有AI实践项目、云存储小知识、云存储架构解读、实用的企业上云经验,还有满满的一线技术实践干货,一起畅游云计算~持续更新!