【微信小程序】demo测试:云函数创建,图片上传,数据库,聊天室

上一篇讲到了云开发的基础创建和使用,那这一篇呢就带大家来小小的测试一下。

云函数的创建

首先点击左侧的快速新建云函数
在这里插入图片描述

进去之后呢,按照左侧的步骤来操作,一般都是操作文件区在这里插入图片描述
右键点击cloudfuntions,点击新建Node.js云函数
在这里插入图片描述
按照步骤复制代码粘贴到右侧
在这里插入图片描述
完事儿保存,并右键点击新建的云函数,上传并部署
在这里插入图片描述
上传成功之后就可以点击测试云函数咯
在这里插入图片描述
首次有可能会出现调用结果为null,这时呢其实代码并没有错,具体哪里出了问题,多半没反应过来,可以把复制的代码去掉,然后复制return里边的代码到原有的return里边,再次保存,上传并部署就成功啦

上传图片

点击上传图片在这里插入图片描述
其次选择图片
在这里插入图片描述
然后就根据左侧步骤来操作就ok啦在这里插入图片描述
点击左上侧的 云开发,进去之后同样点击左上侧 存储
在这里插入图片描述
存储进去之后点击文件的名称
在这里插入图片描述
这时右侧会有弹窗显示,点击下方的 点击图片加载
在这里插入图片描述
图片就显示啦,如下方//////在这里插入图片描述

数据库

同样,回到首页 点击前端操作数据库
在这里插入图片描述
依旧看着左侧进行操作
在这里插入图片描述
左侧显示操作大多需要openid ,需要配置login云函数,这个一般都是在最早配置好的,所以放心下一步就好了。下一步新建集合,也就是数据表
在这里插入图片描述
点击新建之后填写集合名称,完事儿点确定
在这里插入图片描述
确定完就可以看到有数据了
在这里插入图片描述
继续点击下一步,按照要求在右侧找到相对应的文件,把需要的注释去掉
在这里插入图片描述
在这里插入图片描述
保存之后会自动返回首页,再次点击数据库进去之后直接下一步就好,到新增这里点击新增记录
在这里插入图片描述
这时可以在云开发数据库刷新,就可以看到刚刚添加的数据啦
在这里插入图片描述
左侧还有操作,可以按照步骤往下操作就好,这里就不一 一介绍了在这里插入图片描述

聊天室

依旧在首页,点击即时通信在这里插入图片描述
按照左侧步骤操作就好啦,这里就介绍完了,明天见。。在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/mingjie777/article/details/106415711
今日推荐