环境准备:注册小程序账号、下载并安装微信开发者工具、创建第一个云开发项目

好,咱们正式开始动手了。

这一章说白了就是“搭台子”。台子搭不好,后面唱戏全得摔跟头。我见过太多新手卡在环境配置上,一卡就是一整天。其实没那么复杂,跟着我一步步来,半小时内你就能跑起第一个云开发项目。

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 项目”。这样工具会自动生成一个带云开发示例的模板。

点击“确定”,等待几秒钟。你会看到项目结构自动生成。

接下来,初始化云开发环境:

  1. 在开发者工具左侧,点击“云开发”图标(像一朵云)
  2. 点击“开通”
  3. 选择“新建环境”,环境名称随便起,比如“dev”
  4. 等待环境创建完成(大概10-20秒)

关键一步: 创建完成后,回到项目代码中,找到 app.jsapp.ts。你会看到类似这样的代码:

wx.cloud.init({
  env: '你的环境ID'
})

把环境ID替换成你刚创建的那个。环境ID可以在云开发控制台顶部看到。

好了,到这里你的第一个云开发项目就创建成功了。你可以点击“编译”或按 Ctrl+S 保存,看看模拟器里是不是出现了“Hello World”的页面?

为什么会这样?因为 Quick Start 模板里已经写好了调用云函数的示例代码。说白了,你还没写一行代码,就已经跑通了云开发的完整链路。

我个人习惯在项目根目录下建一个 README.md 文件,把环境ID、AppID 这些关键信息记下来。别问我为什么——有一次我换了台电脑,死活想不起来环境ID,只能去后台翻,浪费时间。

嗯,这一章就到这儿。环境准备好了,下一章咱们开始真正写代码——创建第一个云函数。