Authorize and Get a Instagram User Token in ASP.NET C#

Introduction

For an Instagram login, we have an account, here.

Step 1

Step 2

Create an app in developers.facebook.com

Step 3

Give your App Name and Contact Email and click on the "Create App Id" button.

Step 4

Now we need to add our website in Basic settings.

Settings -> Basic -> Click on "Add Platform" -> select "website" -> give your Site URL.

Note

Here, I am giving my asp.net host URL. For this, create an empty asp.net webform application and run it. It will display host information. Copy the URL, then paste it here and click on save changes.

Step 5

Now we need to add Instagram to our App.

Click on Products -> set up Instagram.

Click on Basic Display -> click on "Create New App" -> give your display name and click on "Create App".

Now you're able to see your "Instagram App Id", "Instagram App secret".

Step 6

Now we are registering the Redirect URL. (create an aspx page in an ASP.NET application)

Step 7

Now we are adding a test user to our App. Expand Roles -> Roles -> click on "Add Instagram Testers" -> Give your Instagram account ID and click on Submit. Now go to your Instagram account -> Settings -> Security -> Apps and websites. accept the request. Now create an aspx (MyApp.aspx) page in your ASP.NET application.

<%@ Page Title="Home Page" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="MyApp.aspx.cs" Inherits="InstagramApp.MyApp" %>
<asp:Content ID="BodyContent" ContentPlaceHolderID="MainContent" runat="server">
<div class="jumbotron">
<asp:Button ID="btnLogin" runat="server" Text="Log In with Instagram" OnClick="btnLogin_Click"/>
</div>
</asp:Content>

Go to the code behind (MyApp.aspx.cs):

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
namespace InstagramApp {
public partial class MyApp: Page {
protected void Page_Load(object sender, EventArgs e) {}
protected void btnAuthenticate_Click(object sender, EventArgs e) {
var instagramAuthApi = "https://api.instagram.com/oauth/authorize";
var clientId = "Your client id";
var scope = "user_profile,user_media";
var responseType = "code";
var redirectURL = "https://localhost:12345/OAuthPage.aspx";
Response.Redirect(instagramAuthApi + "?client_id=" + clientId + "&redirect_uri=" + redirectURL + "&scope=" + scope + "&response_type=" + responseType);
}
}
}

Now, if you run this page(MyApp.aspx) you will authorize to instagram and it will redirect to the "Redirect URL page" (https://localhost:12345/OAuthPage.aspx).

Here we will handle the request in on page load and get our token, here we are using WebClient().

OAuthPage.aspx

<%@ Page Title="OAuthPage" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="OAuthPage.aspx.cs" Inherits="InstagramApp.OAuthPage" %>
<asp:Content ID="BodyContent" ContentPlaceHolderID="MainContent" runat="server">
<div class="jumbotron">
<asp:Label Visible="false" ID="lblAcessToken" runat="server"></asp:Label>
</div>
</asp:Content>

Go to the code behind OAuth.aspx.cs:

using Newtonsoft.Json;
using Newtonsoft.Json.Linq;
using System;
using System.Collections.Generic;
using System.Collections.Specialized;
using System.IO;
using System.Linq;
using System.Net;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Data;
using System.Data.SqlClient;
namespace InstagramApp {
public partial class OAuthPage: System.Web.UI.Page {
static string code = string.Empty;
static string strAccess = string.Empty;
protected void Page_Load(object sender, EventArgs e) {
if (!String.IsNullOrEmpty(Request["code"]) && !Page.IsPostBack) {
code = Request["code"].ToString();
GetDataInstagramToken();
}
}
public void GetDataInstagramToken() {
ClsProperties clsProperties = new ClsProperties();
try {
NameValueCollection parameters = new NameValueCollection();
parameters.Add("client_id", "Your client id");
parameters.Add("client_secret", "Your app secret");
parameters.Add("grant_type", "authorization_code");
parameters.Add("redirect_uri", "https://localhost:12345/OAuthPage.aspx");
parameters.Add("code", code);
WebClient client = new WebClient();
var result = client.UploadValues("https://api.instagram.com/oauth/access_token", "POST", parameters);
var response = System.Text.Encoding.Default.GetString(result);
var jsResult = (JObject) JsonConvert.DeserializeObject(response);
string accessToken = (string) jsResult["access_token"];
lblAcessToken.Visible = true;
lblAcessToken.Text = accessToken;
} catch (Exception ex) {
throw new Exception(ex.Message);
}
}
}
}

Thanks!