写在最前

这是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("
");
                        }
                    }
                    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>