init

xhs-mini-demos/api-case/webview/webview.js

@@ -0,0 +1,37 @@
+const { navigationBarTitleText } = require('./webview.json');
+
+Page({
+  onShareAppMessage() {
+    return {
+      title: navigationBarTitleText,
+      path: '/api-case/webview/webview',
+    };
+  },
+
+  data: {
+  },
+
+  handleMessage(event) {
+    const detail = event.detail;
+    const data = detail.data || [];
+    console.log('====== 业务方 handleMessage ==>>>>>, ', event);
+    let content = '';
+    for (let i of data) {
+      if (typeof i === 'object') {
+        content += '类型：object\n';
+        content += JSON.stringify(i);
+      } else {
+        content += '类型：string\n';
+        content += i;
+      }
+      content += '\n';
+      content += '-----';
+      content += '\n';
+    }
+
+    xhs.showModal({
+      title: `接受到来自webview的${data.length}条消息`,
+      content: content
+    });
+  }
+});

xhs-mini-demos/api-case/webview/webview.json

@@ -0,0 +1,7 @@
+{
+  "navigationBarTitleText": "webview内js-sdk相关api",
+  "usingComponents": {
+      "showbox": "../../common/component/showbox/index",
+      "box": "../../common/component/container/index"
+  }
+}

xhs-mini-demos/api-case/webview/webview.xhsml

@@ -0,0 +1,4 @@
+<web-view 
+    src="https://www.xiaohongshu.com/miniapp/miniapp-webview?fullscreen=true&disableDragBack=yes&disableBackForwardNavigationGestures=true" 
+    bindmessage="handleMessage"
+></web-view>