{"id":17879,"date":"2016-08-08T17:00:06","date_gmt":"2016-08-08T17:00:06","guid":{"rendered":"http:\/\/apidocs.kore.com\/?post_type=docs&#038;p=4948"},"modified":"2021-03-25T17:26:18","modified_gmt":"2021-03-25T17:26:18","slug":"adding-the-webmobile-client-channel","status":"publish","type":"post","link":"https:\/\/developer.kore.ai\/v8-0\/docs\/bots\/channel-enablement\/adding-the-webmobile-client-channel\/","title":{"rendered":"Adding the Web\/Mobile Client Channel"},"content":{"rendered":"<section class=\"l-section wpb_row height_auto\"><div class=\"l-section-h i-cf\"><div class=\"g-cols vc_row type_default valign_top\"><div class=\"vc_col-sm-12 wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\r\n\t<div class=\"wpb_text_column \">\r\n\t\t<div class=\"wpb_wrapper\">\r\n\t\t\t<p>To use any of the Kore.ai Bot SDKs, you must first register your app to get the authentication credentials to communicate between the Kore.ai Bot and your application hosting the Bot. The Kore.ai Bot SDKs can be used to add a chat widget into your company application that enables your application users to chat with the application using natural language input. The Kore.ai Bots platform interprets the user input, processes the request and responds back to the user.<\/p>\n<p>The Bots Platform will only accept requests from authorized clients to connect to, and exchange messages. To authorize the connection, you must register your app and get required client credentials. The credentials authorize the client app and provide for user assertion.<br \/>This topic describes how to register your application and generate credentials for your clients that are required to exchange messages between your application and the Kore.ai Bots Platform, and then configure and add the Web\/Mobile Client Channel to your Bot.<\/p>\n<p>To add the Web\/Mobile Client Channel to your bot, you must first register, or create an app in Bot Builder. When you create an app, you are provisioning credentials for you application to communicate securely with Kore.ai servers. After you create an app, you can use that app registration in the configuration to add the Web\/Mobile Client Channel to your Bot.<\/p>\n<p><strong>To add the Web\/mobile Client channel<\/strong><\/p>\n<ol>\n<li>Open the bot to which you want to add the Web\/Mobile Client\u00a0channel.<\/li>\n<li>On the bots menu, click <strong>Channel &gt; Web\/Mobile<\/strong> Client.<\/li>\n<li>In the <strong>Select App<\/strong> drop-down list, select your existing app registration or click <strong>Create App<\/strong> to create a new app.<br \/><a ref=\"magnificPopup\" href=\"\/wp-content\/uploads\/sites\/16\/New-App.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-15233\" src=\"\/wp-content\/uploads\/sites\/16\/New-App.png\" alt=\"\" width=\"467\" height=\"350\" \/><\/a><\/li>\n<li>In the <strong>Name<\/strong> field, enter the name for the app registration used in Bot Builder, for example, <span style=\"color: #0000ff\">My App Registration<\/span>.<\/li>\n<li>Select one of these scopes for the app:\n<ul>\n<li><strong>Allow anonymous users to chat with the bot<\/strong>: enables anonymous users to interact with the bot.<\/li>\n<li><strong>Auto <\/strong>register<strong> new users on Kore.ai Bots Platform<\/strong>:\u00a0Select to control the auto-user registration in Kore.ai if the user assertion is unknown.<\/li>\n<\/ul>\n<\/li>\n<li>In the JWT Signing <strong>Algorithms Used For Client App Authentication<\/strong>\u00a0drop-down list, select one of the following security algorithms:\n<ul>\n<li><strong>RS256:\u00a0<\/strong>Select to enable the <strong>Public Key<\/strong> field. The <strong>Public Key<\/strong> is used by the Kore.ai Bots Platform to authenticate the client application.<\/li>\n<li><strong>HS256:<\/strong>\u00a0Select to generate a <strong>Secret Key\u00a0<\/strong>and a <strong>Client ID<\/strong>. The <strong>Client ID<\/strong> is required for SDK initialization, and the <strong>Secret Key<\/strong>\u00a0used by the Kore.ai Bots Platform to authenticate the client application.<\/li>\n<\/ul>\n<\/li>\n<li>Optionally, In the <strong>Push Notifications<\/strong> section, click <strong>Enable<\/strong> and then specify a URL to send the notifications to.<\/li>\n<li>Click <strong>Create<\/strong>.\u00a0The app registration details appear.<br \/><a ref=\"magnificPopup\" href=\"\/wp-content\/uploads\/sites\/16\/app-details-1-2.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-22925\" src=\"\/wp-content\/uploads\/sites\/16\/app-details-1-2.png\" alt=\"\" width=\"549\" height=\"473\" srcset=\"https:\/\/kore-wordpress.s3.us-east-2.amazonaws.com\/developer.kore.ai\/wp-content\/uploads\/sites\/16\/20221201095854\/app-details-1-2.png 549w, https:\/\/kore-wordpress.s3.us-east-2.amazonaws.com\/developer.kore.ai\/wp-content\/uploads\/sites\/16\/20221201095854\/app-details-1-2-300x258.png 300w\" sizes=\"auto, (max-width: 549px) 100vw, 549px\" \/><\/a><\/li>\n<li>To copy\u00a0the app registration details to the clipboard for your application, you can click <strong><span style=\"color: #333333\">Copy<\/span><\/strong>\u00a0for\u00a0<strong>Bot Name<\/strong>, <strong>Bot ID<\/strong>, and\u00a0<strong>Client ID<\/strong>. For <strong>Client Secret<\/strong>, click <strong>View<\/strong>, and then click <strong>Copy<\/strong>.<\/li>\n<li>In the <strong>Allow Alert Task Setup<\/strong> section, Select <strong>Yes<\/strong> to enable your application users to\u00a0set up their own alert tasks using the web client. By default, this setting is disabled for web client users, but mobile client users can always setup their own alerts.<br \/>\nNote that this setting would be applicable for the &#8220;Talk to Bot&#8221; also<\/li>\n<li>In the <strong>Enable Channel<\/strong> section, select <strong>Yes<\/strong> to enable the channel immediately after saving.<\/li>\n<li>Click <strong>Save<\/strong> to save the settings and close the <strong>Web\/Mobile Client\u00a0Channel<\/strong> page.<\/li>\n<\/ol>\n<p>The <em>Channel Information updated successfully<\/em> message is displayed on the top-right corner of the page.<br \/>Once enabled <a href=\"\/docs\/bots\/advanced-topics\/kore-web-sdk\/kore-ai-web-sdk-tutorial\/\">see here<\/a>\u00a0for steps to integrate your Bot at your web application.<\/p>\n<h1><span class=\"ez-toc-section\" id=\"Editing_the_WebMobile_Channel\">Editing the Web\/Mobile\u00a0Channel<\/span><\/h1>\n<p>To edit the Web\/Mobile Client channel, hover your mouse over the channel to modify, and then click the <strong>Settings<\/strong> <img loading=\"lazy\" decoding=\"async\" class=\"icon alignnone wp-image-2113 size-full\" src=\"\/wp-content\/uploads\/sites\/16\/DIYSettingsIcon-1.png\" width=\"18\" height=\"18\" \/>\u00a0icon displayed to show the command menu displayed in the following illustration.<br \/><a ref=\"magnificPopup\" href=\"\/wp-content\/uploads\/sites\/16\/DIYChannelsTabWebMobileEdit.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-9439 alignnone\" src=\"\/wp-content\/uploads\/sites\/16\/DIYChannelsTabWebMobileEdit.png\" alt=\"Editing the Web\/Mobile Client Channel\" width=\"897\" height=\"228\" \/><\/a><br \/>Select one of the following commands to modify the channel:<\/p>\n<ul>\n<li><strong>Edit<\/strong> &#8211; Click to open the Web\/Mobile Client channel setup page.<\/li>\n<li><strong>Disable\/Enable<\/strong> &#8211; Click <strong>Disable<\/strong> to temporarily disable use of the Web\/Mobile Client channel for your Bot. When the channel is disabled, click <strong>Enable<\/strong> to enable use of the Web\/Mobile Client channel.<\/li>\n<li><strong>Delete<\/strong> &#8211; Click <strong>Delete<\/strong>, and then click <strong>OK<\/strong> in the <strong>Delete Confirmation<\/strong> dialog to permanently delete the Bot channel configuration.\n<p class=\"warning\"><strong>Warning:<\/strong> This operation is permanent, and cannot be undone.<\/p>\n<\/li>\n<\/ul>\n\r\n\t\t<\/div>\r\n\t<\/div>\r\n<div class=\"w-separator size_medium with_line width_default thick_1 style_solid color_border align_center\"><div class=\"w-separator-h\"><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/section>\n","protected":false},"excerpt":{"rendered":"To use any of the Kore.ai Bot SDKs, you must first register your app to get the authentication credentials to communicate between the Kore.ai Bot and your application hosting the Bot. The Kore.ai Bot SDKs can be used to add a chat widget into your company application that enables your application users to chat with...","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[25],"tags":[],"class_list":["post-17879","post","type-post","status-publish","format-standard","hentry","category-channel-enablement"],"_links":{"self":[{"href":"https:\/\/developer.kore.ai\/v8-0\/wp-json\/wp\/v2\/posts\/17879","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/developer.kore.ai\/v8-0\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/developer.kore.ai\/v8-0\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/developer.kore.ai\/v8-0\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/developer.kore.ai\/v8-0\/wp-json\/wp\/v2\/comments?post=17879"}],"version-history":[{"count":9,"href":"https:\/\/developer.kore.ai\/v8-0\/wp-json\/wp\/v2\/posts\/17879\/revisions"}],"predecessor-version":[{"id":26417,"href":"https:\/\/developer.kore.ai\/v8-0\/wp-json\/wp\/v2\/posts\/17879\/revisions\/26417"}],"wp:attachment":[{"href":"https:\/\/developer.kore.ai\/v8-0\/wp-json\/wp\/v2\/media?parent=17879"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/developer.kore.ai\/v8-0\/wp-json\/wp\/v2\/categories?post=17879"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/developer.kore.ai\/v8-0\/wp-json\/wp\/v2\/tags?post=17879"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}