WxComment微信小程序評論插件
WxComment
WxComment是一個(gè)微信小程序的評論插件,結(jié)合BaaS提供商LeanCloud,無需其他另外的個(gè)人或者云服務(wù)器,就可以免費(fèi)使用。解決了需要個(gè)人去注冊域名、備案、購買云服務(wù)器的繁雜問題。
特色
-
獨(dú)立插件,獨(dú)立放入小程序項(xiàng)目即可使用
-
友好的UI界面和交互界面
-
與微信用戶信息綁定,顯示微信用戶頭像和昵稱
-
支持插件內(nèi)容修改,包括按鈕文字,評論提示,評論字?jǐn)?shù)最低限制等屬性
-
支持長按刪除評論操作
-
支持評論點(diǎn)贊功能
-
支持emoji表情顯示
-
支持文章閱讀量統(tǒng)計(jì)功能
屏幕截圖
下圖為WxComment嵌入式到具體博客中顯示的效果。
快速入手
-
注冊LeanCloud賬號(hào),并創(chuàng)建過LeanCloud應(yīng)用;
-
登陸LeanCloud賬號(hào),打開鏈接https://leancloud.cn/docs/weapp-domains.html,將顯示域名配置到你的微信小程序服務(wù)器配置中;
-
設(shè)置小程序的 AppID 與 AppSecret 3.1 登錄 微信公眾平臺(tái),在
設(shè)置>開發(fā)設(shè)置中獲得 AppID 與 AppSecret 3.2 前往 LeanCloud控制臺(tái)>組件>社交,保存「微信小程序」的 AppID 與 AppSecret -
克隆項(xiàng)目WxComment并將其放入小程序根目錄
$ git clone https://github.com/yicm/WxComment.git
-
將LeanCloud自己的AppID和AppKey復(fù)制到WxComment.js對應(yīng)位置;
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="回復(fù)" articleID="{{article_id}}" contentLen='1'></WxComment>
</view>
WxComment組件屬性說明:
tipOne: 顏色顯示tip區(qū)域文字內(nèi)容 tipTwo: 無顏色顯示tip區(qū)域文字內(nèi)容 submitBtnText:提交按鈕文字內(nèi)容 articleID:文章與WxComment綁定的唯一ID contentLen:評論內(nèi)容至少為多長限制
Demo
小程序小白AI博客引用WxComment組件示例:
TODO
-
添加回復(fù)功能
-
支持圖像顯示
-
支持markdown語法
-
...
