大家好，我是RD！常有学员问：“小程序太难，我能用AI做吗？”答案是肯定的——但关键不在‘能不能’，而在‘怎么让AI听懂你的需求’。今天我们就用Claude Code，生成一个真实可用的微信天气小程序，全程不装开发者工具、不配置服务器，用免费API，30分钟上线。
⚠️ 前提说明：本教程生成的是「小程序代码框架」，需在微信开发者工具中运行（免费下载）。重点是教会你：如何把业务需求精准转译成AI可执行的Prompt。
✅ Step 1：获取免费天气API（3分钟）
Key（如xxxxxxxxxxxxxx）101010100，上海是101020100（可在官网城市编码库查）✅ Step 2：Claude Code生成小程序骨架（8分钟）
打开 [claude.ai](https://claude.ai) → 新建聊天 → 输入以下Prompt（严格复制）：
你是一个微信小程序开发专家，熟悉最新基础库2.30+。请生成一个完整的天气查询小程序代码包，要求：
包含：app.js（初始化App）、app.json（配置窗口和页面）、project.config.json（基础配置）、pages/index/index.wxml（结构）、index.wxss（样式）、index.js（逻辑）
index.wxml：显示城市名、当前温度、天气图标（用emoji ☀️⛅☁️🌧️）、湿度、风向风力
index.js：使用wx.request调用和风天气API（https://devapi.qweather.com/v7/weather/now?location=CITY_ID&key=YOUR_KEY），成功后更新data，失败弹出'网络错误'
API KEY和CITY_ID用占位符【API_KEY】和【CITY_ID】，方便用户替换
样式用Flex布局居中，字体清晰，温度数字用大号粗体
所有代码按微信小程序标准格式，可直接放入开发者工具运行
不要任何解释，只输出完整代码文件内容，每个文件用「=== FILE: xxx ===」分隔
Claude会返回5个代码块。复制全部 → 新建文件夹 weather-miniprogram → 按文件名分别创建对应文件（注意.wxml/.wxss/.js后缀！）。
✅ Step 3：替换密钥并运行（12分钟）
pages/index/index.js → 搜索 【API_KEY】 → 替换为你的真实Key【CITY_ID】 → 替换为你的城市ID（如101010100）导入项目 → 选择weather-miniprogram文件夹 → AppID填（测试号）（无需认证）request domain not configured → 在详情 > 项目设置 > 域名信息中添加devapi.qweather.com到「request合法域名」✅ Step 4：美化与扩展（7分钟）
index.wxss 里加一行：.temp { font-size: 48px; font-weight: bold; color: #4F46E5; }，然后在wxml中给温度数字加上class="temp"index.js的onLoad里加：wx.getLocation({ success: res => { /* 调用逆地理编码API */ } })（后续RD会出《AI+定位：自动获取用户城市》专题）✅ 为什么这比学原生开发快10倍？
因为你跳过了「配置HTTPS」「处理跨域」「写JSON解析」等80%的非核心障碍。AI生成的是经过验证的、生产级的小程序模板。你专注的是「我的用户需要什么信息？」——这才是产品思维的本质。
📌 小程序上线后，你可以：
pages/forecast/目录你生成的不仅是一段代码，更是进入小程序生态的第一张门票。