微信小程序云开发起步步骤与报错


官方文档链接:https://developers.weixin.qq.com/miniprogram/dev/wxcloud/basis/quickstart.html

新建云开发模板

1.在新建项目时,如果主动填入申请后的小程序AppID,模板会自动选择为云开发模板
2.在默认模板中有与project.config.json文件平级的文件夹cloudfunctions,用来存放云函数等

微信小程序云开发起步步骤与报错

开通云开发、创建环境

1.点击云开发以开通云开发功能

微信小程序云开发起步步骤与报错

2.点击开通按钮,确定协议并弹出创建环境的弹出框
注意:创建的环境名称环境ID可以在符合输入框提示要求的基础上“随意”命名。即不是从哪里获得的,自己取的名字和id
另外,环境是可以创建两个的,在以后上传云函数时也可以自行选择

微信小程序云开发起步步骤与报错
微信小程序云开发起步步骤与报错

3.创建环境完成后进入云开发控制后台

微信小程序云开发起步步骤与报错

体验小程序

1.一进入就在控制台可以看到警告信息:根据xxx规则,当前页面xxx将被索引

微信小程序云开发起步步骤与报错

与官方提供的微信页索引功能有关:https://developers.weixin.qq.com/miniprogram/dev/framework/sitemap.html
暂时关闭索引功能

微信小程序云开发起步步骤与报错

2.点击获取用户信息在信息获取后再次点击会看到login云函数的接口报错与报错时出现的页面,相当于用户的误操作行为导致的报错,可以前端交互中进行优化,但是不是代码或者配置的问题

微信小程序云开发起步步骤与报错

3.接下来会看到一个小报错:Now you can provide attr wx:key for a wx:for to improve performance. 直译:现在您可以为’ wx:for '提供attr ’ wx:key '来提高性能。

解决:根据报错提示的页面地址将wx:for的所在标签加上索引wx:key

4.点击首页(云开发openid)的前端操作数据库时报错:获取openid失败

微信小程序云开发起步步骤与报错

解决:
因为是新项目,所以要先指定云开发环境,如果有两个环境的,以后也可以在这里切换环境。

微信小程序云开发起步步骤与报错
如果不指定环境直接同步云函数的报错信息:
微信小程序云开发起步步骤与报错
因此,正确顺序是 右击云开发文件夹 -> 当前环境(无)-> 选一个环境 -> 同步函数列表

5.上传云函数:右击login文件夹,选择 创建并部署:所有文件

微信小程序云开发起步步骤与报错

提示安装依赖,在云函数文件夹下(此时为login文件夹)安装依赖

微信小程序云开发起步步骤与报错

上传成功后会在后台提示:✔ 更新云函数login的调用权限
另外可以在云开发控制台看到新加API:

微信小程序云开发起步步骤与报错

6.最后的最后出现的最后一个报错:(关于云函数login的异步问题)

微信小程序云开发起步步骤与报错

在此贴上 一个大佬的详细解析:https://blog.****.net/weixin_41593408/article/details/106215353?utm_source=app

微信小程序云开发起步步骤与报错

查看控制台

点击微信小程序的工具左上方云开发可打开云开发后台,查看数据等进行可视化界面的操作。

至此,新建微信小程序的步骤和遇到的报错、警告等问题已经基本解决。接下来可以随便点点,构建自己的程序。