{"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\/de\/blog\/administrirovanie\/delaem-svoj-google-call-screening-na-osnove-voximplant-i-dialogflow","title":{"rendered":"Wir erstellen unser Google Call Screening basierend auf Voximplant und Dialogflow.","gt_translate_keys":[{"key":"rendered","format":"text"}]},"content":{"rendered":"

\"Wir<\/a><\/noindex>
\nVielleicht haben Sie schon von der Funktion zur Anruf\u00fcberpr\u00fcfung geh\u00f6rt oder gelesen, die Google f\u00fcr seine Pixel-Telefone in den USA ver\u00f6ffentlicht hat. Die Idee ist gro\u00dfartig \u2013 wenn ein eingehender Anruf eingeht, beginnt der virtuelle Assistent zu kommunizieren, w\u00e4hrend Sie dieses Gespr\u00e4ch in Form eines Chats sehen und jederzeit anstelle des Assistenten sprechen k\u00f6nnen. Dies ist heutzutage \u00e4u\u00dferst n\u00fctzlich, wo fast die H\u00e4lfte der Anrufe Spam ist<\/a><\/noindex>, aber gleichzeitig m\u00f6chten Sie keine wichtigen Anrufe von jemandem, der nicht in Ihrem Kontaktverzeichnis ist, verpassen. Der einzige Haken \u2013 diese Funktionalit\u00e4t ist nur auf dem Pixel-Telefon und nur in den USA verf\u00fcgbar. Nun, es gibt Hindernisse, um sie zu \u00fcberwinden, oder? Deshalb haben wir beschlossen, zu erkl\u00e4ren, wie Sie eine \u00e4hnliche L\u00f6sung mit Voximplant und Dialogflow erstellen k\u00f6nnen. Bitte lesen Sie weiter.
\n<\/a><\/noindex><\/p>\n

Architektur<\/h2>\n

\nLassen Sie uns keine Zeit damit verschwenden, zu erkl\u00e4ren, wie Voximplant und Dialogflow funktionieren; wenn Sie m\u00f6chten, finden Sie leicht Informationen im Internet. Lassen Sie uns also zuerst das Konzept unserer Anruf\u00fcberpr\u00fcfung kennenlernen.<\/p>\n

Angenommen, Sie haben bereits eine Telefonnummer, die Sie t\u00e4glich verwenden und auf die Sie wichtige Anrufe erhalten. In diesem Fall ben\u00f6tigen wir eine zweite Nummer, die \u00fcberall angegeben wird \u2013 in E-Mails, auf Visitenkarten, wenn Sie Online-Formulare ausf\u00fcllen usw. Diese Nummer wird mit dem System zur Verarbeitung nat\u00fcrlicher Sprache (in unserem Fall Dialogflow) verbunden und leitet Anrufe nur dann an Ihre Hauptnummer weiter, wenn Sie dies w\u00fcnschen. In Schemaform sieht das so aus (das Bild ist anklickbar):
\n\"Wir<\/a><\/noindex>
\nMit dem Verst\u00e4ndnis der Architektur k\u00f6nnen wir mit der Implementierung beginnen, aber mit einer Einschr\u00e4nkung: Wir werden kein mobiles<\/b> App erstellen, um den Dialog zwischen Dialogflow und dem eingehenden Anrufer zu zeigen, wir werden eine einfache Web<\/b>-Anwendung mit der Darstellung des Dialogs erstellen, um das Prinzip der Anruf\u00fcberpr\u00fcfung anschaulich zu demonstrieren. In dieser Anwendung wird es eine Taste \"Intervene\" geben, mit der Voximplant den eingehenden Anrufer mit dem abgehenden Anrufer verbindet, wenn dieser selbst sprechen m\u00f6chte.<\/p>\n

Implementierung<\/h2>\n

\nMelden Sie sich in Ihrem Voximplant-Konto<\/a><\/noindex> an und erstellen Sie eine neue Anwendung, zum Beispiel \"screening\":<\/p>\n

\"Wir
\n\u00d6ffnen Sie den Abschnitt \"Nummern\"<\/a><\/noindex> und kaufen Sie eine Nummer, die als Vermittler fungieren wird:<\/p>\n

\"Wir
\nGehen Sie weiter zur Anwendung Screening, im Abschnitt \u201eNummern\u201c, Tab \u201eVerf\u00fcgbar\u201c. Hier sehen Sie die gerade gekaufte Nummer. Binden Sie sie mit der Schaltfl\u00e4che \u201eAnheften\u201c an die Anwendung \u2013 lassen Sie im sich \u00f6ffnenden Fenster alle Werte auf Standard und klicken Sie auf \u201eAnheften\u201c.<\/p>\n

W\u00e4hrend Sie sich in der Anwendung befinden, gehen Sie zum Tab \u201eSkripte\u201c und erstellen Sie ein Skript myscreening \u2013 in diesem verwenden wir den Code aus dem Artikel Wie man den Dialogflow Connector verwendet<\/a><\/noindex>. Dabei wird der Code leicht angepasst, da wir den Dialog zwischen dem Anrufenden und dem Assistenten \u201esehen\u201c m\u00fcssen; den gesamten Code k\u00f6nnen Sie hier nehmen.<\/a><\/noindex>.<\/p>\n

ACHTUNG: Sie m\u00fcssen den Wert der Variablen server auf den Namen Ihres ngrok-Servers \u00e4ndern (Details zu ngrok folgen gleich). Setzen Sie au\u00dferdem Ihre Werte in Zeile 31 ein, wobei Ihre Telefonnummer Ihre Hauptnummer ist (zum Beispiel Ihre pers\u00f6nliche Mobilnummer), und die Voximplantnummer die Nummer ist, die Sie gerade gekauft haben.<\/p>\n

outbound_call = VoxEngine.callPSTN(\u201eIHRE TELEFONNUMMER\u201c, \u201eVOXIMPLANTNUMMER\u201c)<\/code><\/pre>\n
\nDer Anruf callPSTN erfolgt in dem Moment, in dem Sie entscheiden, in das Gespr\u00e4ch einzutreten und pers\u00f6nlich mit dem eingehenden Anrufer zu sprechen.<\/p>\n
Nachdem Sie das Skript gespeichert haben, m\u00fcssen Sie es mit der gekauften Nummer verbinden. Gehen Sie dazu, w\u00e4hrend Sie sich immer noch in Ihrer Anwendung befinden, zum Tab \u201eRouting\u201c, um eine neue Regel zu erstellen \u2013 die Schaltfl\u00e4che \u201eNeue Regel\u201c befindet sich in der oberen rechten Ecke. Geben Sie einen Namen an (zum Beispiel allcalls), lassen Sie die Standardmaske (.* \u2013 was bedeutet, dass alle eingehenden Anrufe von den f\u00fcr diese Regel gew\u00e4hlten Skripten verarbeitet werden) und geben Sie das Skript myscreening an.<\/p>\n
\"Wir
\nSpeichern Sie die Regel.<\/p>\n
Von nun an ist die Telefonnummer mit dem Skript verbunden. Das Letzte, was Sie tun m\u00fcssen, ist, den Bot mit der Anwendung zu verbinden. Gehen Sie dazu zum Tab \u201eDialogflow-Connector\u201c, klicken Sie auf die Schaltfl\u00e4che \u201eDialogflow-Agent hinzuf\u00fcgen\u201c in der oberen rechten Ecke und laden Sie die JSON-Datei Ihres Dialogflow-Agenten hoch.<\/p>\n
\"Wir
\nWenn Sie einen Agenten zum Testen\/Beispiel ben\u00f6tigen, k\u00f6nnen Sie unseren \u00fcber diesen Link nehmen: github.com\/aylarov\/callscreening\/tree\/master\/dialogflow<\/a><\/noindex>. Er erwarten Sie nicht zu viel, das ist nur ein Beispiel, das Sie nach Belieben anpassen und gerne die Ergebnisse teilen k\u00f6nnen \ud83d\ude42<\/p>\n
Ein einfacher Backend auf NodeJS<\/h2>\n
\nLassen Sie uns ein einfaches Backend auf Node erstellen, zum Beispiel so:
\ngithub.com\/aylarov\/callscreening\/tree\/master\/nodejs<\/a><\/noindex><\/p>\n
Das ist eine normale Anwendung, die nur zwei Befehle zum Starten ben\u00f6tigt:<\/p>\n
npm install\nnode index.js\n<\/code><\/pre>\n
\nDer Server wird auf Port 3000 Ihres Systems gestartet. Um ihn mit der Voximplant-Cloud zu verbinden, verwenden wir das Tool ngrok. Wenn Sie es installiert haben, ngrok<\/a><\/noindex>, starten Sie es mit dem Befehl:<\/p>\n
ngrok http 3000<\/code><\/pre>\n
\nSie sehen den Domainnamen, den ngrok f\u00fcr Ihren lokalen Server generiert hat \u2013 kopieren Sie ihn und setzen Sie ihn in die Variable server ein.<\/p>\n
den Kunden zur\u00fcckzuf\u00fchren sind, nicht verf\u00fcgbar ist.<\/h2>\n
\nDie Client-Anwendung sieht aus wie ein einfacher Chat, den Sie hierher holen k\u00f6nnen.<\/a><\/noindex>.<\/p>\n
Kopieren Sie einfach alle Dateien in ein Verzeichnis auf Ihrem Webserver, und es wird funktionieren. In der Datei script.js \u00e4ndern Sie den Wert der Variable server auf den ngrok-Domainnamen und den Wert der Variable callee auf die Nummer, die Sie gekauft haben. Speichern Sie die Datei und starten Sie die Anwendung im Browser. Wenn alles in Ordnung ist, sehen Sie die WebSocket-Verbindung in der Entwicklertools-Konsole.<\/p>\n
Demo<\/h2>\n
\nSie k\u00f6nnen die Anwendung in Aktion in diesem Video sehen:<\/p>\n
\r\n        \"Video\r\n        
<\/div>\r\n    <\/div><\/center>
\nP. S. Wenn Sie auf die Schaltfl\u00e4che Intervene klicken, wird der Anrufer mit meiner Telefonnummer verbunden, und wenn Sie auf Disconnect klicken \u2013 dann wird\u2026? Richtig, der Anruf wird getrennt.
\n
Quelle: 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\udd47Erstellen Sie Ihre eigene Google Call Screening basierend auf Voximplant und Dialogflow | ProHoster","description":"","canonical_url":"https:\/\/prohoster.info\/de\/blog\/administrirovanie\/delaem-svoj-google-call-screening-na-osnove-voximplant-i-dialogflow","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":null,"og:locale":"de_DE","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\/de\/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\/de\/wp-json\/wp\/v2\/posts\/38420","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/prohoster.info\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/prohoster.info\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/prohoster.info\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/prohoster.info\/de\/wp-json\/wp\/v2\/comments?post=38420"}],"version-history":[{"count":0,"href":"https:\/\/prohoster.info\/de\/wp-json\/wp\/v2\/posts\/38420\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/prohoster.info\/de\/wp-json\/wp\/v2\/media\/28839"}],"wp:attachment":[{"href":"https:\/\/prohoster.info\/de\/wp-json\/wp\/v2\/media?parent=38420"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/prohoster.info\/de\/wp-json\/wp\/v2\/categories?post=38420"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/prohoster.info\/de\/wp-json\/wp\/v2\/tags?post=38420"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}