instagram-web-oauth's Introduction

Instagram Oauth2.0 for Web

The easiest way to create authentication flow with Instagram.

You can also check react-instagram-photo-picker which uses this module for authorization.

Requirements

First of all go to Instagram Developer Console and create your app.

After creating app go to: Manage Clients -> Manage -> Security.

Some important notes:

Disable implicit OAuth - must be unchecked, otherwise we will not be able to use Implicit flow!
Valid redirect URIs - add URI from where you are calling instagram authorization.

For example your redirect URI can look like this: http://localhost:3000/.

Usage

Usage is very simple it requires just 3 lines of code :)

Put this line of code in </head> tag.

<head>
  <script src="https://instagram-web-auth.firebaseapp.com/instauth.min.js"></script>
    ...
</head>

Put this line of code in </body> tag.

<script>
  window.InstAuth.init(your_client_id_from_instagram_console);
</script>

Call startAuthFlow() everywhere user clicks 'Log in to Instagram'

  window.InstAuth.startAuthFlow();

After successful authorization in console you should notice this message:

Instagram access_token: 707...46b4

And that's all :)

You can get your access_token any time using this line of code:

var token = window.InstAuth.getAccessToken();

Summary

I hope that you will find this module useful and also if you have any problems or questions please let me know I will be more than happy to help you :)

My email: [email protected]

instagram-web-oauth's People

Contributors

Stargazers

Watchers

instagram-web-oauth's Issues

source code?

where is the source code?

you only provide the minified version

Sachchin Annamtesting

sadf asdf asdf saf asdf asdf asdf asdfasdfj klsadgfksgkjkj kjsfsa dfsdf sdaf sdf sadf

Unexpected token err

Uncaught SyntaxError: Unexpected token _ in JSON at position 0
    at JSON.parse (<anonymous>)
    at _receiveMessage

I followed the directions using in the index.html which you can see on likes 15 and 32/33 respectively

https://github.com/jacsonding/Team_Mango/blob/master/index.html

I use this code in my analyzeInsta method

function analyzeInsta(){
	//  window.InstAuth.init("b6ac144383124f8eae6bd040340179e0");
	  window.InstAuth.startAuthFlow();
	var token = window.InstAuth.getAccessToken();
	console.log("Token is : " + token);
}

In the actual site the console.logs an error (You can view here)

http://jacsonding.github.io/Team_Mango

I believe the issue is in how the JSON response is handled.