<kbd id="afajh"><form id="afajh"></form></kbd>
<strong id="afajh"><dl id="afajh"></dl></strong>
    <del id="afajh"><form id="afajh"></form></del>
        1. <th id="afajh"><progress id="afajh"></progress></th>
          <b id="afajh"><abbr id="afajh"></abbr></b>
          <th id="afajh"><progress id="afajh"></progress></th>

          WxComment微信小程序評論插件

          聯(lián)合創(chuàng)作 · 2023-09-24 19:56

          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嵌入式到具體博客中顯示的效果。

          快速入手

          1. 注冊LeanCloud賬號(hào),并創(chuàng)建過LeanCloud應(yīng)用;

          2. 登陸LeanCloud賬號(hào),打開鏈接https://leancloud.cn/docs/weapp-domains.html,將顯示域名配置到你的微信小程序服務(wù)器配置中;

          3. 設(shè)置小程序的 AppID 與 AppSecret 3.1 登錄 微信公眾平臺(tái),在設(shè)置 > 開發(fā)設(shè)置 中獲得 AppID 與 AppSecret 3.2 前往 LeanCloud 控制臺(tái) > 組件 > 社交,保存「微信小程序」的 AppID 與 AppSecret

          4. 克隆項(xiàng)目WxComment并將其放入小程序根目錄

          $ git clone https://github.com/yicm/WxComment.git
          1. 將LeanCloud自己的AppID和AppKey復(fù)制到WxComment.js對應(yīng)位置;

          AV.init({
              appId: 'your leancloud appid',
              appKey: 'your leancloud appkey',
          });
          1. 在小程序其他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語法

          • ...

          License

          MIT

          瀏覽 36
          點(diǎn)贊
          評論
          收藏
          分享

          手機(jī)掃一掃分享

          編輯 分享
          舉報(bào)
          評論
          圖片
          表情
          推薦
          點(diǎn)贊
          評論
          收藏
          分享

          手機(jī)掃一掃分享

          編輯 分享
          舉報(bào)
          <kbd id="afajh"><form id="afajh"></form></kbd>
          <strong id="afajh"><dl id="afajh"></dl></strong>
            <del id="afajh"><form id="afajh"></form></del>
                1. <th id="afajh"><progress id="afajh"></progress></th>
                  <b id="afajh"><abbr id="afajh"></abbr></b>
                  <th id="afajh"><progress id="afajh"></progress></th>
                  美女少妇吃药后在线 | 欧美一片黄 | 国产男女AV | 国产午夜福利 | 亚洲天堂久久 |