写在最前

这是Steemit的Wordpress评论插件开发系列学习分享系列文章1篇，在使用steemit的时候产生了开发一个wordpress评论插件的想法，在Wordpress中使用steemit，之后我就着手研究了，最后能不能成功两说，但现在我就开始将自己学习的过程分享出来。

所有的例子我都上传到我的github当中了，具体请参考RileyGe/SteemJsExamples: Examples to show you how to use steemjs，本文对应文件为：SteemJsExamples/readComments.html at master · RileyGe/SteemJsExamples。欢迎大家指正。

1、对steemit的理解

自己是个新手，steemit大约就是个数据库吧，把非常多的数据都放到不知道哪里，然后我们可以查询这些数据。具体怎么查询，这个自己不用关心，有人已经做好了接口，我们调用接口然后就能取得我们想要的数据。

2、SteemJs库

我使用了一个js的库Steem.js the official JavaScript library for Steem blockchain，上面是他的github地址，里面只有一点点的教程了示例，所以真的要理解，使用他还是有点难度的。本文也只使用了他很小很小的一部分功能。

3、确定我们需要的功能

现在只需要将查出一篇文章的评论内容。

4、示例代码

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">

    <script type="text/javascript" src="https://cdn.steemjs.com/lib/latest/steem.min.js"></script>
    <script type="text/javascript" src="https://code.jquery.com/jquery-latest.min.js"></script>

    <script>
        var localDiscussion = null;
        var index = -1;

        $(document).ready(function () {
        //steem.api.setWebSocket("wss://steemd.minnowsupportproject.org");
            steem.api.setWebSocket("wss://steemd.steemitstage.com");
             
            $("#btnGetComments").click(function () {
                var author = $("#txtAuthor").val();
                var permlink = $("#postLink").val();
                //console.log(permlink);
                steem.api.getContentReplies(author, permlink, function(err, result) {
                    //console.log(err, result);
                    if (!err)
                    { 
                        $("#resultsTable").empty();
                        for (i = 0; i <= result.length - 1; i++) {
                            //console.log(result[i]);
                            var commentAuthor = result[i].author;                           
                            $("#resultsTable").append(commentAuthor);
                            $("#resultsTable").append(" says: ");
                            var commentContent = result[i].body;
                            $("#resultsTable").append(commentContent);
                            $("#resultsTable").append("<br />");
                        }
                    }
                    else
                    { alert(err);}
                });
                    
            });
        });
    </script>
</head>
<body>
    <hr />

    <div class="expandablerVotes">
        <div>
            Author
            <input type="text" id="txtAuthor" style="width: 150px;" value="rileyge" />   
            Post Link
            <input type="text" id="postLink" style="width: 150px;" value="or-i-am-an-ailurophile" />   
            <input id="btnGetComments" type="button" value="Get Comments Data" />
        </div>
        <br/>
    </div>
    <br/>
    <div id="resultsTable">
    </div>
</body>
</html>

代码解释：这是一段非常简单的代码两个输入框，一个按钮。单击之后就能查询出来相应帖子的评论。

里面代码其实都非常简单，最关键的一个函数就是steem.api.getContentReplies(author, permlink, callback)这个函数，第一个参数就是你想要查的id，第二个参数是你想要查的文章的link，第三个是回调函数。

6、存在的问题

大家如果运行上面的html页面，会发现实际上只查到4个回复，实际上在这些回复下面还有更深一层次的回复并没有查找出来。result[i]下面其实还有一个变量children里面存储了下面有“子评论”多少个，但怎么查询子评论大家可以思考一下，我会在评论中回答这个问题。

Sort Order:

Trending

[-]

rileyge (50) · 7 years ago

将所有子评论读出的方法也很简单，只要递归的调用steem.api.getContentReplies(author, permlink, callback)就可以了，注意改变permlink和author就可以了，具体可以参考：用steemjs嵌套的读取文章的所有评论 — Steemit

$0.00

1 vote

maiyude (64) · 7 years ago

学习了，谢谢！！

rivalhw (75) · 7 years ago

建议文中作者联系下微信 rivalhw 备注:技术

wilhb81 (76) · 7 years ago

@rileyge 兄弟对Steemjs的理解还蛮深入的，可以考虑进入Steemit开发团队～

恩，谢谢指点。

yangjun (31) · 7 years ago

学习了～

我是小尾巴～
互相关注，互相点赞，欢迎加入我们点赞群～😄

学习了，期待你写更多的教程。