给自己的网站添加评论功能
2017-06-09Frontend
解决方案
动态自建
需要数据库存储,后台接口,以及前端页面等都自己实现。 优点:所有技术和数据都在自己手中,可控性强,安全。 缺点:细节很多,包括表结构,顶和踩计数、还有评论的评论(盖楼)、排序、敏感词过滤、审核等等。还是挺大的一个系统
静态集成第三方
目前流行的有以下几种: 【Disqus】:国外的,因为众所周知的原因,可能被墙。 【多说】:之前很多人在用,不过已经停止服务了,他们的代码开源在github.com/duoshuo,有兴趣可以参考。 【畅言】:搜狐出品。 【网易云跟帖】:网易出品。
<!--more-->选择
不想耗费太多精力,也不想重复造轮子,所以选择集成网易云跟帖,也是因为一直对网易的产品比较有好感。
过程
-
使用网易账号登陆云跟帖后台;
-
填写基本信息和相关信息:
【图1】
-
然后就可以获取代码集成了:
【图2】 代码如下:
<div id="cloud-tie-wrapper" class="cloud-tie-wrapper"></div>
<script src="https://img1.cache.netease.com/f2e/tie/yun/sdk/loader.js"></script>
<script>
var cloudTieConfig = {
url: document.location.href,
sourceId: "",
productKey: "32b5a020f7eb416280e9317a050982ac",
target: "cloud-tie-wrapper"
};
var yunManualLoad = true;
Tie.loader("aHR0cHM6Ly9hcGkuZ2VudGllLjE2My5jb20vcGMvbGl2ZXNjcmlwdC5odG1s", true);
</script>
云跟帖通过url、sourceId、productKey这三个参数确定唯一的一个网页,productKey一定要替换成你自己的;
因为我在wangyucode.github.io和wycode.cn都部署了一样的网页,所以我把url: document.location.href,替换为url: "http://wycode.cn/about.html",使github和我自己的服务器上拥有一样的数据。
后续
- 云跟帖支持数据审核,敏感词过滤等,你可以自主选择显示哪些评论。
- 云跟帖支持数据导出,以后要做迁移可以导出数据
- 还支持评论时回推数据到你指定的地址,此功能结合api可以做到产生评论立即推送一条消息到自己的手机,做到消息秒回!