iCBD 对接 SDK

业务系统对接 SDK

关键目录

1. /src/components/gpt Gpt组件

2. /src/gpt Gpt 方法封装

3. /public/index.html SDK 引入

4. /public/js/gpt SDK 所在文件夹

5. /App.vue Gpt 组件引入

Gpt 组件解析

为什么需要 component 标签

由于 加载自定义dom 需要传入 dom 所以我们需要通过 component 组件来创建 dom 来传递给 SDK 中展示出来

注意

为什么不是 extend 或 jsx 创建 dom

由于 extend 创建的组件是无法传入业务系统中的 vuex 的，如果 extend 的组件本身需要 vuex，会导致出现问题

jsx 创建的 dom 由于传给了 SDK 无法响应 emit 抛出的事件

createComponent

动态创建组件，并且把创建的组件的 dom 返回

imageDataHandle 为什么是一个 Promise

由于上传的图片调用 picturePick 进行特征值提取时如果有 多个 人像特征，需要我们选择其中的一个 特征值 来当作参数调用业务接口。而不是在执行 imageDataHandle 方法后直接返回结果。所以需要选择一个 特征值 后 resolve 结束这个异步调用并且返回值。