保利威前端 WebView 桥接器

在保利威原生端打开网页时，如果要在网页端与原生端通信，就要用到本桥接器。本桥接器支持以下原生端：

• 使用保利威 iOS SDK WebView 打开网页的移动端 app。
• 使用保利威 Android SDK WebView 打开网页的移动端 app。

功能介绍

环境检测

1import { isWebView, webViewVersion } from '@polyv/web-view-bridge';
2console.log(isWebView());
3console.log(webViewVersion()); // 不在 webview 环境时返回 null

如果仅需要检测环境，不需要与原生端通信，也可以导入仅包含环境检测逻辑的 js（体积更小）：

1import { isWebView, webViewVersion } from '@polyv/web-view-bridge/is-webview';
2console.log(isWebView());
3console.log(webViewVersion());

初始化桥接器

创建桥接器对象：

1import { WebViewBridge } from '@polyv/web-view-bridge';
2
3const bridge = new WebViewBridge();

完成实例化之后，连接桥接器：

1(async () => {
2  await bridge.connectWebViewBridge();
3})();

监听原生端事件

1bridge.on('event-name', (params) => {
2  console.log('收到来自移动端的事件', params);
3});

注意：监听事件要在 connectWebViewBridge 执行完毕之后才能调用。

取消监听事件

1const handler = () => {};
2bridge.on('event-name', handler);
3bridge.off('event-name', handler);

发送数据到原生端

1bridge.sendData('data-name', {
2  content: '这是内容'
3});

获取 WebView 地址上的所有参数

1// 类型：getQueryParams(): Record<string, unknow>;
2
3const queryParams = bridge.getQueryParams();
4console.log(queryParams);