WordPress使用Artitalk.js实现说说/心情/状态展示页

效果图

图片[1] - WordPress使用Artitalk.js实现说说/心情/状态展示页 - 正则时光

教程步骤

1.注册账号

申请Leancloud账号(建议国内版,速度好),注册地址:LeanCloud(https://www.leancloud.cn/)

注册完成之后根据 LeanCloud 的提示绑定手机号和邮箱。

2.创建应用

绑定完成之后点击创建应用,应用名称随意,进入应用管理界面。

图片[2] - WordPress使用Artitalk.js实现说说/心情/状态展示页 - 正则时光

3.创建class

结构化数据中创建 class,命名为 shuoshuo

图片[3] - WordPress使用Artitalk.js实现说说/心情/状态展示页 - 正则时光

然后再新建一个名为atComment的class,方法同上。

4.添加用户

在你新建的应用中找到结构化数据下的用户。点击添加用户,输入想用的用户名及密码。

图片[4] - WordPress使用Artitalk.js实现说说/心情/状态展示页 - 正则时光

5.添加权限

回到结构化数据中,点击 class 下的 shuoshuo。找到权限,在 Class 访问权限中将 add_fields 、createdelete 和 update权限设置为指定用户,输入你刚才输入的用户名会自动匹配。

图片[5] - WordPress使用Artitalk.js实现说说/心情/状态展示页 - 正则时光

建议将 _User 中的权限全部调为指定用户,为了保证不被篡改用户数据以达到强制发布说说,方法同上。

6.绑定域名

在菜单栏中找到设置-> 域名绑定,进行域名绑定操作。(国际版不需要绑定域名,但是相应的速度很慢,几乎打不开)

图片[6] - WordPress使用Artitalk.js实现说说/心情/状态展示页 - 正则时光

7.在菜单栏中找到设置-> 应用凭证,记录下appidappkeyrequest域名

图片[7] - WordPress使用Artitalk.js实现说说/心情/状态展示页 - 正则时光

8.网站嵌入

理论上,除了wordpress所有的网站都可以嵌入如下代码即可实现。

<!-- 引用 artitalk -->
<script type="text/javascript" src="https://unpkg.com/artitalk"></script>
<!-- 存放说说的容器 -->
<div id="artitalk_main"></div>
<script>
new Artitalk({
    serverURL: 'https://shuoshuo.regular.cc',// Your LeanCloud request域名
    appId: '', // Your LeanCloud appId
    appKey: '' // Your LeanCloud appKey
})
</script>

在wordpress中添加新页面,添加html代码块,放入上述代码并修改自己的配置即可!

图片[8] - WordPress使用Artitalk.js实现说说/心情/状态展示页 - 正则时光

项目地址

更多操作,与配置项参数设置,请参考项目操作文档:

Artitalk.js(https://artitalk.js.org/)

© 版权声明
THE END
喜欢就支持一下吧
点赞11 分享