|
| 1 | +--- |
| 2 | +title: OpenEmbeddedAtomicservice |
| 3 | +sidebar_label: OpenEmbeddedAtomicservice |
| 4 | +--- |
| 5 | + |
| 6 | +当元服务需要打开另一个元服务让用户进行快捷操作时，可使用该组件将要打开的元服务以半屏形式跳转。 |
| 7 | + |
| 8 | +支持情况：<img title="ASCF元服务" src={require('@site/static/img/platform/ascf.png').default} className="icon_platform" width="25px"/> |
| 9 | + |
| 10 | +> [参考文档](https://developer.huawei.com/consumer/cn/doc/atomic-ascf/components-open-embedded-atomicservice) |
| 11 | +
|
| 12 | +## 类型 |
| 13 | + |
| 14 | +```tsx |
| 15 | +ComponentType<OpenEmbeddedAtomicserviceProps> |
| 16 | +``` |
| 17 | + |
| 18 | +## 示例代码 |
| 19 | + |
| 20 | +```tsx |
| 21 | +class App extends Component { |
| 22 | + render () { |
| 23 | + return ( |
| 24 | + <OpenEmbeddedAtomicservice |
| 25 | + appid='' |
| 26 | + path='' |
| 27 | + wantParam={{}} |
| 28 | + onTerminated={() => console.log('OpenEmbeddedAtomicservice onTerminated')} |
| 29 | + onError={() => console.log('OpenEmbeddedAtomicservice onError')} |
| 30 | + > |
| 31 | + <Button>Click to open embedded atomicservice</Button> |
| 32 | + </OpenEmbeddedAtomicservice> |
| 33 | + ) |
| 34 | + } |
| 35 | +} |
| 36 | +``` |
| 37 | + |
| 38 | +## OpenEmbeddedAtomicserviceProps |
| 39 | + |
| 40 | +| 参数 | 类型 | 必填 | 说明 | |
| 41 | +| --- | --- | :---: | --- | |
| 42 | +| appid | `string` | 是 | 需要半屏跳转的元服务的AppId参数 | |
| 43 | +| path | `string` | 否 | 打开的页面路径。路径后可以带参数，参数与路径之间用?分隔，参数与键值用=相连，多个参数用&分隔。在元服务的App.onLaunch、App.onShow和Page.onLoad的回调函数中可以获得参数query | |
| 44 | +| wantParam | `object` | 否 | 需要传递给目标元服务的数据 | |
| 45 | +| onTerminated | `CommonEventFunction` | 否 | 退出的回调事件。被半屏打开的元服务正常退出时触发 | |
| 46 | +| onError | `CommonEventFunction<OpenEmbeddedAtomicserviceProps.onErrorEventDetail>` | 否 | 异常的回调事件。被半屏打开的元服务发生运行时异常时触发 | |
| 47 | + |
| 48 | +### API 支持度 |
| 49 | + |
| 50 | +| API | ASCF元服务 | H5 | React Native | Harmony | |
| 51 | +| :---: | :---: | :---: | :---: | :---: | |
| 52 | +| OpenEmbeddedAtomicserviceProps.appid | ✔️ | | | | |
| 53 | +| OpenEmbeddedAtomicserviceProps.path | ✔️ | | | | |
| 54 | +| OpenEmbeddedAtomicserviceProps.wantParam | ✔️ | | | | |
| 55 | +| OpenEmbeddedAtomicserviceProps.onTerminated | ✔️ | | | | |
| 56 | +| OpenEmbeddedAtomicserviceProps.onError | ✔️ | | | | |
0 commit comments