Configure Facebook Webhook[WebSub protocol]

-
Facebook added  a product called Webhooks for subscribe to the changes and receive updates in real time without calling the API.This blog is about how to configure the webhook product in Facebook and integrate it in the ASP.net Application.

Webhooks are basically works with the protocol named as WebSub , which contains three main components 
  • Publisher.
  • Subscriber.
  • Hub.
In the case of facebook webhook,the user who wants to get notification while new post comes in page is the subscriber.Publishing and hub part will handle by Facebook itself.

 Configure the end point in Asp.net Web API

Create the asp.net application . Create get/post end points for Facebook like below:



Here,get end point will get called once you subscribe to the Facebook webhook with hub.challenge token.You should echo back with the same for verification purpose.Post is the end point you are exposing to get notified on updates.

You can get the complete code in the the Git.
Create WebHook
Now we need to Configure Facebook.
  • Select the Webhooks products.

  • New Subscription > Page .

  • Callback Url : API url needs to give here.In our case its "api/webhooks".                            Note: You need to give http/https urls. "localhost" is not  allowed in the app.You can use ngrok for exposing your port public.
  • Verify Token : once you verify this you will get hit in the get end point we configured with hub.challenge in the query.We are returning back the same challenge in the end point.
  • Once Subscription created, select names you're interested in and subscribe.




You can test the sample notification by clicking the "Test" button .On test you can able to see the model of the request that we have created in the application model named as "Feed" in the post request.
Enable Page subscribe to your app.
  • On the top right Combo Box, select your Application
  • Just below, in the Token ComboBox, select your Page.
  • Select the verb POST for the request
  • Enter the path : {your-page-id}/subscribed_apps
  • Submit : you should get a success.


We are done with it! Now try adding new post to the page and check get notified.!

Happy coding !!!

 Reference:
https://developers.facebook.com/docs/graph-api/webhooks/
https://www.w3.org/TR/websub/

Comments

Post a Comment

Popular posts from this blog

Telerik c# MVC Grid customizing Paging with Custom sql query + Dapper

-
Image
Telerik Mvc Web framework has an option to customize the paging of the grid.In most of the cases we are leaned towards to use its default option of paging/filtering.But It actually take all the data and filter or page or sort on top the all content from the back end ,this is the performance breach . Here I am trying to describe the ways we can customize the Telerik    Mvc Paging without taking the bulk data. There are 3 steps to do. 1.Make the telerik grid settings for the customization 2.Get the total count of data in the initial request. 3.Apply custom filter queries to filter from the back end. 1 .Make the Telerik grid settings for the customization Here is  a sample code to set up the grid with custom paging : Here please note the Total we set after the ajax option.This value we need to get from the controller using Viewbag or any other data transfer methods to let the grid know the total. .EnableCustomBinding true. Set the data read option ...
Read more

SendGrid Integration with c#

-
Image
SendGrid is one of the way to send mail through the application which gives the statics on the emails send through the email server.There are two ways to configure mail client through the send grid. 1.STMP server 2.Through the API Send grid Event notification will give the notifications on the email activity happened like bounces,clicks,opens etc to get the potential reach of the email send via send grid which is a very cool option if you are working with some marketing related application.Let's see how to do this. Configure SendGrid 1.Set up an account with send grid. 2.In the start up guide you can configure the SMTP server or the API. 3.Select the WEB API  option and generate Api key and keep the API key with you. 4.To set up SMTP,choose the option and create new key for the SMTP server like below. Note down the username,generated key,Server name,Port also. Now we are done with send grid set up. Integrate in C# Code 1.Create a asp.net web api a...
Read more