1.0/2019-10-17-http-connectivity.html - gerrit/www.eclipse.org/ditto - Git at Google

 <!DOCTYPE html>
 <html>
 <head>
     <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <meta name="description" content="">
 <meta name="keywords" content="blog,  ">
 <title>  Integration of HTTP endpoints/webhooks </title>

 <link rel="stylesheet" href="css/syntax.css">
 <link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" crossorigin="anonymous">
 <link rel="stylesheet" href="css/modern-business.css">
 <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" crossorigin="anonymous">
 <link rel="stylesheet" href="css/customstyles.css">
 <link rel="stylesheet" href="css/boxshadowproperties.css">
 <link rel="stylesheet" href="css/theme-ditto.css">
 <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:400,700|Source+Code+Pro:300,600|Titillium+Web:400,600,700">

 <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js" crossorigin="anonymous"></script>
 <script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js" crossorigin="anonymous"></script>
 <script src="//cdnjs.cloudflare.com/ajax/libs/anchor-js/2.0.0/anchor.min.js" crossorigin="anonymous"></script>
 <script src="js/toc.js"></script>
 <script src="js/customscripts.js"></script>

 <script type="application/ld+json">
 {
   "@context": "http://schema.org",
   "@type": "Organization",
   "url": "https://eclipse.org/ditto/",
   "logo": "https://eclipse.org/ditto/images/ditto.svg"
 }
 </script>

 <link rel="icon" type="image/png" href="images/favicon-16x16.png" sizes="16x16">
 <link rel="icon" type="image/png" href="images/favicon-32x32.png" sizes="32x32">
 <link rel="icon" type="image/png" href="images/favicon-96x96.png" sizes="96x96">

 <link rel="alternate" type="application/rss+xml" title="Eclipse Ditto Blog" href="https://www.eclipse.org/ditto/feed.xml">

 <!-- Eclipse Foundation cookie consent: -->
 <link rel="stylesheet" type="text/css" href="//www.eclipse.org/eclipse.org-common/themes/solstice/public/stylesheets/vendor/cookieconsent/cookieconsent.min.css" />
 <script src="//www.eclipse.org/eclipse.org-common/themes/solstice/public/javascript/vendor/cookieconsent/default.min.js"></script>

     <script>
         $(document).ready(function() {
             $("#tg-sb-link").click(function() {
                 $("#tg-sb-sidebar").toggle();
                 $("#tg-sb-content").toggleClass('col-md-9');
                 $("#tg-sb-content").toggleClass('col-md-12');
                 $("#tg-sb-icon").toggleClass('fa-toggle-on');
                 $("#tg-sb-icon").toggleClass('fa-toggle-off');
             });
         });
     </script>
 </head>


 <script>
     (function(w,d,s,l,i){
         w[l]=w[l]||[];
         w[l].push({'gtm.start':
             new Date().getTime(),event:'gtm.js'});
         var f=d.getElementsByTagName(s)[0],
             j=d.createElement(s),
             dl=l!='dataLayer'?'&l='+l:'';
         j.async=true;
         j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;
         f.parentNode.insertBefore(j,f);
     })(window,document,'script','dataLayer','GTM-5WLCZXC');
 </script>


 <body>
 <!-- Navigation -->
 <nav class="navbar navbar-inverse navbar-fixed-top">
     <div class="container topnavlinks">
         <div class="navbar-header">
             <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                 <span class="sr-only">Toggle navigation</span>
                 <span class="icon-bar"></span>
                 <span class="icon-bar"></span>
                 <span class="icon-bar"></span>
             </button>
             <a class="navbar-ditto-home" href="index.html">&nbsp;<img src="images/ditto_allwhite_symbolonly.svg" class="ditto-navbar-symbol" alt="Home"> <img src="images/ditto_allwhite_textonly.svg" class="ditto-navbar-symbol-text" alt="Ditto"></a>
         </div>
         <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
             <ul class="nav navbar-nav navbar-right">
                 <!-- toggle sidebar button -->
                 <!--<li><a id="tg-sb-link" href="#"><i id="tg-sb-icon" class="fa fa-toggle-on"></i> Nav</a></li>-->
                 <!-- entries without drop-downs appear here -->


                 <li><a href="blog.html">Blog</a></li>


                 <li><a href="intro-overview.html">Documentation</a></li>


                 <li><a href="http-api-doc.html">HTTP API</a></li>


                 <li><a href="https://ditto.eclipse.org" target="_blank">Sandbox</a></li>


                 <li><a href="https://github.com/eclipse/ditto" target="_blank">GitHub</a></li>


                 <li><a href="https://github.com/eclipse/ditto-examples" target="_blank">GitHub examples</a></li>


                 <!-- entries with drop-downs appear here -->
                 <!-- conditional logic to control which topnav appears for the audience defined in the configuration file.-->


                 <li class="dropdown">
                     <a href="#" class="dropdown-toggle" data-toggle="dropdown">Links<b class="caret"></b></a>
                     <ul class="dropdown-menu">


                         <li><a href="https://projects.eclipse.org/projects/iot.ditto" target="_blank">Eclipse Ditto Project</a></li>


                         <li><a href="https://www.eclipse.org/forums/index.php/f/364/" target="_blank">Forum</a></li>


                         <li><a href="https://ci.eclipse.org/ditto/" target="_blank">Jenkins</a></li>


                         <li><a href="https://dev.eclipse.org/mhonarc/lists/ditto-dev/" target="_blank">Mailing list archives</a></li>


                         <li><a href="https://gitter.im/eclipse/ditto" target="_blank">Gitter.im chat</a></li>


                     </ul>
                 </li>


                 <!--comment out this block if you want to hide search-->
                 <li>
                     <!--start search-->
                     <div id="search-demo-container">
                         <input type="text" id="search-input" placeholder="search...">
                         <ul id="results-container"></ul>
                     </div>
                     <script src="//cdnjs.cloudflare.com/ajax/libs/simple-jekyll-search/0.0.9/jekyll-search.js" type="text/javascript"></script>
                     <script type="text/javascript">
                             SimpleJekyllSearch.init({
                                 searchInput: document.getElementById('search-input'),
                                 resultsContainer: document.getElementById('results-container'),
                                 dataSource: 'search.json',
                                 searchResultTemplate: '<li><a href="{url}" title="Integration of HTTP endpoints/webhooks">{title}</a></li>',
                                 noResultsText: 'No results found.',
                                 limit: 10,
                                 fuzzy: true,
                     })
                     </script>
                     <!--end search-->
                 </li>
             </ul>
         </div>
     </div>
     <!-- /.container -->
 </nav>

 <!-- Page Content -->
 <div class="container">
   <div id="main">
     <!-- Content Row -->
     <div class="row">


         <!-- Content Column -->
         <div class="col-md-12" id="tg-sb-content">
             <!-- Look the author details up from the site config. -->


 <!-- Output author details if some exist. -->
 <!-- Output author details if some exist. -->
 <!---->
 <!--<span>-->
     <!--&lt;!&ndash; Mugshot. &ndash;&gt;-->
     <!--<img src="https://www.gravatar.com/avatar/90a82dc2af1620df1f955e211ecc4dee?s=135" alt="A photo of Thomas Jäckle" />-->

 <!--&lt;!&ndash; Personal Info. &ndash;&gt;-->
     <!--Written by <a href="http://twitter.com/thjaeckle" target="_blank">Thomas Jäckle</a>-->
 <!--</span>-->
 <!---->

 <article class="post" itemscope itemtype="http://schema.org/BlogPosting">

     <header class="post-header">
         <h1 class="post-title" itemprop="name headline">Integration of HTTP endpoints/webhooks</h1>
         <p class="post-meta">Published by <img src="https://www.gravatar.com/avatar/90a82dc2af1620df1f955e211ecc4dee?s=135" alt="A photo of Thomas Jäckle" style="width:50px;border-radius:50%;display:inline-block;margin-right:5px;" /><span itemprop="author" itemscope itemtype="http://schema.org/Person"><span itemprop="name"><a href="http://twitter.com/thjaeckle" target="_blank">Thomas Jäckle</a> </span></span> on <time datetime="2019-10-17T00:00:00+00:00" itemprop="datePublished">Oct 17, 2019</time> - Tags:


             <a href="tag_blog.html">blog</a>


         </p>


     </header>

     <div class="post-content" itemprop="articleBody">


         <p>By adding another connectivity type - <a href="connectivity-protocol-bindings-http.html">HTTP</a> - to Ditto’s
  connectivity, it is now (to be released in the next Ditto milestone 1.0.0-M2) possible to to
  publish <em>twin events</em>, <em>messages</em>, <em>live commands and events</em> to existing HTTP servers/endpoints.</p>

 <p>That is especially useful for invoking existing APIs (which are most of the time HTTP based) whenever e.g.
  a digital twin was modified.</p>

 <p>One example on how to benefit from this new feature is to invoke a custom
  <a href="https://ifttt.com">IFTTT</a> (if-this-than-that) <a href="https://ifttt.com/maker_webhooks">webhook</a> via a HTTP <code class="highlighter-rouge">POST</code> request
  which then may trigger other IFTTT follow-up-actions (e.g. send a chat message to a <a href="https://ifttt.com/slack">Slack</a>
  room).</p>

 <p>For IFTTT “webhooks” the address would be <code class="highlighter-rouge">POST https://maker.ifttt.com/trigger/&lt;your-event-name&gt;/with/key/&lt;your-key&gt;</code>
  and the expected JSON body:</p>

 <div class="language-json highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="p">{</span><span class="w">
   </span><span class="s2">"value1"</span><span class="p">:</span><span class="w"> </span><span class="s2">"..."</span><span class="p">,</span><span class="w">
   </span><span class="s2">"value2"</span><span class="p">:</span><span class="w"> </span><span class="s2">"..."</span><span class="p">,</span><span class="w">
   </span><span class="s2">"value3"</span><span class="p">:</span><span class="w"> </span><span class="s2">"..."</span><span class="w">
 </span><span class="p">}</span><span class="w">
 </span></code></pre></div></div>

 <p>In combination with <a href="connectivity-mapping.html">payload mapping</a>, the <code class="highlighter-rouge">value1</code> to <code class="highlighter-rouge">value3</code> fields requested by the IFTTT
 API can be extracted from the <a href="protocol-specification.html">Ditto Protocol</a> and could contain the changed value.</p>

 <p>In combination with <a href="basic-connections.html#target-topics-and-filtering">filters for targets</a> you can even specify to
 only publish e.g. <code class="highlighter-rouge">twin events</code>, where the temperature of a twin exceeded a certain threshold:</p>

 <div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code>{
   "address": "POST:/trigger/&lt;your-event-name&gt;/with/key/&lt;your-key&gt;",
   "topics": [
     "_/_/things/twin/events?filter=gt(features/temperature/properties/value,25)"
   ],
   ...
 }
 </code></pre></div></div>

 <p>Get creative on which HTTP APIs to trigger based on twin events. E.g. invoke a “function-as-a-service” API or invoke the
 Twitter API and let your digital twin tweet whenever it detects, that it is getting too warm in your office.</p>

 <figure><img class="docimage" src="images/ditto.svg" alt="Ditto" style="max-width: 500px" /></figure>

 <p>–<br />
 The Eclipse Ditto team</p>

     </div>


 </article>

 <hr class="shaded"/>

 <footer>
             <div class="row">
                 <div class="col-lg-12 footer">
                     <div class="logo">
                         <a href="https://eclipse.org"><img src="images/eclipse_foundation_logo.svg" alt="Eclipse logo"/></a>
                     </div>
                     <p class="notice">
                         &copy;2021 Eclipse Ditto.
                          Site last generated: May 6, 2021 <br />
                     </p>
                     <div class="quickLinks">
                         <a href="https://www.eclipse.org/legal/privacy.php" target="_blank">
                             &gt; Privacy Policy
                         </a>
                         <a href="https://www.eclipse.org/legal/termsofuse.php" target="_blank">
                             &gt; Terms of Use
                         </a>
                         <a href="https://www.eclipse.org/legal/copyright.php" target="_blank">
                             &gt; Copyright Agent
                         </a>
                         <a href="https://www.eclipse.org/legal" target="_blank">
                             &gt; Legal
                         </a>
                         <a href="https://www.eclipse.org/legal/epl-2.0/" target="_blank">
                             &gt; License
                         </a>
                         <a href="https://eclipse.org/security" target="_blank">
                             &gt; Report a Vulnerability
                         </a>
                     </div>
                 </div>
             </div>
 </footer>


         </div>
     <!-- /.row -->
 </div>
 <!-- /.container -->
 </div>
 <!-- /#main -->
     </div>

 </body>
 </html>
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="description" content="">
	<meta name="keywords" content="blog, ">
	<title> Integration of HTTP endpoints/webhooks </title>

	<link rel="stylesheet" href="css/syntax.css">
	<link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" crossorigin="anonymous">
	<link rel="stylesheet" href="css/modern-business.css">
	<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" crossorigin="anonymous">
	<link rel="stylesheet" href="css/customstyles.css">
	<link rel="stylesheet" href="css/boxshadowproperties.css">
	<link rel="stylesheet" href="css/theme-ditto.css">
	<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:400,700\|Source+Code+Pro:300,600\|Titillium+Web:400,600,700">

	<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js" crossorigin="anonymous"></script>
	<script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js" crossorigin="anonymous"></script>
	<script src="//cdnjs.cloudflare.com/ajax/libs/anchor-js/2.0.0/anchor.min.js" crossorigin="anonymous"></script>
	<script src="js/toc.js"></script>
	<script src="js/customscripts.js"></script>

	<script type="application/ld+json">
	{
	"@context": "http://schema.org",
	"@type": "Organization",
	"url": "https://eclipse.org/ditto/",
	"logo": "https://eclipse.org/ditto/images/ditto.svg"
	}
	</script>

	<link rel="icon" type="image/png" href="images/favicon-16x16.png" sizes="16x16">
	<link rel="icon" type="image/png" href="images/favicon-32x32.png" sizes="32x32">
	<link rel="icon" type="image/png" href="images/favicon-96x96.png" sizes="96x96">

	<link rel="alternate" type="application/rss+xml" title="Eclipse Ditto Blog" href="https://www.eclipse.org/ditto/feed.xml">

	<!-- Eclipse Foundation cookie consent: -->
	<link rel="stylesheet" type="text/css" href="//www.eclipse.org/eclipse.org-common/themes/solstice/public/stylesheets/vendor/cookieconsent/cookieconsent.min.css" />
	<script src="//www.eclipse.org/eclipse.org-common/themes/solstice/public/javascript/vendor/cookieconsent/default.min.js"></script>

	<script>
	$(document).ready(function() {
	$("#tg-sb-link").click(function() {
	$("#tg-sb-sidebar").toggle();
	$("#tg-sb-content").toggleClass('col-md-9');
	$("#tg-sb-content").toggleClass('col-md-12');
	$("#tg-sb-icon").toggleClass('fa-toggle-on');
	$("#tg-sb-icon").toggleClass('fa-toggle-off');
	});
	});
	</script>
	</head>


	<script>
	(function(w,d,s,l,i){
	w[l]=w[l]\|\|[];
	w[l].push({'gtm.start':
	new Date().getTime(),event:'gtm.js'});
	var f=d.getElementsByTagName(s)[0],
	j=d.createElement(s),
	dl=l!='dataLayer'?'&l='+l:'';
	j.async=true;
	j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;
	f.parentNode.insertBefore(j,f);
	})(window,document,'script','dataLayer','GTM-5WLCZXC');
	</script>



	<body>
	<!-- Navigation -->
	<nav class="navbar navbar-inverse navbar-fixed-top">
	<div class="container topnavlinks">
	<div class="navbar-header">
	<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
	<span class="sr-only">Toggle navigation</span>
	<span class="icon-bar"></span>
	<span class="icon-bar"></span>
	<span class="icon-bar"></span>
	</button>
	<a class="navbar-ditto-home" href="index.html"> <img src="images/ditto_allwhite_symbolonly.svg" class="ditto-navbar-symbol" alt="Home"> <img src="images/ditto_allwhite_textonly.svg" class="ditto-navbar-symbol-text" alt="Ditto"></a>
	</div>
	<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
	<ul class="nav navbar-nav navbar-right">
	<!-- toggle sidebar button -->
	<!--<li><a id="tg-sb-link" href="#"><i id="tg-sb-icon" class="fa fa-toggle-on"></i> Nav</a></li>-->
	<!-- entries without drop-downs appear here -->







	<li><a href="blog.html">Blog</a></li>



	<li><a href="intro-overview.html">Documentation</a></li>



	<li><a href="http-api-doc.html">HTTP API</a></li>



	<li><a href="https://ditto.eclipse.org" target="_blank">Sandbox</a></li>



	<li><a href="https://github.com/eclipse/ditto" target="_blank">GitHub</a></li>



	<li><a href="https://github.com/eclipse/ditto-examples" target="_blank">GitHub examples</a></li>



	<!-- entries with drop-downs appear here -->
	<!-- conditional logic to control which topnav appears for the audience defined in the configuration file.-->


	<li class="dropdown">
	<a href="#" class="dropdown-toggle" data-toggle="dropdown">Links<b class="caret"></b></a>
	<ul class="dropdown-menu">


	<li><a href="https://projects.eclipse.org/projects/iot.ditto" target="_blank">Eclipse Ditto Project</a></li>



	<li><a href="https://www.eclipse.org/forums/index.php/f/364/" target="_blank">Forum</a></li>



	<li><a href="https://ci.eclipse.org/ditto/" target="_blank">Jenkins</a></li>



	<li><a href="https://dev.eclipse.org/mhonarc/lists/ditto-dev/" target="_blank">Mailing list archives</a></li>



	<li><a href="https://gitter.im/eclipse/ditto" target="_blank">Gitter.im chat</a></li>


	</ul>
	</li>



	<!--comment out this block if you want to hide search-->
	<li>
	<!--start search-->
	<div id="search-demo-container">
	<input type="text" id="search-input" placeholder="search...">
	<ul id="results-container"></ul>
	</div>
	<script src="//cdnjs.cloudflare.com/ajax/libs/simple-jekyll-search/0.0.9/jekyll-search.js" type="text/javascript"></script>
	<script type="text/javascript">
	SimpleJekyllSearch.init({
	searchInput: document.getElementById('search-input'),
	resultsContainer: document.getElementById('results-container'),
	dataSource: 'search.json',
	searchResultTemplate: '<li><a href="{url}" title="Integration of HTTP endpoints/webhooks">{title}</a></li>',
	noResultsText: 'No results found.',
	limit: 10,
	fuzzy: true,
	})
	</script>
	<!--end search-->
	</li>
	</ul>
	</div>
	</div>
	<!-- /.container -->
	</nav>

	<!-- Page Content -->
	<div class="container">
	<div id="main">
	<!-- Content Row -->
	<div class="row">



	<!-- Content Column -->
	<div class="col-md-12" id="tg-sb-content">
	<!-- Look the author details up from the site config. -->


	<!-- Output author details if some exist. -->
	<!-- Output author details if some exist. -->
	<!---->
	<!--<span>-->
	<!--<!– Mugshot. –>-->
	<!--<img src="https://www.gravatar.com/avatar/90a82dc2af1620df1f955e211ecc4dee?s=135" alt="A photo of Thomas Jäckle" />-->

	<!--<!– Personal Info. –>-->
	<!--Written by <a href="http://twitter.com/thjaeckle" target="_blank">Thomas Jäckle</a>-->
	<!--</span>-->
	<!---->

	<article class="post" itemscope itemtype="http://schema.org/BlogPosting">

	<header class="post-header">
	<h1 class="post-title" itemprop="name headline">Integration of HTTP endpoints/webhooks</h1>
	<p class="post-meta">Published by <img src="https://www.gravatar.com/avatar/90a82dc2af1620df1f955e211ecc4dee?s=135" alt="A photo of Thomas Jäckle" style="width:50px;border-radius:50%;display:inline-block;margin-right:5px;" /><span itemprop="author" itemscope itemtype="http://schema.org/Person"><span itemprop="name"><a href="http://twitter.com/thjaeckle" target="_blank">Thomas Jäckle</a> </span></span> on <time datetime="2019-10-17T00:00:00+00:00" itemprop="datePublished">Oct 17, 2019</time> - Tags:



	<a href="tag_blog.html">blog</a>




	</p>


	</header>

	<div class="post-content" itemprop="articleBody">





	<p>By adding another connectivity type - <a href="connectivity-protocol-bindings-http.html">HTTP</a> - to Ditto’s
	connectivity, it is now (to be released in the next Ditto milestone 1.0.0-M2) possible to to
	publish <em>twin events</em>, <em>messages</em>, <em>live commands and events</em> to existing HTTP servers/endpoints.</p>

	<p>That is especially useful for invoking existing APIs (which are most of the time HTTP based) whenever e.g.
	a digital twin was modified.</p>

	<p>One example on how to benefit from this new feature is to invoke a custom
	<a href="https://ifttt.com">IFTTT</a> (if-this-than-that) <a href="https://ifttt.com/maker_webhooks">webhook</a> via a HTTP <code class="highlighter-rouge">POST</code> request
	which then may trigger other IFTTT follow-up-actions (e.g. send a chat message to a <a href="https://ifttt.com/slack">Slack</a>
	room).</p>

	<p>For IFTTT “webhooks” the address would be <code class="highlighter-rouge">POST https://maker.ifttt.com/trigger/<your-event-name>/with/key/<your-key></code>
	and the expected JSON body:</p>

	<div class="language-json highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="p">{</span><span class="w">
	</span><span class="s2">"value1"</span><span class="p">:</span><span class="w"> </span><span class="s2">"..."</span><span class="p">,</span><span class="w">
	</span><span class="s2">"value2"</span><span class="p">:</span><span class="w"> </span><span class="s2">"..."</span><span class="p">,</span><span class="w">
	</span><span class="s2">"value3"</span><span class="p">:</span><span class="w"> </span><span class="s2">"..."</span><span class="w">
	</span><span class="p">}</span><span class="w">
	</span></code></pre></div></div>

	<p>In combination with <a href="connectivity-mapping.html">payload mapping</a>, the <code class="highlighter-rouge">value1</code> to <code class="highlighter-rouge">value3</code> fields requested by the IFTTT
	API can be extracted from the <a href="protocol-specification.html">Ditto Protocol</a> and could contain the changed value.</p>

	<p>In combination with <a href="basic-connections.html#target-topics-and-filtering">filters for targets</a> you can even specify to
	only publish e.g. <code class="highlighter-rouge">twin events</code>, where the temperature of a twin exceeded a certain threshold:</p>

	<div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code>{
	"address": "POST:/trigger/<your-event-name>/with/key/<your-key>",
	"topics": [
	"_/_/things/twin/events?filter=gt(features/temperature/properties/value,25)"
	],
	...
	}
	</code></pre></div></div>

	<p>Get creative on which HTTP APIs to trigger based on twin events. E.g. invoke a “function-as-a-service” API or invoke the
	Twitter API and let your digital twin tweet whenever it detects, that it is getting too warm in your office.</p>

	<figure><img class="docimage" src="images/ditto.svg" alt="Ditto" style="max-width: 500px" /></figure>

	<p>–<br />
	The Eclipse Ditto team</p>

	</div>



	</article>

	<hr class="shaded"/>

	<footer>
	<div class="row">
	<div class="col-lg-12 footer">
	<div class="logo">
	<a href="https://eclipse.org"><img src="images/eclipse_foundation_logo.svg" alt="Eclipse logo"/></a>
	</div>
	<p class="notice">
	©2021 Eclipse Ditto.
	Site last generated: May 6, 2021 <br />
	</p>
	<div class="quickLinks">
	<a href="https://www.eclipse.org/legal/privacy.php" target="_blank">
	> Privacy Policy
	</a>
	<a href="https://www.eclipse.org/legal/termsofuse.php" target="_blank">
	> Terms of Use
	</a>
	<a href="https://www.eclipse.org/legal/copyright.php" target="_blank">
	> Copyright Agent
	</a>
	<a href="https://www.eclipse.org/legal" target="_blank">
	> Legal
	</a>
	<a href="https://www.eclipse.org/legal/epl-2.0/" target="_blank">
	> License
	</a>
	<a href="https://eclipse.org/security" target="_blank">
	> Report a Vulnerability
	</a>
	</div>
	</div>
	</div>
	</footer>


	</div>
	<!-- /.row -->
	</div>
	<!-- /.container -->
	</div>
	<!-- /#main -->
	</div>

	</body>
	</html>