Benötigen Sie einfache Twitter-API v1.1 Beispiel, um zu zeigen timeline mit jQuery oder C# ASP.NET

Twitter ausschalten der API 1.0 Wasserhahn auf 6/11/2013, wir haben mehrere Standorte, die jetzt nicht angezeigt timelines. Ich habe auf der Suche nach einem "Wenn du das getan hast, jetzt dies tun" - Beispiel. Hier wurde der Twitter-Ankündigung.
https://dev.twitter.com/blog/api-v1-is-retired

Hier ist, was wir ursprünglich tun, zeigen Sie die Twitter-timeline via API 1.0.

<div id="twitter">
    <ul id="twitter_update_list"></ul>
    <script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
    <script type="text/javascript" src="http://api.twitter.com/1/statuses/user_timeline/companytwitterhandle.json?callback=twitterCallback2&amp;count=1"></script>
    <div style="float:left;"><a href="https://twitter.com/companytwitterhandle" target="_blank">@companytwitterhandle</a> | </div>
    <div class="twitterimg">&nbsp;</div>
</div>

Zunächst habe ich versucht, die änderung der version in der JavaScript-Referenz URL wie so, was nicht funktioniert hat.

<script type="text/javascript" src="http://api.twitter.com/1.1/statuses/user_timeline/companytwitterhandle.json?callback=twitterCallback2&amp;count=1"></script>

Dann sah ich auf die Twitter-API-Dokumentation ( https://dev.twitter.com/docs/api/1.1/overview ), die keinen klaren übergang Beispiel. Ich habe nicht 4 oder 5 Stunden zu vertiefen in das, oder in dieser zerzaust FAQ (https://dev.twitter.com/docs/faq#17750).

Dann fand ich diese API-Dokumentation für die Benutzer-timeline. Also änderte ich die URL wieder wie unten gezeigt.
https://dev.twitter.com/docs/api/1.1/get/statuses/user_timeline

<script type="text/javascript" src="https://api.twitter.com/1.1/statuses/user_timeline.json?screen_name=companytwitterhandle&amp;count=1"></script>

Das hat nicht funktioniert.

Mit jQuery oder C# ASP.NET MVC, wie kann ich den übergang, die Schnittstelle von Twitter-API 1.0 auf Twitter API 1.1? Meine erste Präferenz wäre für einen browser-client-side-Implementierung, wenn das möglich ist. Bitte ein code-Beispiel. Danke.

InformationsquelleAutor Ken Palmer | 2013-06-13
  1. 0

    Dies ist, wie ich dies getan habe:

    Bitte siehe meine Frage und Antwort hier:

    Die Authentifizierung und die Anfrage eines Benutzers timeline bei Twitter API 1.1 oAuth

    Verwenden Sie die oben genannten Lösung und machen das json zurück zu der Seite, speichern Sie in einer Variablen namens json.

    Setzen Sie einen Verweis auf jQuery und der twitter-text, js-Bibliothek;

    https://github.com/twitter/twitter-text-js

    Hinzufügen div mit einem id oder Ergebnisse zu Ihrer aspx:

     <div id="results"></div>

    Wiedergegeben werden können, den Inhalt mit dem folgenden javascript-Code:

    for (var i = 0; i < json.length; i++) {
                $("#results").append('<div class="tweet"><p><span><strong> - ' + json[i].created_at.substring(0, 16) + '</span></strong></span><br/>' + twttr.txt.autoLink(json[i].text) + '</p>');
                try {
                    for (var j = 0; j < json[i].entities.media.length; j++) {
                        $("#results").append('<a href="' + json[i].entities.media[j].media_url + '"><img src="' + json[i].entities.media[j].media_url + ':thumb" /></a>');
                    }

                } catch(e) {
                }
            }
    InformationsquelleAutor hutchonoid
  2. 0

    Okay, ich erhielt eine Antwort von einem Kollegen, der eine ähnliche Veränderung in meinem Unternehmen. Hier ist die codierte Lösung. Er erhielt diese von einer Firma, die wir beauftragt zu bauen, eine neue Schnittstelle, die für uns mit einer Twitter-timeline.

    <a class="twitter-timeline" href="https://twitter.com/companytwitterhandle" data-widget-id="18DigitMagicNumber" data-chrome="nofooter transparent noscrollbar noheader noborders"  data-tweet-limit="1" >Tweets by @@companytwitterhandle</a>
<script>!function (d, s, id) { var js, fjs = d.getElementsByTagName(s)[0], p = /^http:/.test(d.location) ? 'http' : 'https'; if (!d.getElementById(id)) { js = d.createElement(s); js.id = id; js.src = p + "://platform.twitter.com/widgets.js"; fjs.parentNode.insertBefore(js, fjs); } }(document, "script", "twitter-wjs");</script>

    Sehen Sie in der data-widget-id Attribut 18DigitMagicNumber. Diese Zahl ist offenbar gebunden an unsere Twitter-handle oder unserer Firma. Ich weiß nicht, wie das generiert wird.

    Wie angegeben, einen von ihm Beauftragten Unternehmen schrieb, dass der code für uns, also werde ich nicht versuchen zu erklären, was es überhaupt tut.

    Ich geschnitten und eingefügt, das aus einer Website in eine unabhängige Website, und es hat sofort funktioniert. Das einzige, was ich geändert habe war das entfernen von der eigentlichen Firma handle und data-widget-id, und ersetzen Sie die einzelnen @ mit @@ zu entkommen, es in MVC.

    Hoffentlich wird dies helfen, einige von Euch, die auch die Migration auf Twitter 1.1. Danke.

    • Diese verwendet Reine JavaScript statt jQuery-wie der OP beantragt, und nicht arbeiten. jsfiddle.net/3xsjn59u
    • Ich war die OP, und dieser code war an der Zeit. Der post ist fast 3 Jahre alt jetzt, also es können veraltet sein in dieser Zeit. Keinen Sinn in downvoting dies aber nicht. 🙂
    • Auch der Hinweis, die fiddle Beispiel hat der string "18digitmagicnumber" zugewiesen, um die Daten-widget-id, anstatt eine echte Twitter-Nummer. Brauchen Sie einen real account bei Twitter für das code-Beispiel funktioniert. Als früherer Arbeitgeber, hatte ich nicht das Gefühl, es sei klug, zu veröffentlichen, die Informationen.
    InformationsquelleAutor Ken Palmer
  3. -1

    Erstellen Sie eine JavaScript einzige Lösung, die funktioniert einfach aus der box zu bekommen Twitter Beiträge auf Ihrer Website ohne die Verwendung der neuen API - styling wird - nun geben Sie die Anzahl der tweets zu:

    http://goo.gl/JinwJ

    InformationsquelleAutor Jason
Schreibe einen Kommentar