Configure external events

External events are events that occur in an external product or a third-party service. You can enable external events to trigger apps. To do this:

1. Generate a target URL - link to where the app receives webhook data.
2. Create a webhook in the external product or service, to subscribe to external events. When creating a webhook specify the target URL for the webhook to send data.
3. Configure event listeners in manifest.json. When an external event occurs, the webhook uses the target URL, notifies the app about the external event, and sends data to the app. The configured event listener invokes a callback method.
4. In server.js, define the callback method. The app logic in the callback method runs with the help of the event-specific payload passed to the callback method.

When an external event occurs, the external product passes an event-specific payload as webhook data to the target URL (app framework). This data is passed as payload to the external event’s callback method. The payload is a JSON object with the following attributes.

To generate a webhook URL when an app is installed and use the URL to register the webhook:

1. From your app’s root directory, navigate to the manifest.json file.

2. Subscribe to the onAppInstall event by using the following sample manifest.json content:

   manifest.json

     "events": {
       "onAppInstall": {
         "handler": "onAppInstallHandler"
       }
     }

3. Navigate to the server.js file.

4. In the callback method associated with the onAppInstall event,

   1. Include the generateTargetUrl() method. The webhook URL generated is unique for each app installation.
   2. Include an API request to the external product, for webhook registration. In the API request, ensure to specify the authorization mechanism (Basic) and the JSON object that the external product requires to successfully register the webhook.
   manifest.json

    exports = {
      onAppInstallHandler: function(payload) {
        generateTargetUrl()
        .then(function(url) {
          //Include API call to the third party to register your webhook
        },
        function(err) {
          // Handle error
        });
      }
    };

   Notes:
   • The generateTargetUrl() method is supported only in onAppInstall() and product event callbacks.
   • You can register multiple webhooks in this callback method.

5. When a webhook is successfully registered, the external product sends a webhook id. This webhook id can be used to deregister the webhook, when the app is uninstalled. In the callback method, include a mechanism to store the webhook id.

To subscribe to an external event and call a corresponding callback method, when the event occurs:

1. From your app’s root directory, navigate to the manifest.json file.

2. Include the events attribute, specifying the external event and the corresponding callback methods.

   manifest.json

     "events": {
       "onAppInstall": {
         "handler": "onAppInstallHandler"
       },
       "onExternalEvent": {
         "handler": "onExternalEventHandler"
       }
     }

   Note:Include only one callback method for an event.

3. Navigate to the server.js file.

4. In the exports block, enter the callback function definition.

   server.js

    exports = {
      onAppInstallHandler: function(payload) {
        generateTargetUrl()
          .then(function(url) {
            //API call to the external product to register the webhook.
        })
          .fail(function(err) {
            // Handle error
        });
      },
      onExternalEventHandler: function(payload) {
        //This is the callback function definition.
        //Include the logic to perform any action.
        console.log("Logging arguments from the event:" + JSON.stringify(payload));
      }
    }

To automatically deregister a webhook, when an app is uninstalled:

1. From the app’s root directory, navigate to the manifest.json file.

2. Subscribe to the onAppUninstall event by using the following sample manifest.json content:

   manifest.json

     "events": {
       "onAppInstall": {
         "handler": "onAppInstallHandler"
       },
       "onExternalEvent": {
         "handler": "onExternalEventHandler"
       },
       "onAppUninstall": {
         "handler": "onAppUninstallHandler"
       }
     }

3. Navigate to the server.js file.

4. In the callback method associated with the onAppUninstall event,

   1. Include the mechanism to retrieve the webhook id saved during app installation.
   2. Include an API request to the external product, for webhook deregistration.
   server.js

    exports = {
      onAppInstallHandler: function(payload) {
        generateTargetUrl()
          .then(function(url) {
          //API call to the external product to register the webhook.
        })
          .fail(function(err) {
          // Handle error
        });
      },
      onExternalEventHandler: function(payload) {
        //This is the callback function definition.
        //Include the logic to perform any action.
        console.log("Logging arguments from the event:" + JSON.stringify(payload));
      },
      onAppUninstallHandler: function(payload) {
        //Include API call to the external product to deregister the webhook
      }
    }

To simulate an event and test your app:

1. From the command line, navigate to the directory that contains the app related files and run the following command.

   fdk run

2. In the address bar of the browser, enter https://localhost:10001/web/test. A dialog box is displayed.

3. Click Select an event. The list of all events configured in the server.js file is displayed.

   Select an event to simulate

   Note: To test external events, select onExternalEvent.

4. Select an event. The corresponding payload is displayed. To test a different scenario other than the default, edit the payload.

5. Click Simulate. If the event is successfully simulated, the Simulate button changes to a Success button. If the event simulation fails because of invalid payload data, the Simulate button changes to a Failed button. Modify the payload appropriately and click Simulate.

Note:To test a serverless app, use the latest version of Chrome. The FDK uses the node module ngrok to create secure tunnels between a local FDK instance and the ngrok cloud. According to ngrok.io, ngrok exposes local servers behind NATs and firewalls to the Internet, over secure tunnels. The FDK leverages this feature to expose the webhook registered in external products, to test external events app integrations.

To test external events by using ngrok:

1. From the command line, navigate to the directory that contains the app related files and run the following command:

   fdk run --tunnel

2. If you have ngrok authorization privileges, run the following command:

   fdk run --tunnel --tunnel-auth

   The tunnel is opened and an appropriate message specifying the URL to test serverless events is displayed.
3. In the address bar of the browser, enter https://localhost:10001/web/test. A dialog box is displayed.
4. Click Select an event. The events configured in the server.js file are displayed (onAppInstall, onAppUninstall, and onExternalEvent).
5. Click onAppInstall. The webhook is registered in the external product.
6. Navigate to the external product and simulate the event to which the webhook has subscribed. The event specific webhook data is sent to the app.