WxComment 微信小程序评论插件开源项目

我要开发同款
匿名用户2018年05月24日
129阅读

技术信息

开源地址
https://github.com/yicm/WxComment
授权协议
MIT

作品详情

WxCommet

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

特色

独立插件,独立放入小程序项目即可使用

友好的UI界面和交互界面

与微信用户信息绑定,显示微信用户头像和昵称

支持插件内容修改,包括按钮文字,评论提示,评论字数最低限制等属性

支持长按删除评论操作

支持评论点赞功能

支持emoji表情显示

支持文章阅读量统计功能

屏幕截图

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

快速入手

注册LeaCloud账号,并创建过LeaCloud应用;

登陆LeaCloud账号,打开链接https://leacloud.c/docs/weapp-domais.html,将显示域名配置到你的微信小程序服务器配置中;

设置小程序的AppID与AppSecret3.1登录微信公众平台,在设置 > 开发设置 中获得AppID与AppSecret3.2前往LeaCloud 控制台 > 组件 > 社交,保存「微信小程序」的AppID与AppSecret

克隆项目WxCommet并将其放入小程序根目录

$ git cloe https://github.com/yicm/WxCommet.git

将LeaCloud自己的AppID和AppKey复制到WxCommet.js对应位置;

AV.iit({    appId: 'your leacloud appid',    appKey: 'your leacloud appkey',});

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

test.wxml

<view class="WxCommet">  <WxCommet tipOe="Markdow " tipTwo="will be supported, Powered by yicm." submitBtText="回复" articleID="{{article_id}}" cotetLe='1'></WxCommet></view>

WxCommet组件属性说明:

tipOe: 颜色显示tip区域文字内容tipTwo: 无颜色显示tip区域文字内容submitBtText:提交按钮文字内容articleID:文章与WxCommet绑定的唯一IDcotetLe:评论内容至少为多长限制Demo

小程序小白AI博客引用WxCommet组件示例:

TODO

添加回复功能

支持图像显示

支持markdow语法

...

Licese

MIT

功能介绍

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

示例图片

声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论