AI 开发图片加水印小程序（500用户）

AI 开发图片加水印小程序（500用户） AI 开发图片加水印小程序（500用户） Modified July 20, 2025 需要注意：备案会有第三方公司打电话确认，备案填写的手机号要保持畅通，对方会问你小程序的相关信息。 7、个人类型的小程序和企业类型的有什么区别？ 可以看下官方文档：微信小程序官方解释 不同资质能做的类型不一样，最直白的区别：个人类型的只能广告变现，无法接入微信支付。 8、微信小程序穿搭类的，服务类目选什么？ 这种就选个类目里面最贴近的，这么细节的问题，别人大概率没做过，最简单的工具类，其他。 如果最后上线失败，官方回告诉你原因（类似上图的反馈），到时候按照官方提醒调整类目就行了。 9、小程序各个文件有什么作用？ 下述是微信小程序核心文件的分类解析及功能介绍： 1）全局配置文件 文件路径 类型 核心功能 示例说明 app.json 必选 全局配置：注册页面/窗口样式/网络超时/底部导航 "pages": ["pages/index/index"] project.config.json 可选 项目配置：开发者工具个性化设置（编译模式/代理配置） 同步团队成员开发环境 sitemap.json 可选 控制小程序页面是否被微信搜索收录（2020 年后必填） "rules": [{"action": "allow"}] 2）页面级文件（每个页面独立） Code block Markdown Copy pages/ ├── index/ │ ├── index.js ➔ 页面逻辑（数据绑定/生命周期/事件处理） │ ├── index.json ➔ 页面独立配置（覆盖app.json的window设置） │ ├── index.wxml ➔ 页面结构（类HTML，支持WXS语法） │ └── index.wxss ➔ 页面样式（扩展rpx单位，支持样式隔离） 3）公共资源文件 目录/文件 作用 utils/ 工具函数库（网络请求/日期格式化/加密算法） components/ 自定义组件（复用 UI 模块，含 4 件套：js/json/wxml/wxss） images/ 静态图片资源（建议使用 CDN 链接，本地图片限制 2MB） styles/ 公共样式库（通过@import引入，不支持 LESS/SASS 需预编译） 4）特殊功能文件 文件 场景 app.wxss 全局样式（慎用！ 影响所有页面，优先用页面级样式） app.js 全局逻辑（监听生命周期/定义全局变量/触发错误监控） project.private.config.json 本地私有配置（不提交 Git，用于区分开发/生产环境 API） 5）文件交互关系图 Code block Plain Text Copy A[app.js] B[注册App实例] B C[加载app.json] C D[初始化页面栈] D E[加载pages/index/index.js] E F[读取index.json] F G[渲染index.wxml] G H[应用index.wxss] 10、小程序的 AppID 有什么作用？ 微信小程序的 AppID 是小程序的唯一身份标识。 任何涉及微信官方接口（如登录、支付、云开发）的操作均需验证 AppID。 在微信开发者工具中创建项目时，必须填写 AppID 才能启用真机调试。 提交小程序至微信审核时，系统会校验 AppID 的合法性，未绑定正确 AppID 的代码包会被驳回。 二、Cursor 开发加水印小程序详解 刚刚行动营直播间现场想的需求，现场实现。 用 AI 工具开发小程序我将其分为 6 个环节：编写需求文档、Cursor 引用需求文档实现文档功能、微信开发者工具打开实现后的文件夹、编译运行、上传提交、后台通过审核后点击发布。 一）项目初始化明确自己的需求 1、技术栈 前端：JavaScript+WXML+WXSS 后端：为节省成本和快速部署上线，直接砍掉后端。 2、核心功能 单独一个页面，页面要求有个上传图片的入口，点击上传即可从相册中选择图片。 对于上传的图片实现添加水印的功能，添加水印后，图片要求可以保存到相册。 3、前期准备 提前注册好一个干净的微信小程序，如果可以的话，优先申请备案，备案是免费的，但是审核时间很长。 前期无需花 30 元申请认证，不认证的小程序也是可以部署上线的，但是无法搜索和转发，前期零成本试错先。 二）梳理 Cursor 能理解的需求文档 Code block Markdown Copy 一个完整功能的微信小程序，要求使用 JavaScript 语言，可以编译运行。 1、你是一名经验丰富的前端开发，且是设计科班出身，UI 也能设计很好。 2、我需要一个页面，页面有个输入框，点击可以上传图片，针对上传的图片，可以添加水印的功能，水印文字可以自行设置，包括文字颜色、字体大小、水印位置、透明度。 3、页面要求科技风格， 炫酷渐变，最好背景有点跳动的图案。 4、微信小程序的 appid 是 XX 梳理好之后，我直接创建个干净的文件夹，用 Cursor 打开，创建个 md 文档，将文字描述复制进来。 使用 Cursor 的引用文件功能，引用需求文档，告知请根据文档里面的要求编写代码。 微信小程序官方解释 需要注意：备案会有第三方公司打电话确认，备案填写的手机号要保持畅通，对方会问你小程序的相关信息。 7、个人类型的小程序和企业类型的有什么区别？ 可以看下官方文档：微信小程序官方解释 微信小程序官方解释 不同资质能做的类型不一样，最直白的区别：个人类型的只能广告变现，无法接入微信支付。 8、微信小程序穿搭类的，服务类目选什么？ 这种就选个类目里面最贴近的，这么细节的问题，别人大概率没做过，最简单的工具类，其他。 如果最后上线失败，官方回告诉你原因（类似上图的反馈），到时候按照官方提醒调整类目就行了。 9、小程序各个文件有什么作用？ 下述是微信小程序核心文件的分类解析及功能介绍： 1）全局配置文件 文件路径 类型 核心功能 示例说明 app.json 必选 全局配置：注册页面/窗口样式/网络超时/底部导航 "pages": ["pages/index/index"] project.config.json 可选 项目配置：开发者工具个性化设置（编译模式/代理配置） 同步团队成员开发环境 sitemap.json 可选 控制小程序页面是否被微信搜索收录（2020 年后必填） "rules": [{"action": "allow"}] 文件路径 文件路径 类型 类型 核心功能 核心功能 示例说明 示例说明 app.json app.json 必选 必选 全局配置：注册页面/窗口样式/网络超时/底部导航 全局配置：注册页面/窗口样式/网络超时/底部导航 "pages": ["pages/index/index"] "pages": ["pages/index/index"] project.config.json project.config.json 可选 可选 项目配置：开发者工具个性化设置（编译模式/代理配置） 项目配置：开发者工具个性化设置（编译模式/代理配置） 同步团队成员开发环境 同步团队成员开发环境 sitemap.json sitemap.json 可选 可选 控制小程序页面是否被微信搜索收录（2020 年后必填） 控制小程序页面是否被微信搜索收录（2020 年后必填） "rules": [{"action": "allow"}] "rules": [{"action": "allow"}] 2）页面级文件（每个页面独立） 3）公共资源文件 目录/文件 作用 utils/ 工具函数库（网络请求/日期格式化/加密算法） components/ 自定义组件（复用 UI 模块，含 4 件套：js/json/wxml/wxss） images/ 静态图片资源（建议使用 CDN 链接，本地图片限制 2MB） styles/ 公共样式库（通过@import引入，不支持 LESS/SASS 需预编译） 目录/文件 目录/文件 作用 作用 utils/ utils/ 工具函数库（网络请求/日期格式化/加密算法） 工具函数库（网络请求/日期格式化/加密算法） components/ components/ 自定义组件（复用 UI 模块，含 4 件套：js/json/wxml/wxss） 自定义组件（复用 UI 模块，含 4 件套：js/json/wxml/wxss） images/ images/ 静态图片资源（建议使用 CDN 链接，本地图片限制 2MB） 静态图片资源（建议使用 CDN 链接，本地图片限制 2MB） styles/ styles/ 公共样式库（通过@import引入，不支持 LESS/SASS 需预编译） 公共样式库（通过@import引入，不支持 LESS/SASS 需预编译） 4）特殊功能文件 文件 场景 app.wxss 全局样式（慎用！ 影响所有页面，优先用页面级样式） app.js 全局逻辑（监听生命周期/定义全局变量/触发错误监控） project.private.config.json 本地私有配置（不提交 Git，用于区分开发/生产环境 API） 文件 文件 场景 场景 app.wxss app.wxss 全局样式（慎用！ 影响所有页面，优先用页面级样式） 全局样式（慎用！ 影响所有页面，优先用页面级样式） app.js app.js 全局逻辑（监听生命周期/定义全局变量/触发错误监控） 全局逻辑（监听生命周期/定义全局变量/触发错误监控） project.private.config.json project.private.config.json 本地私有配置（不提交 Git，用于区分开发/生产环境 API） 本地私有配置（不提交 Git，用于区分开发/生产环境 API） 5）文件交互关系图 10、小程序的 AppID 有什么作用？ 微信小程序的 AppID 是小程序的唯一身份标识。 任何涉及微信官方接口（如登录、支付、云开发）的操作均需验证 AppID。 在微信开发者工具中创建项目时，必须填写 AppID 才能启用真机调试。 提交小程序至微信审核时，系统会校验 AppID 的合法性，未绑定正确 AppID 的代码包会被驳回。 二、Cursor 开发加水印小程序详解 刚刚行动营直播间现场想的需求，现场实现。 用 AI 工具开发小程序我将其分为 6 个环节：编写需求文档、Cursor 引用需求文档实现文档功能、微信开发者工具打开实现后的文件夹、编译运行、上传提交、后台通过审核后点击发布。 一）项目初始化明确自己的需求 1、技术栈 前端：JavaScript+WXML+WXSS 后端：为节省成本和快速部署上线，直接砍掉后端。 2、核心功能 单独一个页面，页面要求有个上传图片的入口，点击上传即可从相册中选择图片。 对于上传的图片实现添加水印的功能，添加水印后，图片要求可以保存到相册。 3、前期准备 提前注册好一个干净的微信小程序，如果可以的话，优先申请备案，备案是免费的，但是审核时间很长。 前期无需花 30 元申请认证，不认证的小程序也是可以部署上线的，但是无法搜索和转发，前期零成本试错先。 二）梳理 Cursor 能理解的需求文档 梳理好之后，我直接创建个干净的文件夹，用 Cursor 打开，创建个 md 文档，将文字描述复制进来。 使用 Cursor 的引用文件功能，引用需求文档，告知请根据文档里面的要求编写代码。 如果中间出现中断的情况，引用需求文档，让它继续工作就行，卡顿中断非常正常。 Cursor 会自动创建小程序所需要的文件，用微信开发者工具打开根目录的文件夹： 打开后会报错，报错非常正常，大家要学会将错误提示截图+文字描述提供给 Cursor 让其解决修复 bug。 我说实话，这个报错，我也看不懂，所以直接截图： 遇到红色报错，大家第一时间应该是学会问 Cursor。 最终页面预览效果如下： 至此第一个版本的小程序已经能使用了，于是我第一时间申请了提交代码。 这个页面还是有点丑，大家自行优化，但是应该能看出来，全程我没写 1 行代码，遇到 bug，也是继续让 Cursor 解决，学废了可以去星球给小林点个赞～ 结尾： 如果你仔细观察会发现，真正的增长密码往往藏在细节里：小红书笔记的标题关键词、水印工具的「零代码」开发路径，技术迭代的速度远超想象，但人性需求始终如一。 最后送给大家一句话：立即动手，快速试错，每一个爆款背后，都是 100 次微小迭代的累积。 大家好，我是小林，给大家分享一下新探索、这一周看到的共性问题答疑，以及昨天直播实操做的加水印小程序。 一、AI 编程心得分享 合抱之木，生于毫末；九层之塔，起于垒土；千里之行，始于足下。 一）理解 AI 编程的核心 编程门槛已经非常低了，核心是怎么挖掘需求。 挖掘需求的第一步是转换视角，不要把自己当成打工人，而是把自己当作老板。 一款产品，有两种价值，第一种是对自己有用，比如我做的减肥小程序就是给自己用的； 另一种是对别人有用，比如我开发的题库小程序。 对自己有用的虽然有价值，但是商业价值不大，只有对别人有用的商业价值才大。 我亲身案例实践，如果想更快的找到正反馈，还是要尽可能做对他人有价值的产品，忽略你是谁。 老板视角的养成是最最关键的一步。 当你有了老板视角之后，第一个痛点场景实际上就来了，围绕你主业，你平时工作中有哪些痛点需求挖掘出来，解决你主业的问题，因为和你一个职业的人，全国加起来有无数。 在上述两步的基础上，再加上特别关注前沿信息，比如海内外的各种 AI 博主。 老板视角+痛点挖掘+前沿信息，是我认为 AI 编程的几个重点。 二）小程序推广之编程 AIP 打造 一个适合所以素人，而且很有可能你把 IP 也顺势做起来，我文字描述一下：利用自媒体平台推广小程序。 比如：在小红书上创建个账号，账号名字和你的小程序同名、头像也要和小程序头像一致。 小红书对简介的审核非常严，一定不要在简介处留公众号和个人微信，很容易违规。 可以说下你是小程序独立开发者。 封面不用高大上，就按照上图这个风格来即可，手机自带的笔记功能都可以。 笔记的标题里面一定要带上关键词：小程序，固定好模板，持续更新笔记，通过数量来博取被推荐的概率。 小红书笔记和其他平台很不一样，它的笔记是没办法换行的，就算你写笔记换行了，发布的时候会自动拥挤在一块，有个好的解决方法，就是通过表情或者点来间隔上下行。 如果发的笔记文字超过 600 字，更容易被推荐，我自己测试了一些不带文字和带文字的，流量差异非常大。 这里建议大家去小红书搜：小程序，将这个关键词下的爆款笔记的风格统一学习一下。 做 IP 最难的是持续输出内容，按照上述的方式，可以很好的解决这个问题。 因为在发布小程序软文的过程中，会有大量的用户在评论区给你留言，这些用户的反馈可以按照我在星球分享的自我纠错去优化自己的小程序。 最终小红书又能涨粉、小程序还能有用户，一举两得。 小程序变现虽然和公众号类似，需要 500 个用户，但是小程序不需要关注，用户只要使用过就算，所以门槛并不算特别高。 通过私域推荐+ SEO 布局+设计裂变转发+自媒体推广，一旦内容体系铺垫起来后就是躺赚。 小程序 500 用户之后可以开通不同类型的广告，有开屏广告、插屏广告、视频广告等等。 这些广告实际上都很便宜，不是重头戏，我建议大家尽可能减少这些类型的广告，全部替换成用户体验，把用户体验拉满，广告变现就瞄准小程序的激励式广告。 激励式广告，需要大家将小程序后台获取代码贴到你想实现的位置： 三）AI 小程序十问十答 1、开发小程序是要画产品开发图吗？ 如果你本身是产品经理，画一个产品原型图当然更好，但是如果你不具备这个能力，可以忽略，让 Cursor 按照它的风格实现，前期重点是跑通上线。 2、1 个微信号可以开 10 个小程序吗？ 一个身份证最多注册 5 个微信小程序，且注册小程序用的是邮箱，这个邮箱不能和公众号重复，一个邮箱只能注册一次，要么公众号，要么小程序。 3、如果我有已经认证的服务号，微信小程序认证还需要额外支付 300 块吗？ 服务号属于公众号系列的，和小程序是两套体系，现在完全分开了，得自行认证，个人类型的小程序一年 30，企业类型的小程序一年 300。 不论认证不认证，如果你的小程序想上线，都必须备案，可以选择不认证，不认证不影响二维码传播，只是无法分享，但是不备案是会被下线的，备案推荐写户籍地。 4、这个小程序能重名吗？登录在哪里？ 不能重名，小程序名称只能有一个，登录入口和公众号一样，都是：https://mp.weixin.qq.com/ 公众号、服务号、小程序、小游戏都属于微信公众平台，入口都是上述链接。 5、如果想整个功能复杂的小程序，可以怎么搞呀？ 如果你的描述就这么浅显，别说 AI 了，人也理解不了。 你要具象化描述出来的你的需求，功能复杂到底有什么功能，按点一一罗列出来。 Cursor 是能理解具象化描述的。 说到这里又再次验证：提示词已死，但提示词思维永远死不了。 6、小程序怎么备案？ 点击小程序后台左下角图片，进入基本信息，有个小程序备案，按照提醒填写信息即可。