n8n : Peut-on créer des tâches Notion à partir d'un shortcut IOS ?

Nous pouvons faire bien des choses avec n8n. Dans cet article nous allons voir comment on peut lancer un workflow n8n à partir d'un shortcut sur ios (l'application Raccourcis en français 😄), mais également ce que l'on peut faire avec. Si vous ne connaissez pas encore n8n je vous invites à lire mon article sur celui-ci.

L'intérêt de cette exercice est par exemple de déclencher un Workflow depuis un iphone/ipad/mac 🍎.

Voici le résultat :

Lancer un workflow à partir d'un shortcut ios ?

Pour commencer, nous allons donc lancer un workflow n8n à partir d'un shortcut. Une manière simple d'y parvenir est d'utiliser un appel webhook. Un webhook est une fonction de rappel basée sur le protocole HTTP.

Sur n8n, on va utiliser le déclencheur "on webhook call" :

Je vais vous détailler certains paramètres car ceci peuvent être utile pour votre workflow :

1. "Test URL" -> Quand vous appuyer sur le "Listen For Test event" c'est l'url qui faudra appeler pour déclencher le Workflow pendant vos tests.
2. "Production URL" -> L'URL qu'il faudrait appelé quand votre workflow sera en production, par "production" n8n veut dire quand le workflow sera "actif".
3. "Authentification" -> comme son nom l'indique cela permet de rajouter une authentification à votre appel webhook typiquement pour éviter que n'importe qui puisse déclencher le workflow.
4. "HTTP Method" -> Vous pouvez indiquer ici, s'il s'agit d'un GET, POST ou autres méthodes HTTP.
5. "Path" -> Permet de personnaliser l'url d'appel du webhook.

On va personnaliser le Path en "test-webhook" (1) pour simplifier un peu et rajouter une authentification (2-3) :

Pour l'authentification basique, ajouter un utilisateur et un mot de passe (dans mon authentification, j'ai utilisé login: test, password : test) :

Maintenant, allons du côté de l'application shortcut :

1. Je défini une variable "login" qui servira pour les identifiants de l'API, il faudra ensuite l'encoder en base64.
2. Je défini ensuite mon url en méthode GET dans mon cas, n'oubliez pas d'adapter le l'url par rapport à votre path. On va ensuite utiliser "obtenir le contenu de l'url" (prendre l'url précédente en variable). Ajouter les 2 clés d'en-têtes (Content-Type : application/json & Authorization : Basic suivi de votre variable login).

Cliquer ensuite sur "Listen for test Event" sur n8n, pour lancer le test, puis exécuter le shortcut sur votre iphone.

Félicitation, vous venez dans lancer un workflow n8n depuis un shortcut ios ! 😄

On peut maintenant envoyer de la donnée au Workflow.

Dans le shortcut nous allons :

• Demander du texte (1)
• Définir une variable "tache" avec l'entrée indiquée (2)
• Dans "obtenir le contenu url", on va envoyer notre variable "tache" pour la récupérer dans n8n. Passer la requête en "POST" pour pouvoir envoyer de la données et mettre la variable dans le corps de la requête. (3)
• Pareil dans n8n.

Vous pouvez à présent cliquer sur "listen for test event" dans n8n , puis exécuter le Workflow, définir votre texte. Vous pouvez retrouver ensuite vos données dans n8n comme ceci :

Créer une tâche et renvoyer le lien vers celle-ci

On va maintenant envoyer des données dans Notion pour créer une tâche et renvoyer le lien de la tâche précédemment crée vers le shortcut.

Dans Shortcuts :

A la suite du shortcut précédent :

1. On va obtenir le contenu de l'URL pour récupérer "le retour" de n8n.
2. On va mettre l'étape "URL" sur "Décoder" puis la variable sur "Contenu de l'URL", on va ensuite "obtenir la valeur du dictionnaire" une fois pour url et pour tache que l'on va ensuite définir dans la variable url-respond et tache-respond.
3. On va ensuite envoyer une alerte à l'utilisateur une alerte avec le nom de la tâche et lui proposer d'ouvrir le lien vers la tâche.

Dans n8n :

Dans n8n, nous allons donc récupérer l'appel API et les données, ainsi que répondre avec l'url de la tâche Notion crée :

On va modifier notre webhook :

1. HTTP Method -> Passer à POST
2. Respond -> Passer à "Using 'respond to Webhook' Node"

On rajouter d'ailleurs, le node en question :

On va renvoyer les données en json à notre shortcut avec les bonnes variables :

Conclusion

Nous venons de voir :

• Comment déclencher une action dans n8n avec un shortcut IOS et transmettre des données
• Comment fonctionne les webhook sur n8n
• Comment renvoyer des données a un shortcut IOS

Un éventail de possibilité s'offre maintenant à vous pour vos workflows 🤩 !