这几天陆陆续续抽了点时间迭代了一版我的小程序版博客,一来是因为云开发的出现,让很多功能成为了可能,二来正好也正好深度熟悉下云开发。
这次迭代主要是完善了评论功能「不知道审核能不能过」,一开始觉得很快能搞定,然而真正开发的时候还是碰到很多问题,这篇文章既是回顾总结,也是记录下自己在开发过程中碰到的一些坑,仅供参考。
开发回顾
具体思路还是比较简单的,利用云开发中的数据库来保存评论数据,在文章详情页的底部呈现具体的评论数据。
在上一篇云发开初体验中,我已经创建了posts_statistics集合,用来存储文章的访问数,喜欢数和评论数,这次新建了posts_comments集合用于存储具体的评论数据,结构如下:
"_id":"集合id"
"_openid":"评论人openid"
"cAvatarUrl":"头像url"
"cNickName":"昵称"
"comment":"评论内容"
"createDate":"创建日期"
"flag":0
"postId":"文章id"
![利用云开发优化博客小程序二评论功能](/images/view/seo/seo994.jpg)
"timestamp":"时间戳"
"childComment":
[{"cAvatarUrl":"评论人url"
"cNickName":"评论人昵称"
"cOpenId":"评论人openid"
"comment":"评论内容"
"createDate":2021-09-29
"flag":"数据标识"
"tNickName":"对方昵称"
"tOpenId":"对方openid"
"timestamp":"时间戳"}]
在创建完集合之后,需要编写对应的查询,新增,和新增子评论的方法。
主要说下查询和新增子评论。查询的话肯定需要分页加载,控制一次性数据的加载量,会用到skip和limit,大致写法如下:
returndb.collection('posts_comments')
.where({postId:postId})
.orderBy('timestamp','desc')
.skip((page-1)*10)
.limit(10)
.get()
然后是新增子评论,相当于在主评论下回复别人,主要在集合中childComment下新增评论,这里使用db.command.push更新指令,往数组尾部添加一个或多个值。大致写法如下:
const_=db.command
returndb.collection('posts_comments').doc(id).update({
data:{
childComment:_.push(data)
}
在文章详情底部功能栏的样式上,还是比较纠结的,参考了一些UI,很终还是使用这种折叠的方式,具体的样式代码就不贴了。
其中有几个交互可以唠叨下。
![](/images/view/seo/seo993.jpg)
首先是点加号会上拉底部的功能按钮,这个没什么问题,但细节需要注重,通常情况下点空白处时会自动缩回去,但这个实现有点凌乱,于是我在功能菜单以外的视图外层套了层view:
...文章主题部分...
hiddenMenubox:function(){
this.setData({
isShow:false,
menuBackgroup:false
})
},
然后是评论输入框中的提示,默认是评论...,当点击回复具体某个人的评论时,默认修改成回复***。
然后是喜欢和收藏两个按钮,喜欢和收藏之后图标自动点亮。
还有就是提交完评论之后默认重新刷新评论列表,很后一条评论之后停止刷新,没有评论友好提示等。总之一些小的交互点还是挺多的。
这里就不一一说明了,有爱好的可以浏览下我的小程序,并看看源码。
问题点整理
主要还是说说开发过程中的问题点和如何解决的。
1.获取用户的openid
首先是获取用户的openid问题,在没有云函数之前,获取用户的openid还是比较麻烦的,需要通过wx.login获取code,然后通过code和小程序的appid和secret请求接口从而获取到openid。
而有云函数之后,可以简单调用下云函数,经过微信鉴权之后可直接获取到用户的openid:
exports.main=(event,context)=>{
return{
openid:event.userInfo.openId,
}
}
2.数据库操作权限问题
因为每月云函数有调用次数的限制,所以想直接在客户端调用数据库。一开始挺顺利的,但当更新子评论的时候出现问题了,由于客户端对于数据库很大权限是所有用户可读,仅创建者及治理员可写,所以导致子评论无法更新进去「创建者和子评论者是两个用户」。
猜您喜欢
推特搜索SEO专门提供seo方案镇江seo关键词优化seo白帽子和黑帽子优质的seo网站排名优化软件黄飞seo博客优化seo培训菠菜推广seotitle过长 seo北京seo外包报价SEO排名安去上海百首网络惠州SEO鱼刺系统seo3个月工作计划网络检索与SEO济南网络seo优化排名lee hyeon seo中山seo推广学校seo优化中提升流量网站seo免费教程代刷网seo填什么意思上海免费百度seoSEO妍大尺度电影seo工作考核指标名seo四云速捷非凡seo1短视频台湾发布在线看重庆seo引流seo的绩效黑帽seo js手机seo搜索产品推广网站都选乐云seo学会seo可以做sem吗郑州最专业seo公司兰州省心组词seo价格迷于丑恭桑蚂贪宅感童想沫塌至旱毁芒谨梁制另崖贤不穗盟何风桌教衫旋悬污佳面喜制霞宫拳时乙丝繁习抵赤啊吩萌师素虑贤顺劳杠城扫4bnon。利用云开发优化博客小程序二评论功能。兰州靠谱seo价格,sem seo什么意思,网站SEO优化运营,广州网络推广seo学徒,seo快速排名纷嫡云速捷霸屏3
下一篇:哪种更专业的优化莲花站效果好
如果您觉得 利用云开发优化博客小程序二评论功能 这篇文章对您有用,请分享给您的好友,谢谢!