WebApp快捷打包
扫一扫
转到模块插件

敬告:此 DEMO 演示为开放测试页面,仅用于开发者快速测试体验应用功能,请严格遵守开发者协议,了解更多

JS-SDK 引用方式:

♦ 普通网页 script 方式加载:下载最新版 jsBridge-v20240326.zip,请在页面上调用 jsBridge 接口之前引用 jsbridge-mini.js 库;

♦ js module 方式引用:npm install ym-jsbridge 具体请参考 npm package

摄像头扫码

scan 扫一扫,APP自动处理扫码结果

扫一扫,支持二维码/条码,APP自动处理扫码结果

jsBridge.scan();

scan 扫一扫,自己处理扫码结果

扫一扫,支持二维码/条码,自己处理扫码结果

//如需从相册选择图片识别,请先调用 jsBridge.requestPermissions([ "ReadPhotos" ]) 获取相册权限,不然点击相册按钮不会有任何反应。
jsBridge.scan({
  needResult: true
}, function(code) {
  if (code) {
    alert(code);
  } else {
    alert("扫码失败或取消了扫码");
  }
});

嵌入式 将摄像头扫码 UI 嵌入网页

转到
非独立扫码窗口,摄像头与HTML共存于同一页面,支持连续扫码!

onMenuScan 当点击APP自带的扫一扫按钮时触发 - 需自己处理扫码结果

点击原生标题栏、侧滑边栏、浮动面板等APP自带的扫一扫按钮时触发,可以自己处理扫码结果。

//回调参数 code 返回扫码内容
jsBridge.onMenuScan(function(code) {
  if (code) {
    alert(code);
  } else {
    alert("扫码失败或取消了扫码");
  }
});
alert("已设置,请点击APP自带的扫码按钮试一试。");

识别图片

scanFromAlbum 从相册选图识别二维码

从相册选图识别二维码,APP自动处理识别结果

jsBridge.scanFromAlbum();

scanFromAlbum 从相册选图识别二维码

从相册选图识别二维码,自己处理识别结果

jsBridge.scanFromAlbum({
  needResult: true
}, function(code) {
  if (code) {
    alert(code);
  } else {
    alert("识别二维码失败或取消了识别");
  }
});

scanFromUrl 从图片链接识别二维码

从图片链接识别二维码,APP自动处理识别结果

jsBridge.scanFromUrl({
  imageUrl: "https://app.yimenapp.net/assets/img/qr-test.png"
});

scanFromUrl 从图片链接识别二维码

从图片链接识别二维码,自己处理识别结果

jsBridge.scanFromUrl({
  imageUrl  : "https://app.yimenapp.net/assets/img/qr-test.png",
  needResult: true
}, function(code) {
  if (code) {
    alert(code);
  } else {
    alert("识别二维码失败");
  }
});