Github项目地址

https://github.com/yicm/WxComment

WxComment

WxComment是一个微信小程序的评论插件，结合BaaS提供商LeanCloud，无需其他另外的个人或者云服务器，就可以免费使用。解决了需要个人去注册域名、备案、购买云服务器的繁杂问题。

特色

独立插件，独立放入小程序项目即可使用
友好的UI界面和交互界面
与微信用户信息绑定，显示微信用户头像和昵称
支持插件内容修改，包括按钮文字，评论提示，评论字数最低限制等属性
支持长按删除评论操作
支持评论点赞功能

屏幕截图

下图为WxComment嵌入式到具体博客中显示的效果。

快速入手

注册LeanCloud账号，并创建过LeanCloud应用；
登陆LeanCloud账号，打开链接https://leancloud.cn/docs/weapp-domains.html，将显示域名配置到你的微信小程序服务器配置中；
设置小程序的 AppID 与 AppSecret
3.1 登录微信公众平台，在设置 > 开发设置 中获得 AppID 与 AppSecret
3.2 前往 LeanCloud 控制台 > 组件 > 社交，保存「微信小程序」的 AppID 与 AppSecret
克隆项目WxComment并将其放入小程序根目录

$ git clone https://github.com/yicm/WxComment.git

将LeanCloud自己的AppID和AppKey复制到WxComment.js对应位置；

AV.init({appId: 'your leancloud appid',appKey: 'your leancloud appkey',
});

在小程序其他wxml文件中引入WxComment组件

test.wxml

<view class="WxComment"><WxComment tipOne="Markdown " tipTwo="will be supported, Powered by yicm." submitBtnText="回复" articleID="{{article_id}}" contentLen='1'></WxComment>
</view>

test.json

"usingComponents": {"WxComment": "/component/WxComment/WxComment"
}

WxComment组件属性说明：

tipOne: 颜色显示tip区域文字内容
tipTwo: 无颜色显示tip区域文字内容
submitBtnText：提交按钮文字内容
articleID：文章与WxComment绑定的唯一ID
contentLen：评论内容至少为多长限制

Demo

小程序小白AI博客引用WxComment组件示例：

TODO

按查询条数分段显示
添加回复功能
支持图像显示
支持markdown语法
…

License

MIT

微信小程序评论组件---WxComment相关推荐

微信小程序自定义组件方案
前言:小程序已于11月初开放了小程序组件功能,但事件方面还不是很完善,有的组件暂时可能还是要用其他方式来实现,这里简单记录下开发小程序自定义组件的要点. 在小程序官方开发组件开发功能之前,自定义组件的 ...
微信小程序image组件频闪问题
解决微信小程序image组件频闪问题文章目录解决微信小程序image组件频闪问题现象解决方案参考链接现象这个问题我知道原因很少见,造成的后果更加少见. 后台同事传了一张测试图片,图片大小 ...
使用uniapp 开发微信小程序map组件在开发过程中遇到的问题
** 使用uniapp 开发微信小程序map组件在开发过程中遇到的问题 [菜鸟记录] ** 发现的问题: 如果给map设置初始化scale的话,手指缩放地图后,点击按钮让地图再次回到和初始化一样的 s ...
微信小程序image组件开发程序以及相关图片问题参考资料汇总
微信小程序image组件开发程序以及相关图片问题参考资料汇总,希望对大家小程序开发能有一定的参考和借鉴价值.以下汇总主要涉及到微信小程序image组件有关资源路径.缩放和剪裁模式等进行的探讨,无论是对 ...
小程序子组件向父组件传值_一套组件化、可复用、易扩展的微信小程序 UI 组件库...
如何使用 Wux Weapp 是一套组件化.可复用.易扩展的微信小程序 UI 组件库.在开始使用之前,需要先阅读微信小程序自定义组件的相关文档. 通过 npm 安装,需要依赖小程序基础库 2.2.1 ...
uniapp 判断页面是否是横竖屏,解决微信小程序video组件全屏播放视频遮盖自定义播放控件问题
如果res.deviceOrientation 等于landscape 的话是竖屏,portrait则是横屏.因为用户每旋转一次屏幕就会触发里面的onShow钩子,因此在页面显示或横竖屏变化都会触发这 ...
微信小程序自定义组件，提示组件
微信小程序自定义组件,这里列举了一个常用的提示自定义组件,调用自定义组件中的方法和字段.仅供参考和学习. 编写组件: 在根目录下添加"components"目录,然后像添加Page ...
php小程序onload,微信小程序 loading 组件实例详解
这篇文章主要介绍了微信小程序 loading 组件实例详解的相关资料,需要的朋友可以参考下 loading通常使用在请求网络数据时的一种方式,通过hidden属性设置显示与否主要属性: wxml 显 ...
手把手教你写一个微信小程序日历组件
今天我们一起写一个微信小程序日历组件微信小程序日历组件 github.com/749264345/w- 好,我们先看一下要实现的模样,如下图由以上截图我们可以看到 1.日历可以通过按钮[切换展示效 ...

微信小程序评论组件---WxComment