web集成Valine评论系统

2020年2月9日17:25:36 发表评论 阅读(2,526)
本文最后更新于2020年4月10日,已超过一年没有更新,如果文章内容或图片资源失效,请留言反馈,我们会及时处理,谢谢!

web集成Valine评论系统

valine官网是这样介绍的自己。

使用起来也很方便,具体要怎么使用,且听我细细道来~

第一步

Valine是基于LeanCloud来开发的,所以需要先注册一个LeanCloud帐号并且登录认证,然后创建自己的应用,拿到里面的APP IDAPP Keyweb集成Valine评论系统web集成Valine评论系统

第二步

引入Valine的js文件,可以使用CDN引入,如果使用了webpack打包构建工具,也可以使用npm命令来安装此文件。

安装完成后需要引入此文件:

  1. // Use import
  2. import Valine from 'valine';

 第三步

实例化Valine:

  1. <div id="vcomments"></div>
  1. new Valine({
  2.   el: '#vcomments' ,//绑定id为vcomments的dom元素
  3.   appId: '<APP_ID>',//自己应用的ID
  4.   appKey: '<APP_KEY>', //自己应用的KEY
  5.   notify:true//是否开启邮件通知,默认false(需要在控制台配置模板)
  6.   verify:true//是否开启验证,默认false
  7.   avatar:'mp', //头像
  8.   placeholder: 'ヾノ≧∀≦)o来啊,快活啊!',//留言框默认文字
  9.   path:this.props.match.url  //页面路径,不同文章路径唯一
  10. })

效果:

web集成Valine评论系统

 

体验地址:react-个人主页

 

 

weinxin
微信小程序
互联网开发,终身学习者,欢迎您的关注!
舍得

发表评论

不高兴 彩虹 吃瓜 丢翔 乖 滑稽 花心 惊哭 惊讶 挤眼 酷 伤心 帅吗? 礼物 玫瑰 怒 生气 喷 睡觉 太开心 小九九 啊
太阳 吐舌 委屈 笑眼 星星月亮 心碎 咦 阴险 疑问 真棒 偷笑 斜眼笑 震惊 略 哈欠 无奈哭 抠鼻 哼 期待 懒得理你 爱心 蜡烛