Watson Assistant意图添加HTML输出及Android集成技术咨询

Hey there, let's tackle your first stuck step first—adding HTML responses (like YES/NO buttons) to Watson Assistant intents, then we'll touch on the other steps to keep you moving forward.

Here's exactly how to set this up in the Watson Assistant console:

• Log into your Watson Assistant instance and open the skill you're using with your Android app.
• Navigate to the Intents section and select the intent where you want to add the button-based response.
• Scroll down to the Responses area, click Add response, then choose the Custom (or in some newer versions, Rich media > HTML) option.
• Paste your HTML button code into the editor. Make sure to add unique identifiers (like id or data-* attributes) so your Android app can recognize which button was clicked later. For example:

<div style="display: flex; gap: 10px; margin-top: 10px;">
  <button id="watson_confirm_yes" data-action="confirm_yes">YES</button>
  <button id="watson_confirm_no" data-action="confirm_no">NO</button>
</div>

Important note: Watson Assistant restricts certain HTML tags (you can't use <script> tags directly). All click logic will be handled on your Android side, not in the HTML itself.

Now that you have the HTML responses set up, here's how to connect the dots for the rest of your requirements:

Step 2: Handle Button Clicks in Android #

You'll likely be using a WebView to render Watson's HTML responses. Here are two reliable approaches:

1. Custom URL Scheme: Modify your HTML buttons to trigger a custom URL on click, like:

   <button onclick="window.location.href='watson-action://confirm_yes'">YES</button>
   

   Then set a WebViewClient on your WebView and override shouldOverrideUrlLoading to intercept these custom URLs and run your Android-side logic:

   webView.webViewClient = object : WebViewClient() {
       override fun shouldOverrideUrlLoading(view: WebView?, request: WebResourceRequest?): Boolean {
           val url = request?.url.toString()
           if (url.startsWith("watson-action://")) {
               val action = url.replace("watson-action://", "")
               when(action) {
                   "confirm_yes" -> // Handle YES button click logic here
                   "confirm_no" -> // Handle NO button click logic here
               }
               return true
           }
           return super.shouldOverrideUrlLoading(view, request)
       }
   }
   

2. Javascript Interface: Create a class that exposes Android methods to JavaScript, then attach it to your WebView:

   class WatsonJsInterface(private val onButtonClick: (String) -> Unit) {
       @JavascriptInterface
       fun handleButtonClick(action: String) {
           onButtonClick(action)
       }
   }
   
   // Attach to WebView
   webView.addJavascriptInterface(WatsonJsInterface { action ->
       when(action) {
           "confirm_yes" -> // Handle YES click logic
           "confirm_no" -> // Handle NO click logic
       }
   }, "WatsonAndroidInterface")
   

   Then update your HTML buttons to call this exposed method:

   <button onclick="WatsonAndroidInterface.handleButtonClick('confirm_yes')">YES</button>
   

Step 3 & 4: Trigger Third-Party Services & Send Results Back to Watson #

• When a button click or specific user input triggers the need for a third-party service call, handle that directly in your Android app (use libraries like Retrofit or OkHttp to make the API request).
• Once you receive the third-party service's result, send it back to Watson Assistant using its official SDK or direct REST API calls. You can pass the result as a user message or update the conversation's context with the data. Watson will generate a new response based on this input, which you can then render in your Android app's UI.

If you hit snags with any of these steps (like WebView configuration or Watson API authentication), feel free to share more specifics!

内容的提问来源于stack exchange，提问作者Joy Shankar Nandi