Web & H5 & Uniapp

<template v-else-if="isCustom.businessID === 'text_link'">
  <div class="textLink">
    <p>{{ isCustom.text }}</p>
    <a :href="isCustom.link" target="view_window">
      {{
        TUITranslateService.t("message.custom.查看详情>>")
      }}
    </a>
  </div>
</template>

import { TUIChatService } from "@tencentcloud/chat-uikit-engine";
let promise = TUIChatService.sendCustomMessage({
  payload: {
    data: JSON.stringify({
      // 评价类消息标识字段
      businessID: "evaluation",
      version: 1,
      // 评价分数，此处表示五星
      score: 5,
      // 评价内容文本
      comment: "很棒"
    }),
    description: "对本次的服务评价",
    extension: "对本次的服务评价"
  }
});
promise.catch((error) => {
  // 调用异常时业务侧可以通过 promise.catch 捕获异常进行错误处理
});

import { TUIChatService } from "@tencentcloud/chat-uikit-engine";
let promise = TUIChatService.sendCustomMessage({
  payload: {
    data: JSON.stringify({
      // 超文本类自定义消息标识字段
      businessID: "text_link",
      // 文字描述
      text: "欢迎加入腾讯云IM大家庭",
      // 超文本链接跳转 url
      link: "xxx"
    }),
    description: "",
    extension: ""
  }
});
promise.catch((error) => {
  // 调用异常时业务侧可以通过 promise.catch 捕获异常进行错误处理
});

import { TUIChatService } from "@tencentcloud/chat-uikit-engine";
let promise = TUIChatService.sendCustomMessage({
  payload: {
    data: JSON.stringify({
      // 订单类消息标识字段
      businessID: "order",
      // 订单标题
      title: "即时通信",
      // 订单描述
      description: "即时通信 IM - 旗舰版",
      // 订单价格
      price: "2999元/月",
      // 订单 url
      link: "https://buy.cloud.tencent.com/avc?ver=ultimate",
      // 订单封面图
      imageUrl: "https://qcloudimg.tencent-cloud.cn/trisys/assets/product/images/SOOZNXCHkHcm50wX2ndp4.png",
    }),
    description: "",
    extension: ""
  }
});
promise.catch((error) => {
  // 调用异常时业务侧可以通过 promise.catch 捕获异常进行错误处理
});