2016-11-12 2 views
0

trello API로 작업해야하지만 오류 400 (유효하지 않은 토큰)이 표시됩니다. 이유가 없습니다.
이것은Trello api 토큰이 유효하지 않습니다.

<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> 

답변

0

전체 문서가 준비가 될 것입니다, 그래서 당신은 document.ready 안에 모든 코드 논리를 두어야하고 만 팝업을 얻을 것이다 (나는 mykey 내 실제 키를 교체 한) 내 코드입니다 인증/권한 부여를위한 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> 

코드 심판 URL : http://jsfiddle.net/danlec/nNesx/

관련 문제