小程序·云开发实战:迷你微博,玩转云开发
2023-09-18 01:30:25
前言
没错,几乎是所有的云开发能力。也就是说,读完这篇实战,你就相当于完全入门了云开发!
咳咳,当然,实际上这里只是介绍核心逻辑和重点代码片段,完整代码建议下载查看。
1. 取得授权
这个 button 有个 open-type 属性,这个属性是专门用来使用小程序的开放能力的。如果我们要用开放能力,就必须加上 open-type 属性,所以这里给它加上微信的开放能力,它的取值就是 weixin。
而在 button 标签上,我们绑定了一个 click 事件,这个事件关联了 getPhoneNumber 方法。这个方法的作用是获取用户的手机号码,因为我们要用到它做登录。而这个方法就属于微信的开放能力,所以这里我们需要用到 open-type 属性。
现在,我们就可以在云函数里通过 event.detail.iv 和 event.detail.encryptedData 来获取用户的手机号码了,然后就能通过手机号码完成登录和注册。
2. 创建数据库
云开发让我们可以直接在云函数里直接操作数据库,非常方便。
这里我们创建了一个 users 表,并定义了两个字段:id 和 phone,其中 id 是自增主键。
接下来,我们就可以在云函数里通过 db.collection('users') 来操作这个 users 表了。
3. 存储图片
小程序的云存储,帮我们自动生成了三张缩略图,分别为 100x100 像素、50x50 像素、30x30 像素。可以方便地根据业务场景的需求,选择合适的缩略图。
上传图片的逻辑,封装在云函数里。上传图片前,我们先把图片的路径传到云函数,然后在云函数里使用 cloud.uploadFile 把图片上传到云存储。
上传完成后,云函数会返回图片的 URL,我们就可以把它存储到数据库里了。
4. 发布微博
发布微博的逻辑,也封装在云函数里。
首先,我们把微博的内容传到云函数,然后在云函数里使用 db.collection('weibo') 把微博内容存储到数据库里。
存储完成后,云函数会返回微博的 ID,我们就可以把它返回给前端了。
5. 展示微博
展示微博的逻辑,主要在前端实现。
我们先在前端获取微博列表,然后把微博列表渲染到页面上。
获取微博列表的逻辑,封装在云函数里。
在云函数里,我们使用 db.collection('weibo').orderBy('created_at', 'desc').get() 来获取微博列表,然后返回给前端。
结语
至此,我们的迷你微博应用就完成了。通过这篇实战教程,我们学习了小程序云开发的核心知识点,包括小程序前端开发、云函数、数据库、存储、授权、鉴权等。
希望这篇教程对大家有所帮助,也希望大家能够用小程序云开发做出更多有趣、有意义的应用。