{"id":38420,"date":"2019-10-31T22:23:38","date_gmt":"2019-10-31T19:23:38","guid":{"rendered":"https:\/\/prohoster.info\/blog\/delaem-svoj-google-call-screening-na-osnove-voximplant-i-dialogflow\/"},"modified":"2019-10-31T22:23:38","modified_gmt":"2019-10-31T19:23:38","slug":"delaem-svoj-google-call-screening-na-osnove-voximplant-i-dialogflow","status":"publish","type":"post","link":"https:\/\/prohoster.info\/fr\/blog\/administrirovanie\/delaem-svoj-google-call-screening-na-osnove-voximplant-i-dialogflow","title":{"rendered":"Nous cr\u00e9ons notre propre screening d'appels Google bas\u00e9 sur Voximplant et Dialogflow","gt_translate_keys":[{"key":"rendered","format":"text"}]},"content":{"rendered":"

\"Nous<\/a><\/noindex>
\nVous avez peut-\u00eatre entendu ou lu parler de la fonctionnalit\u00e9 de screening d'appels que Google a lanc\u00e9e pour ses t\u00e9l\u00e9phones Pixel aux \u00c9tats-Unis. L'id\u00e9e est excellente : lorsque vous recevez un appel entrant, l'assistant virtuel commence \u00e0 communiquer, tandis que vous voyez cette conversation sous forme de chat et pouvez entrer dans la conversation \u00e0 tout moment. C'est tr\u00e8s utile de nos jours, alors que presque la moiti\u00e9 des appels sont des spams<\/a><\/noindex>, mais vous ne voulez pas manquer d'importants appels de personnes qui ne figurent pas dans votre liste de contacts. Le seul hic est que cette fonctionnalit\u00e9 n'est disponible que sur le t\u00e9l\u00e9phone Pixel et uniquement aux \u00c9tats-Unis. Eh bien, les obstacles existent pour \u00eatre surmont\u00e9s, n'est-ce pas ? C'est pourquoi nous avons d\u00e9cid\u00e9 de parler de la mani\u00e8re de cr\u00e9er une solution similaire en utilisant Voximplant et Dialogflow. Je vous invite \u00e0 lire la suite.
\n<\/a><\/noindex><\/p>\n

Architecture<\/h2>\n

\nJe ne vais pas perdre de temps \u00e0 expliquer comment fonctionnent Voximplant et Dialogflow, vous trouverez facilement des informations \u00e0 ce sujet sur Internet. Passons donc \u00e0 la pr\u00e9sentation du concept de notre screening d'appels.<\/p>\n

Supposons que vous ayez d\u00e9j\u00e0 un num\u00e9ro de t\u00e9l\u00e9phone que vous utilisez quotidiennement et sur lequel vous recevez des appels importants. Dans ce cas, nous aurons besoin d'un deuxi\u00e8me num\u00e9ro, qui sera indiqu\u00e9 partout : dans vos emails, sur votre carte de visite, lorsque vous remplissez des formulaires en ligne, etc. Ce num\u00e9ro sera connect\u00e9 au syst\u00e8me de traitement du langage naturel (dans notre cas, c'est Dialogflow) et redirigera les appels vers votre num\u00e9ro principal, seulement si vous le souhaitez. Cela ressemble \u00e0 ceci (l'image est cliquable) :
\n\"Nous<\/a><\/noindex>
\nComprenant l'architecture, nous pouvons nous attaquer \u00e0 la r\u00e9alisation, mais avec une pr\u00e9caution : nous ne cr\u00e9erons pas une application mobile<\/b> pour montrer le dialogue entre Dialogflow et l'appelant entrant, nous allons cr\u00e9er une simple application web<\/b>- avec un rendu de dialogue, afin de montrer clairement le fonctionnement du screening d'appels. Dans cette application, il y aura un bouton Intervenir, sur lequel Voximplant mettra en relation l'appelant entrant avec l'appelant que vous composez, si ce dernier souhaite parler lui-m\u00eame.<\/p>\n

Mise en \u0153uvre<\/h2>\n

\nConnectez-vous \u00e0 votre compte Voximplant<\/a><\/noindex> et cr\u00e9ez une nouvelle application, par exemple, screening :<\/p>\n

\"Nous
\nOuvrez la section \u00ab Num\u00e9ros \u00bb<\/a><\/noindex> et achetez un num\u00e9ro qui fonctionnera comme interm\u00e9diaire :<\/p>\n

\"Nous
\nEnsuite, ouvrez l'application screening, dans la section \u00ab Num\u00e9ros \u00bb, onglet \u00ab Disponibles \u00bb. Vous y verrez le num\u00e9ro nouvellement achet\u00e9. Liez-le \u00e0 l'application en utilisant le bouton \u00ab Attacher \u00bb \u2013 dans la fen\u00eatre qui appara\u00eet, laissez toutes les valeurs par d\u00e9faut et cliquez sur \u00ab Attacher \u00bb.<\/p>\n

\u00c0 l'int\u00e9rieur de l'application, allez dans l'onglet \u00ab Sc\u00e9narios \u00bb et cr\u00e9ez le sc\u00e9nario myscreening \u2013 nous allons y utiliser le code de l'article Comment utiliser le Connecteur Dialogflow<\/a><\/noindex>. Le code sera l\u00e9g\u00e8rement modifi\u00e9, car nous devons \u00ab voir \u00bb le dialogue entre l'appelant et l'assistant ; tout le code peut \u00eatre trouv\u00e9 ici<\/a><\/noindex>.<\/p>\n

ATTENTION : vous devrez changer la valeur de la variable server par le nom de votre serveur ngrok (les d\u00e9tails sur ngrok seront pr\u00e9sent\u00e9s un peu plus bas). Remplacez \u00e9galement vos valeurs \u00e0 la ligne 31, o\u00f9 votre num\u00e9ro de t\u00e9l\u00e9phone \u2013 c'est votre num\u00e9ro principal (par exemple, un mobile personnel), et le num\u00e9ro voximplant \u2013 le num\u00e9ro que vous avez r\u00e9cemment achet\u00e9.<\/p>\n

outbound_call = VoxEngine.callPSTN(\u201cVOTRE NUM\u00c9RO DE T\u00c9L\u00c9PHONE\u201d, \u201cNUM\u00c9RO VOXIMPLANT\u201d)<\/code><\/pre>\n
\nL'appel callPSTN se produira au moment o\u00f9 vous d\u00e9ciderez d'interrompre la conversation et de parler directement avec l'appelant entrant.<\/p>\n
Apr\u00e8s avoir enregistr\u00e9 le sc\u00e9nario, vous devez le lier au num\u00e9ro achet\u00e9. Pour ce faire, toujours dans votre application, allez dans l'onglet \u00ab Routage \u00bb pour cr\u00e9er une nouvelle r\u00e8gle \u2013 le bouton \u00ab Nouvelle r\u00e8gle \u00bb dans le coin sup\u00e9rieur droit. Indiquez un nom (par exemple, allcalls), laissez le masque par d\u00e9faut (.* \u2013 ce qui signifie que tous les appels entrants seront trait\u00e9s par les sc\u00e9narios choisis pour cette r\u00e8gle) et indiquez le sc\u00e9nario myscreening.<\/p>\n
\"Nous
\nEnregistrez la r\u00e8gle.<\/p>\n
D\u00e9sormais, le num\u00e9ro de t\u00e9l\u00e9phone est li\u00e9 au sc\u00e9nario. La derni\u00e8re \u00e9tape consiste \u00e0 lier le bot \u00e0 l'application. Pour cela, allez dans l'onglet \u00ab Connecteur Dialogflow \u00bb, cliquez sur le bouton \u00ab Ajouter un agent Dialogflow \u00bb dans le coin sup\u00e9rieur droit et t\u00e9l\u00e9chargez le fichier JSON de votre agent Dialogflow.<\/p>\n
\"Nous
\nSi vous avez besoin d'un agent pour un exemple\/test, vous pouvez prendre le n\u00f4tre \u00e0 ce lien : github.com\/aylarov\/callscreening\/tree\/master\/dialogflow<\/a><\/noindex>. Ne lui demandez pas trop, c'est juste un exemple que vous pouvez modifier \u00e0 votre guise et partager vos r\u00e9sultats \ud83d\ude42<\/p>\n
Un backend simple sur NodeJS<\/h2>\n
\nD\u00e9ployons un simple backend sur Node, par exemple, comme celui-ci :
\ngithub.com\/aylarov\/callscreening\/tree\/master\/nodejs<\/a><\/noindex><\/p>\n
C'est une application ordinaire qui n\u00e9cessite seulement deux commandes pour d\u00e9marrer :<\/p>\n
npm install\nnode index.js\n<\/code><\/pre>\n
\nLe serveur d\u00e9marrera sur le port 3000 de votre machine, donc pour le connecter au cloud Voximplant, nous utilisons l'outil ngrok. Lorsque vous l'aurez install\u00e9 ngrok<\/a><\/noindex>, lancez-le avec la commande :<\/p>\n
ngrok http 3000<\/code><\/pre>\n
\nVous verrez un nom de domaine que ngrok a g\u00e9n\u00e9r\u00e9 pour votre serveur local \u2013 copiez-le et ins\u00e9rez-le dans la variable server.<\/p>\n
Client<\/h2>\n
\nL'application cliente ressemble \u00e0 un simple chat que vous pouvez t\u00e9l\u00e9charger ici<\/a><\/noindex>.<\/p>\n
Il suffit de copier tous les fichiers dans un r\u00e9pertoire de votre serveur web et cela fonctionnera. Dans le fichier script.js, remplacez la valeur de la variable server par le nom de domaine ngrok et la valeur de la variable callee par le num\u00e9ro que vous avez achet\u00e9. Enregistrez le fichier et lancez l'application dans le navigateur. Si tout va bien, vous verrez une connexion WebSocket dans la console de d\u00e9veloppement.<\/p>\n
D\u00e9mo<\/h2>\n
\nVous pouvez voir l'application en action dans cette vid\u00e9o :<\/p>\n
\r\n        \"Lire\r\n        
<\/div>\r\n    <\/div><\/center>
\nP. S. Si vous appuyez sur le bouton Intervenir, l'appelant sera dirig\u00e9 vers mon num\u00e9ro de t\u00e9l\u00e9phone, et si vous appuyez sur D\u00e9connecter \u2013 eh bien\u2026? Correct, l'appel sera coup\u00e9.
\n
Source : habr.com<\/a><\/p>","protected":false,"gt_translate_keys":[{"key":"rendered","format":"html"}]},"excerpt":{"rendered":"
\u0412\u043e\u0437\u043c\u043e\u0436\u043d\u043e, \u0432\u044b \u0441\u043b\u044b\u0448\u0430\u043b\u0438 \u0438\u043b\u0438 \u0447\u0438\u0442\u0430\u043b\u0438 \u043f\u0440\u043e \u0444\u0443\u043d\u043a\u0446\u0438\u044e Call Screening, \u043a\u043e\u0442\u043e\u0440\u0443\u044e Google \u0432\u044b\u043a\u0430\u0442\u0438\u043b \u0434\u043b\u044f \u0441\u0432\u043e\u0438\u0445 \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u043e\u0432 Pixel \u0432 \u0421\u0428\u0410. \u0418\u0434\u0435\u044f \u043e\u0442\u043b\u0438\u0447\u043d\u0430\u044f \u2013 \u043a\u043e\u0433\u0434\u0430 \u0432\u0430\u043c \u043f\u043e\u0441\u0442\u0443\u043f\u0430\u0435\u0442 \u0432\u0445\u043e\u0434\u044f\u0449\u0438\u0439 \u0437\u0432\u043e\u043d\u043e\u043a, \u0442\u043e \u0432\u0438\u0440\u0442\u0443\u0430\u043b\u044c\u043d\u044b\u0439 \u0430\u0441\u0441\u0438\u0441\u0442\u0435\u043d\u0442 \u043d\u0430\u0447\u0438\u043d\u0430\u0435\u0442 \u043e\u0431\u0449\u0430\u0442\u044c\u0441\u044f, \u0432 \u0442\u043e \u0432\u0440\u0435\u043c\u044f \u043a\u0430\u043a \u0432\u044b \u0432\u0438\u0434\u0438\u0442\u0435 \u044d\u0442\u043e\u0442 \u0440\u0430\u0437\u0433\u043e\u0432\u043e\u0440 \u0432 \u0432\u0438\u0434\u0435 \u0447\u0430\u0442\u0430 \u0438 \u0432 \u043b\u044e\u0431\u043e\u0439 \u043c\u043e\u043c\u0435\u043d\u0442 \u043c\u043e\u0436\u0435\u0442\u0435 \u043d\u0430\u0447\u0430\u0442\u044c \u0433\u043e\u0432\u043e\u0440\u0438\u0442\u044c \u0432\u043c\u0435\u0441\u0442\u043e \u0430\u0441\u0441\u0438\u0441\u0442\u0435\u043d\u0442\u0430. \u042d\u0442\u043e \u043e\u0447\u0435\u043d\u044c \u043f\u043e\u043b\u0435\u0437\u043d\u043e \u0432 […]<\/p>\n","protected":false,"gt_translate_keys":[{"key":"rendered","format":"html"}]},"author":1,"featured_media":28839,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[688],"tags":[],"class_list":["post-38420","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-administrirovanie"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\n","aioseo_head_json":{"title":"\ud83e\udd47Nous faisons notre Google Call Screening bas\u00e9 sur Voximplant et Dialogflow | ProHoster","description":"","canonical_url":"https:\/\/prohoster.info\/fr\/blog\/administrirovanie\/delaem-svoj-google-call-screening-na-osnove-voximplant-i-dialogflow","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":null,"og:locale":"fr_FR","og:site_name":"ProHoster | \u041a\u0443\u043f\u0438\u0442\u044c \u043d\u0430\u0434\u0435\u0436\u043d\u044b\u0439 \u0445\u043e\u0441\u0442\u0438\u043d\u0433 \u0434\u043b\u044f \u0441\u0430\u0439\u0442\u043e\u0432 \u0441 \u0437\u0430\u0449\u0438\u0442\u043e\u0439 \u043e\u0442 DDoS, VPS VDS \u0441\u0435\u0440\u0432\u0435\u0440\u044b","og:type":"article","og:title":"\ud83e\udd47\u0414\u0435\u043b\u0430\u0435\u043c \u0441\u0432\u043e\u0439 Google Call Screening \u043d\u0430 \u043e\u0441\u043d\u043e\u0432\u0435 Voximplant \u0438 Dialogflow | ProHoster","og:url":"https:\/\/prohoster.info\/fr\/blog\/administrirovanie\/delaem-svoj-google-call-screening-na-osnove-voximplant-i-dialogflow","og:image":"https:\/\/prohoster.info\/wp-content\/uploads\/2021\/11\/logo-350.jpg","og:image:secure_url":"https:\/\/prohoster.info\/wp-content\/uploads\/2021\/11\/logo-350.jpg","og:image:width":350,"og:image:height":350,"article:published_time":"2019-10-31T19:23:38+00:00","article:modified_time":"2019-10-31T19:23:38+00:00","article:publisher":"https:\/\/www.facebook.com\/prohoster","article:author":"https:\/\/www.facebook.com\/prohoster"},"aioseo_meta_data":{"post_id":"38420","title":null,"description":null,"keywords":null,"keyphrases":null,"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":null,"og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"","isEnabled":true},"graphs":[]},"schema_type":null,"schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":null,"robots_max_videopreview":null,"robots_max_imagepreview":"large","priority":null,"frequency":null,"local_seo":null,"seo_analyzer_scan_date":"2026-01-23 21:58:20","breadcrumb_settings":null,"limit_modified_date":false,"reviewed_by":null,"ai":null,"created":"2021-03-01 01:09:23","updated":"2026-01-23 21:58:20","focus_keyword":null,"additional_keywords":null,"truseo_locale":null},"gt_translate_keys":[{"key":"link","format":"url"}],"_links":{"self":[{"href":"https:\/\/prohoster.info\/fr\/wp-json\/wp\/v2\/posts\/38420","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/prohoster.info\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/prohoster.info\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/prohoster.info\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/prohoster.info\/fr\/wp-json\/wp\/v2\/comments?post=38420"}],"version-history":[{"count":0,"href":"https:\/\/prohoster.info\/fr\/wp-json\/wp\/v2\/posts\/38420\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/prohoster.info\/fr\/wp-json\/wp\/v2\/media\/28839"}],"wp:attachment":[{"href":"https:\/\/prohoster.info\/fr\/wp-json\/wp\/v2\/media?parent=38420"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/prohoster.info\/fr\/wp-json\/wp\/v2\/categories?post=38420"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/prohoster.info\/fr\/wp-json\/wp\/v2\/tags?post=38420"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}