Como criar um Aplicativo e pegar o Access Token no Instagram

A maioria dos widgets para sites/blogs que mostram fotos recentes de um pefil no Instagram, precisam de autorização do usuário para que funcionem.
O Difluir tem aplicativos para isso, pra facilitar para o usuário gerar o código token e usar nossos widgets.

Devido as últimas alterações da API do Instagram, alguns usuários podem ter problemas com o atual código token. Então esse tutorial é para explicar como podem gerar por conta o Access Token, com seu próprio aplicativo na rede social.

Criando o Aplicativo

Para criar um aplicativo no Instagram, entre nessa página.

Se você não tem nenhum aplicativo criado na sua conta do Instagram, ele irá pedir pra cadastrar a URL do seu site, seu telefone e porque você quer criar um aplicativo. Preencha esses campos e depois de confirmar, na nova página que abrir terá o botão Register a new client. Clique nesse botão.

Na próxima página você precisa preencher as informações do seu aplicativo.

instagram-app-1

1. Na aba Details, preencha o nome do aplicativo, a descrição, nome do seu site/blog, a URL dele, e no campo Valid redirect URLs preencha com http://localhost

2. Na aba Security, deixe desmarcado a opção Disable implicit OAuth.
Então preencha o campo Type the words above e depois clique no botão Register.

É importante deixar desmarcado a opção Disable implicit OAuth antes de clicar no botão Register. Do contrário, a URL http://localhost não será aceita.

instagram-app-2

3. Na próxima página você terá seu aplicativo criado com o código Client ID. Esse código será necessário para gerar o access token.

instagram-app-3

Gerando o Access Token

Agora que você já tem seu aplicativo criado, vamos gerar o código access token.
Você vai precisar do código Client ID do seu aplicativo.

Pra gerar o access token use a URL abaixo, substituindo YOUR_CLIENT_ID pelo código Client ID do seu aplicativo.

https://instagram.com/oauth/authorize/?client_id=YOUR_CLIENT_ID&redirect_uri=http://localhost&response_type=token

Então cole essa URL no seu navegador e visite ela (como se estivesse abrindo um site/blog).
Quando fizer isso vai abrir uma página do instagram pedindo pra você autorizar seu perfil para esse aplicativo.
Só clicar no botão Authorize.

instagram-app-4

Após clicar no botão vai retornar uma página no seu próprio computador, com erro.
Ignore o conteúdo da página que retornar, o importante é a URL na barra de endereços do seu navegador.

Vai retornar algo como localhost/#access_token=CODIGO_TOKEN_AQUI

Então é copiar o código token da URL e colar no widget do seu site/blog.

instagram-app-5

Importante (para quem usa WordPress):
Se o widget tiver o link “limpar cache”, clique nele depois que atualizar e salvar o código token no widget.
Se tiver usando plugin de cache, é preciso limpar o cache no plugin.

Deixe seu comentário

11 comentários

  1. Olá.

    Com as novas regras, as pessoas só conseguem pegar seu Access Token quando é um sandbox do usuário que criou o aplicativo né?
    Não dá pra qualquer um mais criar o app pra gerar né?

    1. Até é possível qualquer um criar um app pra outras pessoas gerarem o access token por ele, só que agora tem uma burocracia lá pra conseguir que seu app seu aprovado pelo Instagram. Dificultaram muito :(

      1. Exatamente, eu ando sofrendo pelo fato que a maior parte dos clientes têm preguiça de criar apps.
        Já não bastava o Twitter com toda a burocracia.

  2. Olá muito legal, consegui gerar mesmo com as novas regras.
    Mas será que poderia me auxiliar agora como faço para colocar no meu site?
    Sou iniciante na área digital códigos rsrs!
    Obrigado e no aguardo