Twitter<\/code>. Par exemple, vous pourriez \u00eatre amen\u00e9(e) \u00e0 devoir trouver une solution facile pour rapatrier exclusivement<\/b> des tweets issus d’une liste de comptes twitter sp\u00e9cifiques. Bien s\u00fbr, il existe pour r\u00e9pondre \u00e0 ce besoin fonctionnel des widgets \u00e0 votre disposition depuis votre compte Twitter. Dans notre exemple, un widget List<\/code> conviendrait assez au besoin fonctionnel. Toutefois, les \u00e9volutions fonctionnelles ou les possibilit\u00e9s de personnalisation dans la mise en forme de cette liste restent limit\u00e9es. Evidemment ces deux \u00e9cueils peuvent vous poser \u00e0 terme un probl\u00e8me au risque de ne pas satisfaire le besoin fonctionnel du client ou le rendu qui vous est impos\u00e9 par le graphisme.<\/p>\nC’est donc \u00e0 ces limites que l’on va s’attaquer dans le pr\u00e9sent article tout en conservant le recours au widget twitter car on peut pas trouver de meilleur UX en mati\u00e8re d’\u00e9dition et de gestion…<\/b><\/p>\n
Pour illustrer notre propos, on va donc cr\u00e9er un widget list sur un compte twitter puis r\u00e9cup\u00e9rer \u00e0 l’aide d’un flux JSON et de l’authentification OAuth les donn\u00e9es issues de ce widget mais d\u00e9polluer de tous les \u00e9l\u00e9ments dont on ne veut pas comme la mise en forme…etc. pour pouvoir ult\u00e9rieurement faire \u00e9voluer ce produit \u00e0 notre guise tant d’un point de vue fonctionnel que graphique.<\/p>\n\t\t\t\t\t
\n\n\t\t\t\t\t \n\t\t\t\t\t ![\"Twitter](\"http:\/\/ecx.images-amazon.com\/images\/I\/41xfQKqOOAL._SL160_.jpg\")
<\/a>\n\t\t\t\t\t <\/div>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\tTwitter API: Up and Running<\/a><\/h2>\n\t\t\t\t\t\t\t\n\t\t\t\t\t Le livre \"API Twitter: Up and Running\" pr\u00e9sente les fondements de la culture Twitter et des cas concrets d'utilisation de programmation via l'API sur comment construire ses propres outils avec le code PHP \/ MySQL n\u00e9cessaire \u00e0 la cr\u00e9ation d'applications. description compl\u00e8te. Ce livre offre \u00e9galement une compr\u00e9hension de base de la fa\u00e7on dont les applications sont construites et h\u00e9berg\u00e9s sur le Web.<\/p>\n\t\t\t\t\t\t\t\tGenre(s) : API<\/a>, APIs<\/a>, Cloud<\/a>, Database MySQL<\/a>, D\u00e9veloppement<\/a>, Facebook<\/a>, Mobile<\/a>, Multicanal<\/a>, Open Source<\/a>, PHP<\/a>, R\u00e9seaux Sociaux<\/a>, ROI<\/a>, SMO<\/a>, Social TV<\/a>, Tablette<\/a>, T\u00e9l\u00e9vision connect\u00e9e<\/a>, Twitter<\/a>, Twitter Api<\/a>, UX<\/a>, Web<\/a>, Web Apps<\/a>
Auteur(s) : Kevin Makice<\/a>
Edition(s) : Inc<\/a>, O'Reilly Media<\/a>, USA<\/a>
\n\t\t\t\t\t<\/i>+ d'infos<\/span><\/a><\/div>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\nCr\u00e9er un widget list sur twitter<\/h4>\n
La proc\u00e9dure est tr\u00e8s simple, en voici les principales \u00e9tapes.On va s\u00e9lectionner deux comptes twitter puis on va les placer dans un widget.
\n Une liste de 2 comptes twitter (troiswdoc_hecube_list) :<\/b><\/p>\n\n- @3wdoc<\/li>\n
- @HECUBE_NET<\/li>\n<\/ul>\n
Cr\u00e9er un widget de list dans votre compte Twitter<\/h4>\n
Il faudra bien conserver en t\u00eate le nom de votre widget. Dans notre exemple, notre widget se nomme troiswdoc-hecube-list<\/code>. C’est cette<\/p>\n ![\"Twitter,](\"https:\/\/flaven.fr\/wp-content\/uploads\/2013\/10\/monitor_mulitple_accounts_twitter_create_1.jpg\")
<\/p>\n
![\"Twitter,](\"https:\/\/flaven.fr\/wp-content\/uploads\/2013\/10\/monitor_mulitple_accounts_twitter_create_2.jpg\")
<\/p>\n
![\"Twitter,](\"https:\/\/flaven.fr\/wp-content\/uploads\/2013\/10\/monitor_mulitple_accounts_twitter_create_3.jpg\")
<\/p>\n
![\"Twitter,](\"https:\/\/flaven.fr\/wp-content\/uploads\/2013\/10\/monitor_mulitple_accounts_twitter_create_4.jpg\")
<\/p>\n
![\"Twitter,](\"https:\/\/flaven.fr\/wp-content\/uploads\/2013\/10\/monitor_mulitple_accounts_twitter_create_5.jpg\")
<\/p>\n
![\"Twitter,](\"https:\/\/flaven.fr\/wp-content\/uploads\/2013\/10\/monitor_mulitple_accounts_twitter_create_6.jpg\")
<\/p>\n
Les OAuth settings<\/code> de votre application app-parse-list-widget<\/code>. Ces param\u00e8tres r\u00e9sument toutes les informations dont vous aurez besoin pour vous connecter via OAuth<\/code> \u00e0 votre application Twitter. Bien \u00e9videmment, les cl\u00e9s donn\u00e9es ci-dessous ne sont pr\u00e9sent\u00e9es qu’\u00e0 titre d’exemple, notamment les permission d’acc\u00e8s.<\/b><\/p>\nLes param\u00e8tres OAuth de votre application Twitter<\/b> <\/p>\n\n- Consumer key: * IhivoXX896laQqT22CL7kQ<\/li>\n
- Consumer secret: * AxvM7x2fK5Ppkly4XSGzJfuQUe3uC0VcY9VJvqPcA<\/li>\n
- Access token: * 32123456-PsLXOEvth8Ny0tSa2UsaZXe8o6D3DaG0s50pDecoL<\/li>\n
- Access token secret: * Py7Sipi1Bs0bByakACjA3QF2AXo7fAtr7gx6qsP7R72<\/li>\n<\/ul>\n
Il faut rendre public le widget de sorte que vous puissiez obtenir la possibilit\u00e9 de faire des requ\u00eates. Pour se faire, il faut Cliquer sur Public<\/b> lors de la cr\u00e9ation de votre application sur Twitter.<\/p>\n
Les param\u00e8tres \u00e0 compl\u00e9ter pour faire fonctionner l’Authentification OAuth<\/code> pour votre application Twitter<\/b><\/p>\n\r\n define('_TWITTER_USER_', 'bflaven'); \r\n define('_NB_TWEETS_', '1'); \r\n define('_CONSUMER_KEY_', 'IhivoXX896laQqT22CL7kQ');\r\n define('_CONSUMER_SECRET_', 'AxvM7x2fK5Ppkly4XSGzJfuQUe3uC0VcY9VJvqPcA');\r\n define('_ACCESS_TOKEN_', '32123456-PsLXOEvth8Ny0tSa2UsaZXe8o6D3DaG0s50pDecoL');\r\n define('_ACCESS_TOKEN_SECRET_', 'Py7Sipi1Bs0bByakACjA3QF2AXo7fAtr7gx6qsP7R72');\r\n define('_OAUTH_CALLBACK_', 'https:\/\/flaven.fr');\r\n<\/pre>\nCr\u00e9er une app du cot\u00e9 de chez Twitter <\/h4>\n
Une fois la proc\u00e9dure de cr\u00e9ation termin\u00e9e, il reste \u00e0 prendre le nom du widget.
\n![\"Twitter,](\"https:\/\/flaven.fr\/wp-content\/uploads\/2013\/10\/monitor_mulitple_accounts_twitter_app_3.jpg\")
<\/p>\n
![\"Twitter,](\"https:\/\/flaven.fr\/wp-content\/uploads\/2013\/10\/monitor_mulitple_accounts_twitter_app_2.jpg\")
<\/p>\n
![\"Twitter,](\"https:\/\/flaven.fr\/wp-content\/uploads\/2013\/10\/monitor_mulitple_accounts_twitter_app_1.jpg\")
<\/p>\n
Dans le code embed donn\u00e9 par Twitter, vous avez le nom de votre widget ex troiswdoc-hecube-list<\/code><\/b><\/p>\n\r\n <a class=\"twitter-timeline\" href=\"https:\/\/twitter.com\/bflaven\/troiswdoc-hecube-list\" data-widget-id=\"392871243596062720\">Tweets from @bflaven\/troiswdoc-hecube-list<\/a>\r\n <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>\r\n\r\n\r\n<\/pre>\nLe fichier grab_tweets_from_widget_list_with_twitteroauth.php<\/code>, comme le nom du fichier l’indique ce fichier permet de r\u00e9cup\u00e9rer les tweets d’un widget list cr\u00e9\u00e9 sous Twitter<\/b><\/p>\n\r\n <?php\r\n session_start();\r\n\r\n \/* Path to twitteroauth library *\/ \r\n \/* Put the OAuth.php and twitteroauth.php in the correct directory for \/twitteroauth\/ *\/\r\n require_once(\"twitteroauth\/twitteroauth.php\"); \r\n\r\n \/**\r\n * @file\r\n * A single location to store configuration.\r\n *\/\r\n \/*\r\n Replace by your own data\r\n *\/\r\n define('_TWITTER_USER_', 'bflaven'); \r\n define('_NB_TWEETS_', '1'); \r\n define('_CONSUMER_KEY_', 'IhivoXX896laQqT22CL7kQ');\r\n define('_CONSUMER_SECRET_', 'AxvM7x2fK5Ppkly4XSGzJfuQUe3uC0VcY9VJvqPcA');\r\n define('_ACCESS_TOKEN_', '32123456-PsLXOEvth8Ny0tSa2UsaZXe8o6D3DaG0s50pDecoL');\r\n define('_ACCESS_TOKEN_SECRET_', 'Py7Sipi1Bs0bByakACjA3QF2AXo7fAtr7gx6qsP7R72');\r\n define('_OAUTH_CALLBACK_', 'https:\/\/flaven.fr');\r\n\r\n \/* Widget name *\/\r\n \/*\r\n Replace by your own widget\r\n *\/\r\n\r\n define('_TWITTER_WIDGET_SLUG_', 'troiswdoc-hecube-list');\r\n\r\n\r\n\r\n \/* VALUES *\/\r\n $twitteruser = ''._TWITTER_USER_.'';\r\n $notweets = ''._NB_TWEETS_.'';\r\n $consumerkey = ''._CONSUMER_KEY_.'';\r\n $consumersecret = ''._CONSUMER_SECRET_.'';\r\n $accesstoken = ''._ACCESS_TOKEN_.'';\r\n $accesstokensecret = ''._ACCESS_TOKEN_SECRET_.'';\r\n\r\n\r\n function getConnectionWithAccessToken($cons_key, $cons_secret, $oauth_token, $oauth_token_secret) {\r\n $connection = new TwitterOAuth($cons_key, $cons_secret, $oauth_token, $oauth_token_secret);\r\n return $connection;\r\n }\r\n\r\n $connection = getConnectionWithAccessToken($consumerkey, $consumersecret, $accesstoken, $accesstokensecret);\r\n\r\n \/* Check out the widget *\/\r\n \/* Be sure to use the correct slug eg troiswdoc-hecube-list *\/\r\n\r\n\r\n $tweets = $connection->get('https:\/\/api.twitter.com\/1.1\/lists\/members.json?slug='._TWITTER_WIDGET_SLUG_.'&owner_screen_name='._TWITTER_USER_.'');\r\n\r\n\r\n \/* FOR DEBUG ONLY *\/\r\n \/\/ print_r($tweets);\r\n\r\n \/* DECODE JSON *\/\r\n $json = json_encode($tweets);\r\n $json = json_decode($json, true);\r\n\r\n\r\n \/* Print out parsing the needed values sent back by the json of Twitter *\/\r\n for ($i = 0; $i <= count($json); $i++) {\r\n $tweet = $json['users'][$i][\"status\"][\"text\"];\r\n echo (''.$tweet.'');\r\n echo ('<br\/>');\r\n\r\n }\r\n\r\n ?>\r\n \r\n<\/pre>\nEn savoir plus<\/h2>\n\n- How to Add OAuth Authentication to Your Twitter App
http:\/\/www.sitepoint.com\/twitter-1-1-oauth-php\/<\/a><\/li>\n- The first PHP Library to support OAuth for Twitter’s REST API
https:\/\/github.com\/abraham\/twitteroauth<\/a><\/li>\n- La documentation sur l’API 1.1 de Twitter
https:\/\/dev.twitter.com\/docs\/api\/1.1\/<\/a><\/li>\n- 25 Useful jQuery Plugins to Integrate Twitter into Websites with ease
http:\/\/www.tripwiremagazine.com\/2010\/08\/25-useful-jquery-plugins-to-integrate-twitter-into-websites-with-ease.html<\/a><\/li>\n- Creating a Custom jQuery Twitter Feed
http:\/\/www.webdevdoor.com\/javascript-ajax\/custom-twitter-feed-integration-jquery\/<\/a><\/li>\n- Setting up Twitter API, getting the last few Tweets
http:\/\/stackoverflow.com\/questions\/17049821\/setting-up-twitter-api-getting-the-last-few-tweets<\/a><\/li>\n- How to Create an Advanced Twitter Widget
http:\/\/net.tutsplus.com\/tutorials\/php\/how-to-create-an-advanced-twitter-widget\/<\/a><\/li>\n- 25 Twitter Apps to Manage Multiple Accounts
http:\/\/mashable.com\/2009\/05\/18\/twitter-apps-manage-multiple-accounts\/<\/a><\/li>\n- want to show tweets from multiple username in my site.. how can we do that. Everytime user opens my home page i want to show them tweets from mulitple acocunts i have a list of those accounts
https:\/\/dev.twitter.com\/discussions\/3300<\/a><\/li>\n- I’m having trouble with lists – Twitter
https:\/\/support.twitter.com\/articles\/20169276<\/a><\/li>\n- Votre page de gestion de Widgets sur Twitter
https:\/\/twitter.com\/settings\/widgets<\/a><\/li>\n- Embedded Timelines de Twitter
https:\/\/dev.twitter.com\/docs\/embedded-timelines<\/a><\/li>\n- How to Create Your Own Twitter Widget in PHP, Part 1
http:\/\/www.sitepoint.com\/create-your-own-twitter-widget-1\/<\/a><\/li>\n- Twitter Post Fetcher – compiled – CodePen
http:\/\/codepen.io\/jasonmayes\/pen\/Ioype<\/a><\/li>\n- Create A Dead Simple Twitter Feed with jQuery
http:\/\/www.queness.com\/post\/8567\/create-a-dead-simple-twitter-feed-with-jquery<\/a><\/li>\n- 4 Ways to Retrieve a Twitter List Timeline
http:\/\/blog.wyeworks.com\/2010\/2\/1\/4-ways-to-retrieve-a-twitter-list-timeline\/<\/a><\/li>\n- Display your Favorite Tweets using PHP and jQuery (Updated)
http:\/\/tutorialzine.com\/2011\/08\/display-favorite-tweets-php-css\/<\/a><\/li>\n- Streaming message types de Twitter
https:\/\/dev.twitter.com\/docs\/streaming-apis\/messages<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"Comme souvent, un client peut vous demander des comportements assez sophistiqu\u00e9s concernant le monitoring de sa pr\u00e9sence sur un r\u00e9seau tel que Twitter. Par exemple,… <\/p>\n