1 message消息結構說明

1.1 message 卡片消息 數(shù)據(jù)結構

1.2 單卡片消息數(shù)據(jù)結構

1.2.1 generalPurposeCard數(shù)據(jù)結構

1.2.2 單卡片content數(shù)據(jù)結構

1.2.3 單卡片layout數(shù)據(jù)結構

1.2.4 media數(shù)據(jù)結構

1.2.5 數(shù)據(jù)示例

{
    "message": {
        "generalPurposeCard": {
            "content": {
                "description": "這是卡片正文",
                "media": {
                    "height": "MEDIUM_HEIGHT",
                    "mediaContentType": "image/png",
                    "mediaFileSize": "1259515",
                    "mediaUrl": "https://ftnj01.xnq.r.10086.cn:10099/s/003032024040311atT7rLLdSyn050FD.png"
                },
                "suggestions": [{
                        "action": {
                            "displayText": "打開鏈接(內置瀏覽器)",
                            "postback": {
                                "data": "open_url_internal"
                            },
                            "urlAction": {
                                "openUrl": {
                                    "application": "webview",
                                    "url": "https://rcs.10086.cn/"
                                }
                            }
                        }
                    },
                    {
                        "action": {
                            "displayText": "打開鏈接(默認瀏覽器)",
                            "postback": {
                                "data": "open_url_browser"
                            },
                            "urlAction": {
                                "openUrl": {
                                    "application": "browser",
                                    "url": "https://rcs.10086.cn/"
                                }
                            }
                        }
                    },
                    {
                        "action": {
                            "mapAction": {
                                "requestLocationPush": {}
                            },
                            "displayText": "上報當前位置",
                            "postback": {
                                "data": "set_by_chatbot_request_location_push"
                            }
                        }
                    }
                ],
                "title": "這是卡片標題"
            },
            "layout": {
                "cardOrientation": "VERTICAL",
                "imageAlignment": "LEFT"
            }
        }
    }
}

1.3 多卡片消息數(shù)據(jù)結構

1.3.1 generalPurposeCardCarousel多卡片消息結構

1.3.2 多卡片content數(shù)據(jù)結構

1.3.3 多卡片layout數(shù)據(jù)結構

1.3.4 數(shù)據(jù)示例

{
    "message": {
        "generalPurposeCardCarousel": {
            "layout": {
                "cardWidth": "MEDIUM_WIDTH"
            },
            "content": [{
                "media": {
                    "mediaUrl": "https://ftjn01.xnq.r.10086.cn:10099/s/0110120430804161p1FVZ0sZHk027FD.gif",
                    "mediaContentType": "image/gif",
                    "mediaFileSize": "209484",
                    "height": "MEDIUM_HEIGHT",
                    "thumbnailUrl": "https://ftjn01.xnq.r.10086.cn:10099/s/0110120430804161p1FVZ0sZHk027TD",
                    "thumbnailContentType": "image/jpeg",
                    "thumbnailFileSize": "9431"
                },
                "title": "這是卡片1標題",
                "description": "這是卡片1正文內容……",
                "suggestions": [{
                    "reply": {
                        "displayText": "上行YES",
                        "postback": {
                            "data": "YES"
                        }
                    }
                }, {
                    "action": {
                        "displayText": "打開鏈接",
                        "postback": {
                            "data": "1536309460312657920"
                        },
                        "urlAction": {
                            "openUrl": {
                                "url": "https://rcs.10086.cn/",
                                "application": "browser"
                            }
                        }
                    }
                }]
            }, {
                "media": {
                    "mediaUrl": "https://ftjn01.xnq.r.10086.cn:10099/s/0110120430804161p1FVZ0sZHk027FD.gif",
                    "mediaContentType": "image/gif",
                    "mediaFileSize": "209484",
                    "height": "MEDIUM_HEIGHT",
                    "thumbnailUrl": "https://ftjn01.xnq.r.10086.cn:10099/s/0110120430804161p1FVZ0sZHk027TD",
                    "thumbnailContentType": "image/jpeg",
                    "thumbnailFileSize": "9431"
                },
                "title": "這是卡片2標題",
                "description": "這是卡片2正文內容……",
                "suggestions": [{
                    "reply": {
                        "displayText": "上行NO",
                        "postback": {
                            "data": "1536309659126861824"
                        }
                    }
                }, {
                    "action": {
                        "displayText": "撥打10086",
                        "postback": {
                            "data": "1536309578193571840"
                        },
                        "dialerAction": {
                            "dialPhoneNumber": {
                                "phoneNumber": "10086"
                            }
                        }
                    }
                }]
            }]
        }
    }
}

1.4 suggestions數(shù)據(jù)結構

1.4.1 action數(shù)據(jù)結構

1.4.2 postback數(shù)據(jù)結構

1.4.3 數(shù)據(jù)示例

[{
  "reply": {
    "displayText": "上行NO",
    "postback": {
      "data": "1536309659126861824"
    }
  }
}, {
  "action": {
    "displayText": "撥打10086",
    "postback": {
      "data": "1536309578193571840"
    },
    "dialerAction": {
      "dialPhoneNumber": {
        "phoneNumber": "10086"
      }
    }
  }
}]

2 action 事件數(shù)據(jù)結構說明

2.1 urlAction 鏈接事件

2.1.1 openUrl數(shù)據(jù)結構

2.1.2 數(shù)據(jù)示例

{
  "openUrl": {
    "application": "webview",
    "url": "http://www.reatop.cn",
    "viewMode": "full",
    "parameters": "visitorId=10001&code=123456"
  }
}

2.2 dialerAction 撥號事件

2.2.1 dialPhoneNumber數(shù)據(jù)結構

2.2.2 dialEnrichedCall數(shù)據(jù)結構

2.2.3 dialVideoCall數(shù)據(jù)結構

2.2.4 數(shù)據(jù)示例

{
  "dialPhoneNumber": {
    "phoneNumber": "15288888888"
  }
}

2.3 mapAction 地圖事件

2.3.1 showLocation 數(shù)據(jù)結構

2.3.2 requestLocationPush 數(shù)據(jù)結構

2.3.3 location 數(shù)據(jù)結構

2.3.4 數(shù)據(jù)示例

{
  "showLocation": {
    "location": {
      "latitude": 23.170408552888855,
      "longitude": 113.40224851582335,
      "label": "中國移動南方基地智匯中心"
    },
    "fallbackUrl": "https://j.map.baidu.com/eb/XWkf"
  }
}

2.4 calendarAction 日歷事件

2.4.1 createCalendarEvent數(shù)據(jù)結構

2.4.2 數(shù)據(jù)示例

{
  "createCalendarEvent": {
    "startTime": "2024-04-14T00:00:00Z",
    "endTime": "2024-04-14T23:59:59Z",
    "title": "會議提醒",
    "description": "下午3點公司會議"
  }
}

2.5 composeAction 編寫消息草稿事件

2.5.1 composeTextMessage數(shù)據(jù)結構

2.5.2 composeRecordingMessage數(shù)據(jù)結構

2.5.3 數(shù)據(jù)示例

暫無

2.6 deviceAction 與設備交互事件

2.7 settingsAction 與應用設備進行交互的事件

附錄：富媒體卡片支持的 CSS 屬性說明

富媒體卡片的 CSS 控制元素包含以下四種：

1.整個富媒體卡片，與 CSS 中的消息選擇器一起引用

2.富媒體卡片標題，與 CSS 中的 message.content.Title 選擇器一起引用

3.富媒體卡片描述，與 CSS 中的 message.content.description 選擇器一起引用

4.富媒體卡片建議，與 CSS 中的 message.content.suggestions 選擇器一起引用

富媒體卡片支持的 CSS 選擇器和屬性如下表所示：

示例：

@charset "utf-8";
/* CSS Document */
Message {
 text-align:center;
 font-size:12px;
 color:#555;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 background-color: green;
}
message.content.title {
 font-size:14px;
 font-weight:bold;
 color:#666699
}
message.content.description {
 color:#666699
}
message.content.suggestions {
 color:#669999
}