环境准备:注册小程序账号、下载并安装微信开发者工具、创建第一个云开发项目
好,咱们正式开始动手了。
这一章说白了就是“搭台子”。台子搭不好,后面唱戏全得摔跟头。我见过太多新手卡在环境配置上,一卡就是一整天。其实没那么复杂,跟着我一步步来,半小时内你就能跑起第一个云开发项目。
1. 注册小程序账号
首先,你得有个“身份证”。微信小程序的身份证就是 AppID。
打开浏览器,访问 mp.weixin.qq.com。点击右上角的“立即注册”。
选什么类型?记住,选“小程序”,别选成“订阅号”或“服务号”。我刚开始带团队时就有人选错过,结果折腾半天发现接口对不上。
注册流程很简单:
- 填写邮箱(没注册过微信公众平台的邮箱)
- 设置密码
- 激活邮箱
- 填写主体信息(个人或企业都行)
注册完成后,登录后台。在“开发” -> “开发设置”里,你会看到 AppID。复制它,存好。后面每一步几乎都要用到它。
嗯,这里要注意:AppSecret 是密钥,别乱发。我曾经在群里截图时不小心露出了 AppSecret,结果被人刷了一波流量,还好及时发现改了密码。
2. 下载并安装微信开发者工具
工欲善其事,必先利其器。微信官方提供了专门的 IDE,叫“微信开发者工具”。
去官网下载对应你操作系统的版本:
- Windows 用户选 64位或32位
- Mac 用户选 Intel 或 Apple Silicon(M1/M2)
安装过程没什么特别的,一路“下一步”就行。但有一点我提醒你:安装路径不要有中文。我之前遇到过因为用户名是中文,导致某些插件加载失败的情况,折腾了一下午才发现是路径问题。
安装完成后,打开工具。你会看到登录界面——用你刚才注册小程序的微信扫码登录。
3. 创建第一个云开发项目
环境准备好了,咱们来创建第一个项目。
打开开发者工具,点击“新建项目”。
填写以下信息:
| 字段 | 填写内容 |
|---|---|
| 项目名称 | 随便起,比如“my-first-cloud” |
| 目录 | 选择一个空文件夹 |
| AppID | 填入刚才复制的 AppID |
| 开发模式 | 选择“小程序” |
| 后端服务 | 一定要选“微信云开发” |
勾选“创建 Quick Start 项目”。这样工具会自动生成一个带云开发示例的模板。
点击“确定”,等待几秒钟。你会看到项目结构自动生成。
接下来,初始化云开发环境:
- 在开发者工具左侧,点击“云开发”图标(像一朵云)
- 点击“开通”
- 选择“新建环境”,环境名称随便起,比如“dev”
- 等待环境创建完成(大概10-20秒)
关键一步: 创建完成后,回到项目代码中,找到 app.js 或 app.ts。你会看到类似这样的代码:
wx.cloud.init({
env: '你的环境ID'
})
把环境ID替换成你刚创建的那个。环境ID可以在云开发控制台顶部看到。
好了,到这里你的第一个云开发项目就创建成功了。你可以点击“编译”或按 Ctrl+S 保存,看看模拟器里是不是出现了“Hello World”的页面?
为什么会这样?因为 Quick Start 模板里已经写好了调用云函数的示例代码。说白了,你还没写一行代码,就已经跑通了云开发的完整链路。
我个人习惯在项目根目录下建一个 README.md 文件,把环境ID、AppID 这些关键信息记下来。别问我为什么——有一次我换了台电脑,死活想不起来环境ID,只能去后台翻,浪费时间。
嗯,这一章就到这儿。环境准备好了,下一章咱们开始真正写代码——创建第一个云函数。