简体   繁体   English

Trello API无效令牌

[英]Trello api invalid token

I have to make a work with the trello API, but I'm getting error 400 (invalid token) and I have no idea why. 我必须使用trello API进行工作,但出现错误400(无效令牌),我也不知道为什么。
This is my code (I have replaced my actual key with mykey ) 这是我的代码(我用mykey替换了我的实际密钥)

<html>
  <head>
    <title>A Trello Dashboard</title>
    <link rel="stylesheet" media="screen" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
  </head>
  <body>
    <div class="container">
      <h1>Trello Dashboard</h1>
    </div> 
  </body>    

  <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
  <script src="https://trello.com/1/client.js?key=mykey"></script>

  <script type="text/javascript"> 
    Trello.authorize({
      type: 'popup',
      name: 'A Trello Dashboard',
      scope: {
        read: 'true',
        write: 'true' 
      },
      expiration: 'never',
      success: function() { console.log("Successful authentication"); },
      error: function() { console.log("Failed authentication"); }
    });
  </script>
</html>

You should put all your code logic inside document.ready, so the entire document will be ready and then only you will get the popup for authentication / authorization. 您应该将所有代码逻辑放在document.ready内,这样整个文档将准备就绪,然后只有您才能获得用于身份验证/授权的弹出窗口。 you can get a valid app key here : https://trello.com/app-key See the code example : 您可以在此处获得有效的应用程序密钥: https : //trello.com/app-key参见代码示例:

<html>
  <head>
    <title>A Trello Dashboard</title>
    <link rel="stylesheet" media="screen" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
  </head>
  <body>
    <div class="container">
      <h1>Trello Dashboard</h1>
    </div> 
    <div id="loggedin">
    <div id="header">
        Logged in to as <span id="fullName"></span> 
    </div>

    <div id="output"></div>
</div>    

  </body>    

  <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
  <script src="https://api.trello.com/1/client.js?key=[appKeygoeshere]"></script>

  <script type="text/javascript"> 
  $(window).load(function(){
    Trello.authorize({
      type: 'popup',
      name: 'A Trello Dashboard',
      scope: {
        read: 'true',
        write: 'true' 
      },
      expiration: 'never',
      success: function() { console.log("Successful authentication");
          Trello.members.get("me", function(member){
            $("#fullName").text(member.fullName);

            var $cards = $("<div>")
                .text("Loading Cards...")
                .appendTo("#output");

            // Output a list of all of the cards that the member 
            // is assigned to
            Trello.get("members/senthil192/cards/all", function(cards) {
                $cards.empty();
                $.each(cards, function(ix, card) {
                    //alert(card.name);
                    $("<a>")
                    .attr({href: card.url, target: "trello"})
                    .addClass("card")
                    .text(card.name)
                    .appendTo($cards);
                });  
            });
        });
      },
      error: function() { console.log("Failed authentication"); }
    });
    });

  </script>

</html>

code ref url : http://jsfiddle.net/danlec/nNesx/ 代码参考网址: http : //jsfiddle.net/danlec/nNesx/

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM