Add Threads Webhooks in the sample app (#33)

* add Threads support

* add Threads support

* add Threads support

* init

* Update heroku/README.md

Co-authored-by: Anuj Shah <[email protected]>

---------

Co-authored-by: Anuj Shah <[email protected]>

Author: dkstevekwak

README.md

@@ -1,6 +1,6 @@
 # Graph API Webhooks Samples
 
-These are sample clients for Facebook's [Webhooks](https://developers.facebook.com/docs/graph-api/webhooks/) product and Instagram's [Subscriptions API](https://www.instagram.com/developer/subscriptions/).
+These are sample clients for Facebook's [Webhooks](https://developers.facebook.com/docs/graph-api/webhooks/) product, Instagram's [Subscriptions API](https://www.instagram.com/developer/subscriptions/), and Threads' [Webhooks](https://developers.facebook.com/docs/threads/webhooks).
 
 1. [Heroku](heroku) - A sample client that receives Webhook events.
 1. [Hubot](hubot) - A script that messages a chat room when a Facebook Page post is published using Webhooks.

heroku/README.md

@@ -9,12 +9,19 @@ This is a sample client for Facebook's [Webhooks](https://developers.facebook.co
 1. Refer to Facebook's [Webhooks sample app documentation](https://developers.facebook.com/docs/graph-api/webhooks/sample-apps) to see how to use this app.
 1. Deploy the sample app on Heroku with this button:
 
-    [![Deploy](https://www.herokucdn.com/deploy/button.svg)](https://heroku.com/deploy?template=https://github.com/fbsamples/graph-api-webhooks-samples)
+    [![Deploy](https://www.herokucdn.com/deploy/button.svg)](https://heroku.com/deploy?template=https://github.com/fbsamples/graph-api-webhooks-samples/)
 
 ### Instagram Subscription API
 1. Register an [Instagram API client](https://instagram.com/developer/clients/manage/).
 1. Deploy the sample app on Heroku with this button:
 
-    [![Deploy](https://www.herokucdn.com/deploy/button.svg)](https://heroku.com/deploy?template=https://github.com/fbsamples/graph-api-webhooks-samples)
+    [![Deploy](https://www.herokucdn.com/deploy/button.svg)](https://heroku.com/deploy?template=https://github.com/fbsamples/graph-api-webhooks-samples/)
 
 1. Set up your client's [subscription](https://www.instagram.com/developer/subscriptions/) using your `https://<your-subdomain>.herokuapp.com/instagram` as the callback URL. It is recommended that you set a `TOKEN` [config var](https://devcenter.heroku.com/articles/config-vars) as part of the set up of your Heroku app to secure requests. If you choose not to set a config var, then you will need to set a verify token of 'token' when configuring the callback URL.
+
+### Threads Webhooks
+1. Deploy the sample app on Heroku with this button:
+
+    [![Deploy](https://www.herokucdn.com/deploy/button.svg)](https://heroku.com/deploy?template=https://github.com/fbsamples/graph-api-webhooks-samples/)
+
+1. Refer to [Threads' Webhooks Documentation](https://developers.facebook.com/docs/threads/webhooks) and set up Threads Webhooks product as a sub use case under the Threads API main use case. Also, set up your webhooks callback URL as `https://<your-subdomain>.herokuapp.com/threads`. It is recommended that you set a `TOKEN` [config var](https://devcenter.heroku.com/articles/config-vars) as part of the set up of your Heroku app to secure requests. If you choose not to set a config var, then you will need to set a verify token of 'token' when configuring the callback URL.

heroku/index.js

@@ -25,7 +25,7 @@ app.get('/', function(req, res) {
   res.send('<pre>' + JSON.stringify(received_updates, null, 2) + '</pre>');
 });
 
-app.get(['/facebook', '/instagram'], function(req, res) {
+app.get(['/facebook', '/instagram', '/threads'], function(req, res) {
   if (
     req.query['hub.mode'] == 'subscribe' &&
     req.query['hub.verify_token'] == token
@@ -59,4 +59,12 @@ app.post('/instagram', function(req, res) {
   res.sendStatus(200);
 });
 
+app.post('/threads', function(req, res) {
+  console.log('Threads request body:');
+  console.log(req.body);
+  // Process the Threads updates here
+  received_updates.unshift(req.body);
+  res.sendStatus(200);
+});
+
 app.listen();