{"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\/sv\/blog\/administrirovanie\/delaem-svoj-google-call-screening-na-osnove-voximplant-i-dialogflow","title":{"rendered":"Skapa din egen Google Call Screening baserad p\u00e5 Voximplant och Dialogflow","gt_translate_keys":[{"key":"rendered","format":"text"}]},"content":{"rendered":"

\"Skapa<\/a><\/noindex>
\nDu kanske har h\u00f6rt eller l\u00e4st om funktionen Call Screening som Google lanserade f\u00f6r sina Pixel-telefoner i USA. Id\u00e9n \u00e4r fantastisk \u2013 n\u00e4r du f\u00e5r ett inkommande samtal, b\u00f6rjar den virtuella assistenten att kommunicera, medan du ser denna konversation i form av en chatt och kan n\u00e4r som helst b\u00f6rja prata ist\u00e4llet f\u00f6r assistenten. Detta \u00e4r mycket anv\u00e4ndbart idag, n\u00e4r n\u00e4stan h\u00e4lften av samtalen \u00e4r skr\u00e4ppost<\/a><\/noindex>, men du vill samtidigt inte missa viktiga samtal fr\u00e5n n\u00e5gon som inte finns i din kontaktlista. Den enda nackdelen \u00e4r att denna funktionalitet endast \u00e4r tillg\u00e4nglig p\u00e5 Pixel-telefonen och endast i USA. N\u00e5v\u00e4l, hinder finns f\u00f6r att \u00f6vervinnas, eller hur? D\u00e4rf\u00f6r har vi beslutat att ber\u00e4tta hur man kan uppn\u00e5 n\u00e5got liknande med hj\u00e4lp av Voximplant och Dialogflow. V\u00e4nligen forts\u00e4tt l\u00e4sa.
\n<\/a><\/noindex><\/p>\n

Arkitektur<\/h2>\n

\nJag f\u00f6resl\u00e5r att vi inte sl\u00f6sar tid p\u00e5 att f\u00f6rklara hur Voximplant och Dialogflow fungerar, om du vill kan du l\u00e4tt hitta information p\u00e5 internet. S\u00e5 l\u00e5t oss bekanta oss med sj\u00e4lva konceptet av v\u00e5r Call Screening.<\/p>\n

Anta att du redan har ett telefonnummer som du anv\u00e4nder dagligen och till vilket du f\u00e5r viktiga samtal. I s\u00e5 fall kommer vi att beh\u00f6va ett andra nummer, som kommer att anges \u00f6verallt \u2013 i e-posten, p\u00e5 visitkortet, n\u00e4r du fyller i onlineformul\u00e4r etc. Detta nummer kommer att anslutas till ett system f\u00f6r naturlig spr\u00e5kbehandling (i v\u00e5rt fall \u00e4r det Dialogflow) och vidarebefordra samtal till ditt huvudnummer, men bara om du vill. I diagramform ser detta ut s\u00e5 h\u00e4r (bilder \u00e4r klickbara):
\n\"Skapa<\/a><\/noindex>
\nN\u00e4r vi f\u00f6rst\u00e5r arkitekturen kan vi ta oss an implementeringen, men med en f\u00f6ruts\u00e4ttning: vi kommer inte att skapa en mobil<\/b> app f\u00f6r att visa dialog mellan Dialogflow och den inkommande abonnenten, vi kommer att skapa en enkel webb<\/b>-applikation med dialogrendering f\u00f6r att tydligt visa principen f\u00f6r Call Screening. I denna applikation kommer det finnas en knapp f\u00f6r Intervene, som n\u00e4r den trycks p\u00e5 kopplar Voximplant den inkommande abonnenten med den uppringda abonnenten, om den senare vill prata sj\u00e4lv.<\/p>\n

Implementering<\/h2>\n

\nLogga in p\u00e5 ditt Voximplant-konto<\/a><\/noindex> och skapa en ny applikation, till exempel screening:<\/p>\n

\"Skapa
\n\u00d6ppna sektionen \"Nummer\"<\/a><\/noindex> och k\u00f6p ett nummer som kommer att fungera som en mellanhand:<\/p>\n

\"Skapa
\nG\u00e5 sedan in i screening-applikationen, i avsnittet \"Nummer\", fliken \"Tillg\u00e4ngliga\". H\u00e4r ser du det nyligen k\u00f6pta numret. Koppla det till applikationen med hj\u00e4lp av knappen \"Koppla\" \u2013 i det som dyker upp, l\u00e4mna alla standardv\u00e4rden och klicka p\u00e5 \"Koppla\".<\/p>\n

N\u00e4r du \u00e4r inne i applikationen, g\u00e5 till fliken \"Scenarier\" och skapa scenariot myscreening \u2013 h\u00e4r anv\u00e4nder vi koden fr\u00e5n artikeln How to use Dialogflow Connector<\/a><\/noindex>. Koden kommer att \u00e4ndras n\u00e5got eftersom vi beh\u00f6ver \"se\" dialogen mellan den som ringer och assistenten; hela koden kan tas h\u00e4r<\/a><\/noindex>.<\/p>\n

V\u00c4NLIGEN NOTERA: du beh\u00f6ver \u00e4ndra v\u00e4rdet av variabeln server till namnet p\u00e5 din ngrok-server (mer information om ngrok kommer l\u00e4ngre ner). S\u00e4tt ocks\u00e5 in dina v\u00e4rden p\u00e5 rad 31, d\u00e4r your phone number \u00e4r ditt huvudsakliga nummer (exempelvis ett personligt mobilnummer), medan voximplant number \u00e4r numret som du nyligen k\u00f6pte.<\/p>\n

outbound_call = VoxEngine.callPSTN(\u201cDITT TELEFONNUMMER\u201d, \u201cVOXIMPLANT NUMMER\u201d)<\/code><\/pre>\n
\nAnropet callPSTN kommer att ske n\u00e4r du best\u00e4mmer dig f\u00f6r att hoppa in i samtalet och prata direkt med den inkommande abonnenten.<\/p>\n
Efter att du har sparat scenariot beh\u00f6ver du koppla det till det k\u00f6pta numret. F\u00f6r att g\u00f6ra detta, medan du fortfarande \u00e4r inne i din applikation, g\u00e5 till fliken \"Routing\" f\u00f6r att skapa en ny regel \u2013 knappen \"Ny regel\" i det \u00f6vre h\u00f6gra h\u00f6rnet. Ange ett namn (till exempel, allcalls), l\u00e4mna m\u00f6nstret som standard (.* \u2013 vilket betyder att alla inkommande samtal kommer att hanteras av de scenarier som valts f\u00f6r denna regel) och ange scenariot myscreening.<\/p>\n
\"Skapa
\nSpara regeln.<\/p>\n
Numret \u00e4r nu kopplat till scenariot. Det sista som beh\u00f6vs \u00e4r att koppla boten till applikationen. F\u00f6r detta, g\u00e5 till fliken \"Dialogflow-koppling\", klicka p\u00e5 knappen \"L\u00e4gg till Dialogflow-agent\" i det \u00f6vre h\u00f6gra h\u00f6rnet och ladda upp JSON-filen f\u00f6r din Dialogflow-agent.<\/p>\n
\"Skapa
\nOm du beh\u00f6ver en agent f\u00f6r exempel\/testning kan du ta v\u00e5r fr\u00e5n denna l\u00e4nk: github.com\/aylarov\/callscreening\/tree\/master\/dialogflow<\/a><\/noindex>. Men f\u00f6rv\u00e4nta dig inte f\u00f6r mycket av den, det \u00e4r bara ett exempel som du fritt kan omarbeta hur du vill och g\u00e4rna dela resultaten \ud83d\ude42<\/p>\n
En enkel backend p\u00e5 NodeJS<\/h2>\n
\nL\u00e5t oss s\u00e4tta upp en enkel backend p\u00e5 Node, till exempel s\u00e5 h\u00e4r:
\ngithub.com\/aylarov\/callscreening\/tree\/master\/nodejs<\/a><\/noindex><\/p>\n
Det h\u00e4r \u00e4r en vanlig applikation som kr\u00e4ver bara tv\u00e5 kommandon f\u00f6r att starta:<\/p>\n
npm install\nnode index.js\n<\/code><\/pre>\n
\nServern startar p\u00e5 port 3000 p\u00e5 din maskin, s\u00e5 f\u00f6r att koppla den till Voximplant-molnet anv\u00e4nder vi verktyget ngrok. N\u00e4r du har installerat ngrok<\/a><\/noindex>, k\u00f6r det med kommandot:<\/p>\n
ngrok http 3000<\/code><\/pre>\n
\nDu kommer att se det dom\u00e4nnamn som ngrok genererade f\u00f6r din lokala server \u2013 kopiera det och s\u00e4tt in det i variabeln server.<\/p>\n
Klient<\/h2>\n
\nKlientapplikationen ser ut som en enkel chatt som du kan h\u00e4mta h\u00e4rifr\u00e5n<\/a><\/noindex>.<\/p>\n
Kopiera helt enkelt alla filer till en valfri katalog p\u00e5 din webbserver s\u00e5 kommer det att fungera. I filen script.js, \u00e4ndra v\u00e4rdet p\u00e5 variabeln server till ngroks dom\u00e4nnamn, och v\u00e4rdet p\u00e5 variabeln callee till numret du k\u00f6pte. Spara filen och starta applikationen i webbl\u00e4saren. Om allt \u00e4r i ordning, kommer du att se WebSocket-anslutningen i utvecklarkonsolen.<\/p>\n
Demo<\/h2>\n
\nDu kan se applikationen i aktion i den h\u00e4r videon:<\/p>\n
\r\n        \"Spela\r\n        
<\/div>\r\n    <\/div><\/center>
\nP. S. Om du trycker p\u00e5 knappen Intervene kommer den som ringer att kopplas till mitt telefonnummer, och om du trycker p\u00e5 Disconnect\u2026? R\u00e4tt, samtalet kommer att brytas.
\n
K\u00e4lla: 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\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\udd47Skapa din egen Google Call Screening baserat p\u00e5 Voximplant och Dialogflow | ProHoster","description":"","canonical_url":"https:\/\/prohoster.info\/sv\/blog\/administrirovanie\/delaem-svoj-google-call-screening-na-osnove-voximplant-i-dialogflow","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":null,"og:locale":"sv_SE","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\/sv\/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\/sv\/wp-json\/wp\/v2\/posts\/38420","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/prohoster.info\/sv\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/prohoster.info\/sv\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/prohoster.info\/sv\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/prohoster.info\/sv\/wp-json\/wp\/v2\/comments?post=38420"}],"version-history":[{"count":0,"href":"https:\/\/prohoster.info\/sv\/wp-json\/wp\/v2\/posts\/38420\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/prohoster.info\/sv\/wp-json\/wp\/v2\/media\/28839"}],"wp:attachment":[{"href":"https:\/\/prohoster.info\/sv\/wp-json\/wp\/v2\/media?parent=38420"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/prohoster.info\/sv\/wp-json\/wp\/v2\/categories?post=38420"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/prohoster.info\/sv\/wp-json\/wp\/v2\/tags?post=38420"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}