2022更新:Gitter 在国内的访问效果并不是很好,建议使用 SaleSmartly 替代:https://salesmartly.saaslink.net/ZZlDFJrm2oV5gmm
使用我的邀请码还可以获得95折优惠(限时)!
邀请码:ZZlDFJrm2oV5gmm
一、前言
由于网站没有留言,聊天的功能,导致与很多读者 0 沟通,粘性也就比较差。那么,要如何在网站中快速的集成 IM 即时通讯功能呢?
二、什么是 Gitter?
什么是 Gitter 呢?听名字貌似和 GitHub 有点关系呢?
以下来之维基百科的解释:
Gitter 是 GitHub 存储库的开发人员和用户的即时通讯聊天室系统。 Gitter 作为软件即服务提供商,提供包括免费选项和所有基本功能,以及创建单个私人聊天室的能力,和个人和组织的付费订阅选项,允许他们创建任意数量的私人聊天室。
该服务可以为 GitHub 上的各个 Git 存储库创建个人聊天室。聊天室隐私遵循关联 GitHub 存储库的隐私设置:因此,私有的 GitHub 存储库的聊天室对于访问存储库的人员也是私有的。
它还可以将连接到聊天室的地址信息放置在 git 存储库的 README 文件中,以引起项目所有用户和开发人员的注意。用户也可以通过 GitHub 登录 Gitter 访问他们访问的存储库的私人聊天室。(注意: GitHub 密码是不与 Gitter 共享)
Gitter 类似于 IRC 和 Slack。但与 IRC 不同的是,它像Slack一样,会将所有聊天记录存档至云端。
三、访问 Gitter 官网,并注册用户
- 访问 Gitter 官方网站 https://gitter.im
- 注册用户,这里支持 GitLab,GitHub, Twitter 三种方式来授权登录,我选的是 GitHub:
四、创建自己的 Gitter 聊天室
点击 ADD A ROOM 按钮:
接下来,添加一些朋友加入到你创建的聊天室吧:
聊天室创建完成啦!
五、借助 Sidecar 集成 gitter 到个人网站
好了,聊天室你也创建好了,怎么集成到自己的网站咧?为了开箱即用式的集成到个人网站,我们还需要借助一下 Sidecar, 等等!什么是 Sidecar?
Sidecar 能够帮助你快速便捷的集成 gitter, 仅仅需要添加几行 javascript 代码即可,开箱即用,你还可以通过一些配置来自定义它。
Sidecar 官方网站为: https://sidecar.gitter.im
将 javascript 代码,集成到个人网站中:
<script>
((window.gitter = {}).chat = {}).options = {
room: ''
};
</script>
<script src="https://sidecar.gitter.im/dist/sidecar.v1.js" async defer></script>
大工告成,有兴趣的童鞋,自己也可以上手试一试哦!
六、写在最后
今天我给大家介绍了一个黑科技—— Gitter, 以及如何通过 Sidecar 快速便捷地集成到自己的个人网站中。持续关注,我后面会再推送一些有意思的干货文章哦!下期见!
作者:HackPig520
出处:https://www.cnblogs.com/xiaozhu2020/articles/13092357.html
本文版权归作者所有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。