{"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\/ro\/blog\/administrirovanie\/delaem-svoj-google-call-screening-na-osnove-voximplant-i-dialogflow","title":{"rendered":"Cre\u0103m Google Call Screening pe baza Voximplant \u0219i Dialogflow","gt_translate_keys":[{"key":"rendered","format":"text"}]},"content":{"rendered":"

\"Cre\u0103m<\/a><\/noindex>
\nProbabil c\u0103 a\u021bi auzit sau a\u021bi citit despre func\u021bia Call Screening, pe care Google a lansat-o pentru telefoanele sale Pixel \u00een SUA. Ideea este excelent\u0103 \u2013 atunci c\u00e2nd primi\u021bi un apel, asistentul virtual \u00eencepe conversa\u021bia, \u00een timp ce dvs. pute\u021bi vedea acest dialog sub forma unei sesiuni de chat \u0219i, \u00een orice moment, pute\u021bi \u00eencepe s\u0103 vorbi\u021bi \u00een locul asistentului. Acest lucru este foarte util \u00een zilele noastre, c\u00e2nd aproape jum\u0103tate din apeluri sunt spam<\/a><\/noindex>, dar \u00een acela\u0219i timp nu dori\u021bi s\u0103 pierde\u021bi apeluri importante de la cineva care nu se afl\u0103 \u00een lista dvs. de contacte. Singura problem\u0103 este c\u0103 aceast\u0103 func\u021bionalitate este disponibil\u0103 doar pe telefonul Pixel \u0219i doar \u00een SUA. Ei bine, obstacolele exist\u0103 pentru a fi dep\u0103\u0219ite, nu-i a\u0219a? A\u0219a c\u0103 am decis s\u0103 v\u0103 ar\u0103t\u0103m cum s\u0103 implementa\u021bi o solu\u021bie similar\u0103, folosind Voximplant \u0219i Dialogflow. V\u0103 rog s\u0103 citi\u021bi mai departe.
\n<\/a><\/noindex><\/p>\n

Arhitectur\u0103<\/h2>\n

\nPropun s\u0103 nu pierdem timpul cu explica\u021bii despre cum func\u021bioneaz\u0103 Voximplant \u0219i Dialogflow, informa\u021biile sunt u\u0219or de g\u0103sit online. A\u0219a c\u0103 haide\u021bi s\u0103 ne familiariz\u0103m cu conceptul Call Screening.<\/p>\n

Presupun\u00e2nd c\u0103 ave\u021bi deja un num\u0103r de telefon pe care \u00eel folosi\u021bi zilnic \u0219i la care primi\u021bi apeluri importante. \u00cen acest caz, avem nevoie de un al doilea num\u0103r, care va fi utilizat peste tot \u2013 \u00een e-mailuri, pe c\u0103r\u021bi de vizit\u0103, c\u00e2nd completa\u021bi formulare online etc. Acest num\u0103r va fi conectat la sistemul de procesare a limbajului natural (\u00een cazul nostru, Dialogflow) \u0219i va redirec\u021biona apelurile c\u0103tre num\u0103rul dvs. principal, doar dac\u0103 dori\u021bi acest lucru. Schema arat\u0103 astfel (imaginea este clicabil\u0103):
\n\"Cre\u0103m<\/a><\/noindex>
\n\u00cen\u021beleg\u00e2nd arhitectura, putem s\u0103 ne apuc\u0103m de implementare, dar cu o precizare: nu vom crea o aplica\u021bie mobil\u0103<\/b> pentru a ar\u0103ta dialogul dintre Dialogflow \u0219i apelantul de intrare, vom crea o aplica\u021bie simpl\u0103 web<\/b>-aplica\u021bie cu un render al dialogului, pentru a ilustra clar principiul Call Screening. \u00cen aceast\u0103 aplica\u021bie va exista un buton Intervene, la ap\u0103sarea c\u0103ruia Voximplant va conecta apelantul de intrare cu apelatul, dac\u0103 acesta din urm\u0103 a decis s\u0103 vorbeasc\u0103 singur.<\/p>\n

Implementarea<\/h2>\n

\nConecta\u021bi-v\u0103 la contul dvs. Voximplant<\/a><\/noindex> \u0219i crea\u021bi o nou\u0103 aplica\u021bie, de exemplu, screening:<\/p>\n

\"Cre\u0103m
\nDeschide\u021bi sec\u021biunea \u201eNumere\u201d<\/a><\/noindex> \u0219i achizi\u021biona\u021bi un num\u0103r ce va func\u021biona ca intermediar:<\/p>\n

\"Cre\u0103m
\nApoi, accesa\u021bi aplica\u021bia screening, \u00een sec\u021biunea \u201eNumere\u201d, fila \u201eDisponibile\u201d. Aici ve\u021bi vedea num\u0103rul recent achizi\u021bionat. Ata\u0219a\u021bi-l aplica\u021biei folosind butonul \u201eAta\u0219eaz\u0103\u201d \u2013 \u00een fereastra care apare, l\u0103sa\u021bi toate valorile la set\u0103rile implicite \u0219i ap\u0103sa\u021bi \u201eAta\u0219eaz\u0103\u201d.<\/p>\n

Fiind \u00een interiorul aplica\u021biei, accesa\u021bi fila \u201eScenarii\u201d \u0219i crea\u021bi un scenariu myscreening \u2013 \u00een care vom folosi codul din articol. Cum s\u0103 folose\u0219ti Connector-ul Dialogflow<\/a><\/noindex>. Codul va fi u\u0219or modificat, deoarece trebuie s\u0103 \u201evedem\u201d dialogul dintre apelant \u0219i asistent; \u00eentregul cod poate fi preluat de aici.<\/a><\/noindex>.<\/p>\n

ATEN\u021aIE: va trebui s\u0103 modifica\u021bi valoarea variabilei server cu numele serverului dvs. ngrok (detalii despre ngrok vor fi pu\u021bin mai jos). De asemenea, completa\u021bi valorile dvs. pe linia 31, unde your phone number \u2013 este num\u0103rul dvs. principal (de exemplu, mobil personal), iar voximplant number \u2013 num\u0103rul pe care l-a\u021bi achizi\u021bionat recent.<\/p>\n

outbound_call = VoxEngine.callPSTN(\u201eYOUR PHONE NUMBER\u201d, \u201eVOXIMPLANT NUMBER\u201d)<\/code><\/pre>\n
\nApelul callPSTN va avea loc \u00een momentul \u00een care decide\u021bi s\u0103 interveni\u021bi \u00een conversa\u021bie \u0219i s\u0103 discuta\u021bi personal cu apelantul.<\/p>\n
Dup\u0103 ce salva\u021bi scenariul, va trebui s\u0103-l ata\u0219a\u021bi num\u0103rului achizi\u021bionat. Pentru aceasta, \u00een continuare \u00een aplica\u021bia dvs., accesa\u021bi fila \u201eRouting\u201d pentru a crea o nou\u0103 regul\u0103 \u2013 butonul \u201eRegul\u0103 nou\u0103\u201d \u00een col\u021bul din dreapta sus. Specifica\u021bi un nume (de exemplu, allcalls), l\u0103sa\u021bi masca la set\u0103rile implicite (.* \u2013 ceea ce \u00eenseamn\u0103 c\u0103 toate apelurile primite vor fi procesate de scenariile alese pentru aceast\u0103 regul\u0103) \u0219i specifica\u021bi scenariul myscreening.<\/p>\n
\"Cre\u0103m
\nSalva\u021bi regula.<\/p>\n
De acum \u00eenainte, num\u0103rul de telefon este ata\u0219at scenariului. Ultimul pas este s\u0103 ata\u0219a\u021bi botul aplica\u021biei. Pentru aceasta, accesa\u021bi fila \u201eDialogflow-connector\u201d, ap\u0103sa\u021bi butonul \u201eAd\u0103uga\u021bi agentul Dialogflow\u201d \u00een col\u021bul din dreapta sus \u0219i \u00eenc\u0103rca\u021bi fi\u0219ierul JSON al agentului dvs. Dialogflow.<\/p>\n
\"Cre\u0103m
\nDac\u0103 ave\u021bi nevoie de un agent pentru exemplu\/testare, pute\u021bi folosi agentul nostru de la acest link: github.com\/aylarov\/callscreening\/tree\/master\/dialogflow<\/a><\/noindex>. Numai s\u0103 nu ave\u021bi prea multe a\u0219tept\u0103ri de la el, este doar un exemplu, pe care ave\u021bi libertatea de a-l modifica cum dori\u021bi \u0219i de a \u00eemp\u0103rt\u0103\u0219i rezultatele \ud83d\ude42.<\/p>\n
Un backend simplu pe NodeJS<\/h2>\n
\nS\u0103 desf\u0103\u0219ur\u0103m un backend simplu pe Node, de exemplu, a\u0219a:
\ngithub.com\/aylarov\/callscreening\/tree\/master\/nodejs<\/a><\/noindex><\/p>\n
Este o aplica\u021bie obi\u0219nuit\u0103, care necesit\u0103 doar dou\u0103 comenzi pentru a fi pus\u0103 \u00een func\u021biune:<\/p>\n
npm install\nnode index.js\n<\/code><\/pre>\n
\nServerul va rula pe portul 3000 al ma\u0219inii dumneavoastr\u0103, de aceea pentru a-l conecta la cloudul Voximplant, vom folosi utilitarul ngrok. Dup\u0103 ce a\u021bi instalat ngrok<\/a><\/noindex>, rula\u021bi-l cu comanda:<\/p>\n
ngrok http 3000<\/code><\/pre>\n
\nVe\u021bi vedea numele de domeniu generat de ngrok pentru serverul dumneavoastr\u0103 local \u2013 copia\u021bi-l \u0219i insera\u021bi-l \u00een variabila server.<\/p>\n
Clientului<\/h2>\n
\nAplica\u021bia client arat\u0103 ca un simplu chat, pe care \u00eel pute\u021bi desc\u0103rca de aici<\/a><\/noindex>.<\/p>\n
Pur \u0219i simplu copia\u021bi toate fi\u0219ierele \u00eentr-un director de pe serverul dumneavoastr\u0103 web \u0219i va func\u021biona. \u00cen fi\u0219ierul script.js, schimba\u021bi valoarea variabilei server cu numele de domeniu ngrok, iar valoarea variabilei callee \u2013 cu num\u0103rul pe care l-a\u021bi achizi\u021bionat. Salva\u021bi fi\u0219ierul \u0219i rula\u021bi aplica\u021bia \u00een browser. Dac\u0103 totul este \u00een ordine, ve\u021bi vedea o conexiune WebSocket \u00een panoul de dezvoltare.<\/p>\n
Demo<\/h2>\n
\nPute\u021bi vedea aplica\u021bia \u00een ac\u021biune \u00een acest videoclip:<\/p>\n
\r\n        \"Reda\u021bi\r\n        
<\/div>\r\n    <\/div><\/center>
\nP. S. Dac\u0103 ap\u0103sa\u021bi pe butonul Intervene, apelantul va fi redirijat la num\u0103rul meu de telefon, iar dac\u0103 ap\u0103sa\u021bi pe Disconnect \u2013 atunci...? Corect, apelul va fi deconectat.
\n
Sursa: 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\udd47Facem screening-ul apelurilor Google pe baza Voximplant \u0219i Dialogflow | ProHoster","description":"","canonical_url":"https:\/\/prohoster.info\/ro\/blog\/administrirovanie\/delaem-svoj-google-call-screening-na-osnove-voximplant-i-dialogflow","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":null,"og:locale":"ro_RO","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\/ro\/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\/ro\/wp-json\/wp\/v2\/posts\/38420","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/prohoster.info\/ro\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/prohoster.info\/ro\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/prohoster.info\/ro\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/prohoster.info\/ro\/wp-json\/wp\/v2\/comments?post=38420"}],"version-history":[{"count":0,"href":"https:\/\/prohoster.info\/ro\/wp-json\/wp\/v2\/posts\/38420\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/prohoster.info\/ro\/wp-json\/wp\/v2\/media\/28839"}],"wp:attachment":[{"href":"https:\/\/prohoster.info\/ro\/wp-json\/wp\/v2\/media?parent=38420"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/prohoster.info\/ro\/wp-json\/wp\/v2\/categories?post=38420"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/prohoster.info\/ro\/wp-json\/wp\/v2\/tags?post=38420"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}