HowTo : Node Red / FritzBox - Afficher la liste des appelants dans le tableau de bord

Publié le par

En plus de l'identification de l'appelant, vous pouvez également afficher le journal des appels de la Fritzbox dans NodeRed.

Comment faire cela est expliqué dans l'article suivant.

Consignes de sécurité

Je sais que les notes suivantes sont toujours un peu ennuyeuses et semblent inutiles. Malheureusement, de nombreuses personnes qui savaient "mieux" ont perdu des yeux, des doigts ou d'autres choses à cause d'une négligence ou se sont blessées. La perte de données est presque négligeable en comparaison, mais même celles-ci peuvent être vraiment ennuyeuses. Par conséquent, veuillez prendre cinq minutes pour lire les consignes de sécurité. Parce que même le projet le plus cool ne vaut pas une blessure ou d'autres problèmes.
https://www.nerdiy.de/sicherheitshinweise/

Liens d'affiliation/publicitaires

Les liens vers des boutiques en ligne répertoriés ici sont des liens dits d'affiliation. Si vous cliquez sur un tel lien d'affiliation et effectuez un achat via ce lien, Nerdiy.de recevra une commission de la boutique en ligne ou du fournisseur concerné. Le prix ne change pas pour vous. Si vous effectuez vos achats via ces liens, vous aidez Nerdiy.de à pouvoir proposer d'autres projets utiles à l'avenir. 🙂 

Conditions préalables

Articles utiles :
Pour que vous puissiez accepter cette configuration, NodeRed doit bien entendu déjà être installé.
Comment préparer un RaspberryPi puis installer NodeRed dessus est décrit dans les articles suivants.

Les articles suivants décrivent ce qui doit être fait pour préparer le RaspberryPi :

Matériel requis :

Dans la liste suivante, vous trouverez toutes les pièces dont vous avez besoin pour mettre en œuvre cet article.

Connectez-vous à l'interface de configuration de NodeRed

Avant de pouvoir modifier votre configuration NodeRed, vous devez - si activé - vous connecter d'abord à l'interface de configuration NodeRed.

Vue de la boîte de dialogue de connexion. Ici, vous devez entrer les données de connexion que vous avez spécifiées lors de la configuration de la connexion. Vous trouverez des informations à ce sujet dans l'article NodeRed - configurer la connexion de l'utilisateur.

Installer le nœud FritzBox

Pour que NodeRed puisse communiquer avec votre FritzBox, vous devez installer le noeud "node-red-contrib-fritz". Comment votre nœud est installé dans l'article NodeRed – Installer de nouveaux nœuds décrites.
 

Entrer dans la configuration du nœud FritzBox

Pour que le nœud FritzBox qui vient d'être installé puisse également communiquer avec votre FritzBox, vous devez entrer vos données de connexion FritzBox dans la configuration du nœud.

Pour ce faire, cliquez sur le nœud « Fritz!Box Callmonitor ». Une nouvelle fenêtre s'ouvrira alors dans laquelle vous pourrez sélectionner "Add new fritzbox-config" dans la ligne "Device" de la liste déroulante. Sélectionnez-le, puis cliquez sur l'icône en forme de crayon à sa droite.
Dans la fenêtre qui s'ouvre maintenant, vous devez entrer les données de connexion de votre FritzBox. Donc d'abord le nom pour que la configuration ne reste pas sans nom et ensuite le nom d'utilisateur et le mot de passe. Si la FritzBox se trouve dans votre réseau privé, vous pouvez laisser les informations de l'hôte telles quelles. Ce n'est que si vous accédez à une FritzBox distante que vous devez entrer l'URL de la FritzBox ici. Ensuite, vous devez également vous assurer que cette connexion est cryptée via HTTPS. Dans ce cas, la coche "Est une connexion SSL" doit également être cochée. Une fois que vous avez tout saisi, confirmez en cliquant sur « Ajouter ».
Cela vous ramènera à la fenêtre précédente. La nouvelle configuration FritzBox est maintenant déjà sélectionnée. Il ne vous reste plus qu'à valider la fenêtre en cliquant sur « Terminé ».

Code de nœud pour pouvoir afficher la liste des appelants dans le tableau de bord

Pour cet exemple, vous avez besoin du nœud du tableau de bord en plus du nœud FritzBox. Un tableau des appels récents s'affichera alors sur le tableau de bord. Ainsi, après avoir collé le code du nœud ci-dessous, n'oubliez pas de positionner correctement l'élément du tableau de bord sur le tableau de bord.

Vous pouvez trouver plus d'informations sur la gestion des nœuds du tableau de bord dans l'article NodeRed - Créer une interface utilisateur avec des nœuds de tableau de bord

Structure des nœuds dans la configuration NodeRed

Le code ci-dessous est le code du nœud de fonction de la configuration de nœud répertoriée. Là, vous pouvez modifier la sortie du tableau et, par exemple, modifier le nombre des dernières entrées qui vous sont affichées.
Pour ce faire, remplacez le "10" de la ligne "for (var i = 0; i<10; i++)" par la valeur souhaitée.

varIO=[] ; var date=[] ; var nombre=[] ; for (var i = 0; i<10; i++) { if(msg.payload.Call[i].Type==1) { //Appel entrant accepté IO[i]=">" ; Date[i]=msg.payload.Appel[i].Date ; Numéro[i]=msg.payload.Call[i].Caller ; } else if(msg.payload.Call[i].Type==2) { //Appel entrant sans réponse IO[i]=">>" ; Date[i]=msg.payload.Appel[i].Date ; Numéro[i]=msg.payload.Call[i].Caller ; } else if(msg.payload.Call[i].Type==3) { //Appel sortant sans réponse IO[i]="<<" ; Date[i]=msg.payload.Appel[i].Date ; Numéro[i]=msg.payload.Call[i].Called ; } } msg.payload.IO=IO ; msg.payload.Date=Date ; msg.payload.number=nombre ; retourner msg ;

Malheureusement, je n'ai pas pu coller le NodeCode directement ici car le code HTML qu'il contient "brouille" quelque peu l'apparence du site.

Vous pouvez trouver le NodeCode ici dans le Git ringard:

version alternative

Voici une version légèrement améliorée du flux présenté ci-dessus.

Cela permet d'afficher les appels acceptés, manqués et passés dans des tableaux séparés.

Malheureusement, je n'ai pas pu coller le NodeCode directement ici car le code HTML qu'il contient "brouille" quelque peu l'apparence du site.

Vous pouvez trouver le NodeCode ici dans le Git ringard:

Amusez-vous avec le projet

J'espère que tout a fonctionné comme décrit. Si ce n'est pas le cas ou si vous avez des questions ou des suggestions, faites-le moi savoir dans les commentaires. Je les ajouterai à l'article si nécessaire.
Les idées de nouveaux projets sont toujours les bienvenues. 🙂

PS Beaucoup de ces projets - en particulier les projets matériels - coûtent beaucoup de temps et d'argent. Bien sûr, je le fais parce que j'aime ça, mais si vous pensez que c'est cool que je partage l'information avec vous, je serais heureux d'un petit don au fonds du café. 🙂

Achetez-moi un café sur ko-fi.com       

20 commentaires

  1. Bonjour, je voulais juste importer le noeud, malheureusement j'obtiens l'erreur :

    Erreur de syntaxe : chaîne inattendue dans JSON à la position 825
    038;&="" je<20);=""

    Qu'est-ce que je peux faire là-bas?

    Répondre

    1. Salut ET,
      j'ai résolu le problème. Malheureusement, dans ce cas également, le code a corrompu la mise en forme de la page Web. J'ai maintenant également téléchargé le deuxième code sur GitHub. 🙂
      Merci pour la note et meilleures salutations
      Fab

      Répondre

  2. Bonjour Fab,
    Merci pour le téléchargement, l'importation a fonctionné.
    Malheureusement, il y a toujours une erreur dans le noeud collectData (boucle for...).
    pouvez-vous le regarder à nouveau

    salutation
    HE

    Répondre

    1. Salut ET,
      désolé, j'aurais dû vérifier à nouveau le code. Corrigé et testé. Devrait fonctionner maintenant. J'apprécierais toujours des commentaires. 🙂
      Cordialement
      Fab

      Répondre

  4. Moin, est-il aussi possible d'afficher l'appel en cours ?
    Alors qui appelle en ce moment ? (Ensuite tu pourras penser à répondre quand tu verras de qui il s'agit 😉 )

    salutation
    Stéphane

    Répondre

  6. Bonjour, le flux a parfaitement fonctionné jusqu'à présent, mais maintenant il n'y a qu'un message d'erreur. Erreur 401 accès non autorisé, quelqu'un a une idée de ce qu'il faut faire là-bas?

    Répondre

  7. ..super chose et décrit parfaitement, merci de partager vos connaissances avec nous.
    Comme nous sommes rarement à la maison, j'utilise la fonction et fais passer le numéro par télégramme. Question : connaissez-vous un moyen de supprimer la liste via le nœud rouge ?

    Répondre

    1. Salut Dominique,
      Merci. 🙂
      Je n'ai pas encore essayé de supprimer la liste téléphonique. mais je vais l'écrire. 🙂
      Cordialement
      Fabien

      Répondre

  8. Bonjour Fab,
    J'ai intégré vos excellentes solutions et je suis totalement enthousiaste. Grande mise en œuvre, peu invasive pour le résultat. Mais voilà, ça vient. Avec la liste des appelants et l'identification de l'appelant, il est certainement possible de sélectionner le numéro MSN que vous souhaitez consulter. Par exemple, j'ai plusieurs MSN, dont un numéro de fax qui ne m'intéresse pas du tout (sauf pour les fax). Ce serait la cerise sur le gâteau... 😉
    Merci jusqu'à présent.

    Répondre

    1. Salut Thomas,
      Juste pour que je ne me trompe pas : vous avez enregistré plusieurs numéros sur votre FritzBox et souhaitez avoir une liste d'appelants ou un affichage séparé pour chaque numéro ? 🙂
      Cordialement
      Fabien

      Répondre

  9. Bonjour,

    J'ai essayé la version alternative aujourd'hui.
    En fait, ça a l'air très bien, mais pour les appels sortants, j'ai toujours mon propre numéro sans indicatif régional dans la liste pour le numéro : SIP:11223344
    Pouvez-vous changer cela ? Ce serait bien si vous pouviez voir qui vous avez appelé.

    Salutations meister888

    Répondre

  10. Bonjour Fab,

    merci pour l'aide rapide.
    Mais malheureusement rien n'a changé.
    Mon propre numéro SIP se trouve dans la première liste, où tous les appels (manqués/entrants/sortants) sont affichés. pour les appels sortants.
    Dans la liste individuelle où seul Out est dedans, je vois le numéro appelé.
    Mais j'aimerais aussi avoir les chiffres dans la première liste.
    pouvez-vous regarder à nouveau là-bas

    Répondre

    1. Salut maître888,
      c'est vrai, je n'avais pas vu ça. Merci pour l'indice.
      Tricolore ajusté. Maintenant, tout devrait (espérons-le) être correct. 🙂
      Cordialement
      Fab

      Répondre

Kommentar hinterlassen

Votre adresse e-mail ne sera pas publiée. Erforderliche Felder sind mit * markiert

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.