本文作者:DurkBlue

web集成Valine评论系统的过程

DurkBlue2020-02-111787
web集成Valine评论系统的过程摘要: valine官网是这样介绍的自己。使用起来也很方便,具体要怎么使用,且听我细细道来~第一步Valine是基于LeanCloud来开发的,所以需要先注册一个LeanCloud帐号并且...

web集成Valine评论系统的过程 第1张

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

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

第一步

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

第二步

引入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评论系统的过程 第4张

此篇文章由DurkBlue发布,转载请注明来处
文章投稿或转载声明

来源:DurkBlue版权归原作者所有,转载请保留出处。本站文章发布于 2020-02-11
温馨提示:文章内容系作者个人观点,不代表DurkBlue博客对其观点赞同或支持。

赞(0)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

阅读
分享