{"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\/cs\/blog\/administrirovanie\/delaem-svoj-google-call-screening-na-osnove-voximplant-i-dialogflow","title":{"rendered":"Vytv\u00e1\u0159\u00edme sv\u00e9 Google Call Screening na z\u00e1klad\u011b Voximplant a Dialogflow","gt_translate_keys":[{"key":"rendered","format":"text"}]},"content":{"rendered":"

\"Vytv\u00e1\u0159\u00edme<\/a><\/noindex>
\nMo\u017en\u00e1 jste sly\u0161eli nebo \u010detli o funkci Call Screening, kterou Google p\u0159edstavil pro sv\u00e9 telefony Pixel v USA. My\u0161lenka je skv\u011bl\u00e1 \u2013 kdy\u017e v\u00e1m p\u0159ijde p\u0159\u00edchoz\u00ed hovor, virtu\u00e1ln\u00ed asistent za\u010dne komunikovat, zat\u00edmco vy vid\u00edte tento rozhovor ve form\u011b chatu a kdykoliv m\u016f\u017eete za\u010d\u00edt mluvit m\u00edsto asistenta. To je velmi u\u017eite\u010dn\u00e9 v dne\u0161n\u00ed dob\u011b, kdy t\u00e9m\u011b\u0159 polovina hovor\u016f je spam<\/a><\/noindex>, ale p\u0159itom nechcete prop\u00e1snout d\u016fle\u017eit\u00e9 hovory od n\u011bkoho, kdo nen\u00ed ve va\u0161em seznamu kontakt\u016f. Jedin\u00e1 h\u00e1danka \u2013 tato funk\u010dnost je dostupn\u00e1 pouze na telefonu Pixel a pouze v USA. Co\u017e je, pravda, p\u0159ek\u00e1\u017eka, ale p\u0159ek\u00e1\u017eky existuj\u00ed, aby se p\u0159ekon\u00e1valy, \u017ee? Tak\u017ee jsme se rozhodli uk\u00e1zat, jak implementovat podobn\u00e9 \u0159e\u0161en\u00ed pomoc\u00ed Voximplant a Dialogflow. Pros\u00edm, pokra\u010dujte s n\u00e1mi.
\n<\/a><\/noindex><\/p>\n

Architektura<\/h2>\n

\nNehodl\u00e1m ztr\u00e1cet \u010das vysv\u011btlov\u00e1n\u00edm, jak funguj\u00ed Voximplant a Dialogflow; pokud chcete, snadno najdete informace na internetu. Tak se poj\u010fme sezn\u00e1mit s konceptem na\u0161eho Call Screening.<\/p>\n

P\u0159edstavte si, \u017ee m\u00e1te telefonn\u00ed \u010d\u00edslo, kter\u00e9 pou\u017e\u00edv\u00e1te ka\u017ed\u00fd den a na kter\u00e9 dost\u00e1v\u00e1te d\u016fle\u017eit\u00e9 hovory. V takov\u00e9m p\u0159\u00edpad\u011b budeme pot\u0159ebovat druh\u00e9 \u010d\u00edslo, kter\u00e9 bude uvedeno v\u0161ude \u2013 v e-mailu, na vizitk\u00e1ch, p\u0159i vypl\u0148ov\u00e1n\u00ed online formul\u00e1\u0159\u016f atd. Toto \u010d\u00edslo bude propojeno se syst\u00e9mem zpracov\u00e1n\u00ed p\u0159irozen\u00e9ho jazyka (v na\u0161em p\u0159\u00edpad\u011b Dialogflow) a bude p\u0159esm\u011brov\u00e1vat hovory na va\u0161e hlavn\u00ed \u010d\u00edslo, pouze pokud si to budete p\u0159\u00e1t. V grafick\u00e9 podob\u011b to vypad\u00e1 takto (obr\u00e1zek je klikac\u00ed):
\n\"Vytv\u00e1\u0159\u00edme<\/a><\/noindex>
\nPochopen\u00edm architektury se m\u016f\u017eeme pustit do realizace, ale s jednou podm\u00ednkou: nebudeme vytv\u00e1\u0159et mobiln\u00ed<\/b> aplikaci, abychom uk\u00e1zali dialog mezi Dialogflow a p\u0159\u00edchoz\u00edm \u00fa\u010dastn\u00edkem, vytvo\u0159\u00edme jednoduchou webovou<\/b>-aplikaci s renderov\u00e1n\u00edm dialogu, abychom n\u00e1zorn\u011b uk\u00e1zali princip fungov\u00e1n\u00ed Call Screening. V t\u00e9to aplikaci bude tla\u010d\u00edtko Intervene, po jeho\u017e stisknut\u00ed Voximplant spoj\u00ed p\u0159\u00edchoz\u00edho \u00fa\u010dastn\u00edka s volan\u00fdm \u00fa\u010dastn\u00edkem, pokud se rozhodl mluvit s\u00e1m.<\/p>\n

Implementace<\/h2>\n

\nP\u0159ihlaste se do sv\u00e9ho \u00fa\u010dtu Voximplant<\/a><\/noindex> a vytvo\u0159te novou aplikaci, nap\u0159\u00edklad screening:<\/p>\n

\"Vytv\u00e1\u0159\u00edme
\nOtev\u0159ete sekci '\u010c\u00edsla'<\/a><\/noindex> a zakupte \u010d\u00edslo, kter\u00e9 bude fungovat jako zprost\u0159edkovatel:<\/p>\n

\"Vytv\u00e1\u0159\u00edme
\nD\u00e1le p\u0159ejd\u011bte do aplikace screening, do sekce \u201e\u010c\u00edsla\u201c, z\u00e1lo\u017eka \u201eDostupn\u00e9\u201c. Zde uvid\u00edte pr\u00e1v\u011b zakoupen\u00e9 \u010d\u00edslo. P\u0159ipojte ho k aplikaci pomoc\u00ed tla\u010d\u00edtka \u201eP\u0159ipojit\u201c \u2013 v zobrazen\u00e9m okn\u011b nechte v\u0161echny v\u00fdchoz\u00ed hodnoty a klikn\u011bte na \u201eP\u0159ipojit\u201c.<\/p>\n

Pokud jste uvnit\u0159 aplikace, p\u0159ejd\u011bte na kartu \u201eSc\u00e9n\u00e1\u0159e\u201c a vytvo\u0159te sc\u00e9n\u00e1\u0159 myscreening \u2013 v n\u011bm pou\u017eijeme k\u00f3d z \u010dl\u00e1nku. Jak pou\u017e\u00edvat Dialogflow Connector<\/a><\/noindex>. K\u00f3d bude m\u00edrn\u011b upraven, proto\u017ee pot\u0159ebujeme \u201evid\u011bt\u201c dialog mezi volaj\u00edc\u00edm a asistentem; cel\u00fd k\u00f3d m\u016f\u017eete vz\u00edt zde.<\/a><\/noindex>.<\/p>\n

POZOR: Budete muset zm\u011bnit hodnotu prom\u011bnn\u00e9 server na n\u00e1zev va\u0161eho ngrok serveru (podrobnosti o ngrok najdete n\u00ed\u017ee). Tak\u00e9 zadejte sv\u00e9 hodnoty na 31. \u0159\u00e1dku, kde your phone number \u2013 to je va\u0161e hlavn\u00ed \u010d\u00edslo (nap\u0159. osobn\u00ed mobiln\u00ed), a voximplant number \u2013 \u010d\u00edslo, kter\u00e9 jste ned\u00e1vno zakoupili.<\/p>\n

outbound_call = VoxEngine.callPSTN(\u201eYOUR PHONE NUMBER\u201c, \u201eVOXIMPLANT NUMBER\u201c)<\/code><\/pre>\n
\nVolejte callPSTN ve chv\u00edli, kdy se rozhodnete p\u0159eru\u0161it hovor a osobn\u011b si promluvit s p\u0159\u00edchoz\u00edm volaj\u00edc\u00edm.<\/p>\n
Jakmile ulo\u017e\u00edte sc\u00e9n\u00e1\u0159, mus\u00edte ho p\u0159ipojit k zakoupen\u00e9mu \u010d\u00edslu. K tomu, st\u00e1le uvnit\u0159 va\u0161\u00ed aplikace, p\u0159ejd\u011bte na kartu \u201eRouting\u201c, abyste vytvo\u0159ili nov\u00e9 pravidlo \u2013 tla\u010d\u00edtko \u201eNov\u00e9 pravidlo\u201c v prav\u00e9m horn\u00edm rohu. Zadejte n\u00e1zev (nap\u0159. allcalls), nechte masku v\u00fdchoz\u00ed (.* \u2013 co\u017e znamen\u00e1, \u017ee v\u0161echny p\u0159\u00edchoz\u00ed hovory budou zpracov\u00e1v\u00e1ny sc\u00e9n\u00e1\u0159i vybran\u00fdmi pro toto pravidlo) a zadejte sc\u00e9n\u00e1\u0159 myscreening.<\/p>\n
\"Vytv\u00e1\u0159\u00edme
\nUlo\u017ete pravidlo.<\/p>\n
Od nyn\u011bj\u0161ka je telefonn\u00ed \u010d\u00edslo p\u0159ipojeno ke sc\u00e9n\u00e1\u0159i. Posledn\u00ed krok, kter\u00fd je t\u0159eba ud\u011blat \u2013 p\u0159ipojit bota k aplikaci. K tomu p\u0159ejd\u011bte na kartu \u201eDialogflow-connector\u201c, stiskn\u011bte tla\u010d\u00edtko \u201eP\u0159idat Dialogflow agenta\u201c v prav\u00e9m horn\u00edm rohu a nahrajte JSON soubor va\u0161eho agenta Dialogflow.<\/p>\n
\"Vytv\u00e1\u0159\u00edme
\nPokud pot\u0159ebujete agenta pro p\u0159\u00edklad\/testov\u00e1n\u00ed, m\u016f\u017eete vz\u00edt na\u0161eho na tomto odkazu: github.com\/aylarov\/callscreening\/tree\/master\/dialogflow<\/a><\/noindex>. Jen od n\u011bj nepo\u017eadujte moc, je to jen p\u0159\u00edklad, kter\u00fd m\u016f\u017eete upravit podle sv\u00fdch p\u0159edstav a s v\u00fdsledky se klidn\u011b pod\u011blit \ud83d\ude42.<\/p>\n
Jednoduch\u00fd backend na NodeJS<\/h2>\n
\nPoj\u010fme rozjet jednoduch\u00fd backend na nodu, nap\u0159\u00edklad takov\u00fd:
\ngithub.com\/aylarov\/callscreening\/tree\/master\/nodejs<\/a><\/noindex><\/p>\n
Je to b\u011b\u017en\u00e1 aplikace, kter\u00e1 vy\u017eaduje pouze dva p\u0159\u00edkazy k spu\u0161t\u011bn\u00ed:<\/p>\n
npm install\nnode index.js\n<\/code><\/pre>\n
\nServer bude spu\u0161t\u011bn na portu 3000 na va\u0161em stroji, proto pro jeho p\u0159ipojen\u00ed k cloudu Voximplant pou\u017e\u00edv\u00e1me n\u00e1stroj ngrok. Jakmile nainstalujete ngrok<\/a><\/noindex>, spus\u0165te ho p\u0159\u00edkazem:<\/p>\n
ngrok http 3000<\/code><\/pre>\n
\nUvid\u00edte dom\u00e9nov\u00e9 jm\u00e9no, kter\u00e9 ngrok vygeneroval pro v\u00e1\u0161 m\u00edstn\u00ed server \u2013 zkop\u00edrujte ho a vlo\u017ete do prom\u011bnn\u00e9 server.<\/p>\n
Z\u00e1kazn\u00edk<\/h2>\n
\nKlientsk\u00e1 aplikace vypad\u00e1 jako jednoduch\u00fd chat, kter\u00fd si m\u016f\u017eete vz\u00edt odsud<\/a><\/noindex>.<\/p>\n
Jednodu\u0161e zkop\u00edrujte v\u0161echny soubory do n\u011bjak\u00e9ho adres\u00e1\u0159e na va\u0161em webov\u00e9m serveru a bude to fungovat. V souboru script.js zm\u011b\u0148te hodnotu prom\u011bnn\u00e9 server na dom\u00e9nov\u00e9 jm\u00e9no ngrok a hodnotu prom\u011bnn\u00e9 callee na \u010d\u00edslo, kter\u00e9 jste zakoupili. Ulo\u017ete soubor a spus\u0165te aplikaci v prohl\u00ed\u017ee\u010di. Pokud je v\u0161e v po\u0159\u00e1dku, uvid\u00edte WebSocketov\u00e9 spojen\u00ed v panelu pro v\u00fdvoj\u00e1\u0159e.<\/p>\n
Demo<\/h2>\n
\nAplikaci v akci m\u016f\u017eete vid\u011bt v tomto videu:<\/p>\n
\r\n        \"P\u0159ehr\u00e1t\r\n        
<\/div>\r\n    <\/div><\/center>
\nP. S. Pokud stisknete tla\u010d\u00edtko Intervene, volaj\u00edc\u00ed bude sm\u011brov\u00e1n na moje telefonn\u00ed \u010d\u00edslo, a pokud stisknete Disconnect \u2013 tak bude\u2026? Spr\u00e1vn\u011b, hovor bude p\u0159eru\u0161en.
\n
Zdroj: 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\udd47Vytvo\u0159en\u00ed vlastn\u00edho Google Call Screening na z\u00e1klad\u011b Voximplant a Dialogflow | ProHoster","description":"","canonical_url":"https:\/\/prohoster.info\/cs\/blog\/administrirovanie\/delaem-svoj-google-call-screening-na-osnove-voximplant-i-dialogflow","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":null,"og:locale":"cs_CZ","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\/cs\/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\/cs\/wp-json\/wp\/v2\/posts\/38420","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/prohoster.info\/cs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/prohoster.info\/cs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/prohoster.info\/cs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/prohoster.info\/cs\/wp-json\/wp\/v2\/comments?post=38420"}],"version-history":[{"count":0,"href":"https:\/\/prohoster.info\/cs\/wp-json\/wp\/v2\/posts\/38420\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/prohoster.info\/cs\/wp-json\/wp\/v2\/media\/28839"}],"wp:attachment":[{"href":"https:\/\/prohoster.info\/cs\/wp-json\/wp\/v2\/media?parent=38420"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/prohoster.info\/cs\/wp-json\/wp\/v2\/categories?post=38420"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/prohoster.info\/cs\/wp-json\/wp\/v2\/tags?post=38420"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}