Ionic APP中的Disqus

时间:2015-05-17 19:45:46

标签: javascript ionic disqus

我正在尝试在我的离子应用中实现disqus提交。我知道我必须在域上托管它,我认为我已经正确配置了它。欢迎任何帮助

以下是我的app.js中离子应用程序的代码

$scope.showComments = function () {
    $scope.currentView = "comments";
    //loadComments(params["shortname"], params["url"], params["title"], params["identifier"]);
    //

    var disqus_title = "Venue 1";
    var disqus_identifier = '/venue/' + $stateParams.id;
    var disqus_url = 'liverpool.li/venue/' + $stateParams.id;
    var url = "http://liverpool.li/app/disqus.html?";
    $scope.url = url + "shortname=liverpoolli&url=" + encodeURIComponent(disqus_url) +
    "&title=" + encodeURIComponent(disqus_title) + "&identifier=" + encodeURIComponent(disqus_identifier);
    $scope.url = $sce.trustAsResourceUrl($scope.url);
};

$scope.$on("$destroy", function () {
    if ($scope.lastScriptElm && $scope.lastScriptElm.parentNode) {
        $scope.lastScriptElm.parentNode.removeChild($scope.lastScriptElm);
        $scope.lastScriptElm = null;
    }
});

它指向的网页(disqus.html)位于我的域名

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
</head>
<body>
<div id="disqus_thread"></div>
<script type="text/javascript">
    var params;
    var disqus_url;
    var disqus_title;
    var disqus_shortname;
    var disqus_identifier;

    window.onload = function () {
        var match,
            pattern = /\+/g,
            search = /([^&=]+)=?([^&]*)/g,
            decode = function (s) { return decodeURIComponent(s.replace(pattern, " ")); },
            query = window.location.search.substring(1);

        params = {};
        while (match = search.exec(query))
           params[decode(match[1])] = decode(match[2]);

        if (params["shortname"] === undefined || params["url"] === undefined || params["title"] === undefined) {
            alert("Required arguments missing");
        }
        else {
            loadComments(params["shortname"], params["url"], params["title"], params["identifier"]);
        }
    };

    function loadComments(shortname, url, title, identifier) {
        disqus_url = url;
        disqus_title = title;
        disqus_shortname = shortname;

        if (identifier !== undefined)
            disqus_identifier = identifier;
        else
            disqus_identifier = "";

        (function() {
            var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = false;
            dsq.src = 'http://' + disqus_shortname + '.disqus.com/embed.js';
            (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
        })();
    }
</script>
<noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
<a href="http://disqus.com" class="dsq-brlink">blog comments powered by <span class="logo-disqus">Disqus</span></a>
</body>
</html>

我收到以下错误

  

我们无法加载disqus。如果您是主持人,请参阅我们的   故障排除指南。

1 个答案:

答案 0 :(得分:4)

看起来你几乎就在那里。我看到的唯一问题是var disqus_url = 'http://liverpool.li/venue/' + $stateParams.id;变量还必须包含有效的协议。请尝试使用此行:

var TempSchema = new Schema({ location: Schema.Types.Mixed });