Objetivo

O guia passo a passo mais simples de Javascript com código de trabalho completo (<15 linhas) para usar OAuth para postar um tweet em nome de um usuário do Twitter por meio de OAuth.io

Código completo para usar o OAuth para postar tweet no Twitter

Aqui está o código final – um snippet de Javascript que você pode ajustar e brincar instantaneamente sem qualquer codificação, configuração, etc.

https://jsfiddle.net/L6t27c94

Detalhes de cada parte do código:

HTML

<a id="twitter-button" class="btn btn-block btn-social btn-twitter">
  <i class="fa fa-twitter"></i> Post a Tweet on Twitter
</a>

CSS

None

Javascript

$('#twitter-button').on('click', function() {
  // Initialize with your OAuth.io app public key
  OAuth.initialize({Your OAuth.io App Key});
  // Use popup for OAuth
  OAuth.popup('twitter').then(twitter => {
    // OAuth.io Twitter object
    console.log('twitter:', twitter);

    // Use OAuth.io Twitter object to post a tweet
    twitter.post({
      url: "/1.1/statuses/update.json?status=Some%20random%20Tweet"
    }).then(tweet => {
      console.log('Created Tweet:', tweet);
    }); 
  });
})

Requisitos Externos

Este snippet Javascript depende de algumas bibliotecas:

• jQuery – manipulação de elemento HTML
  • https://code.jquery.com/jquery-3.2.1.min.js
• bootstrap, font-awesome – aparência de botões e ícones sociais
  • https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css
  • https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css
  • https://cdnjs.cloudflare.com/ajax/libs/bootstrap-social/4.12.0/bootstrap-social.min.css
• Biblioteca javascript oauth-io – Simplifica o uso de OAuth, ocultando as nuances na implementação de OAuth de vários provedores de OAuth, por exemplo, Facebook, Twitter, etc. por trás da interface OAuth2 padrão ratificada
  • https://cdn.rawgit.com/oauth-io/oauth-js/c5af4519/dist/oauth.js

Guia passo a passo

Aqui está um resumo das etapas para criar este botão social para postar um tweet no Twitter em nome de um usuário usando OAuth2.

1. Crie uma conta no Twitter , se ainda não tiver
2. Crie um aplicativo no Twitter usando este guia passo a passo simples
3. Copie o ID e o segredo do cliente do aplicativo do Twitter
4. Inscreva-se para uma conta OAuth.io
5. Vincule seu aplicativo do Twitter ao OAuth.io colando o ID e o segredo do cliente do aplicativo do Twitter em OAuth.io
6. Copie o snippet javascript OAuth ( https://jsfiddle.net/L6t27c94 ) em sua página da web

Referências

Use OAuth para postar tweet no Twitter – https://tome.oauth.io/providers/twitter/post-a-tweet