APP开发扫一扫功能 scanFromUrl 从图片链接识别二维码，自己处理识别结果

发表于2022年8月19日由yimen

用做网页的技术做APP！
一门提供标准化的jsbridge-mini.js库，您只需要在页面引用并执行JS即可实现各种原生APP、原生PC的功能能力。

==================APP端==================
【APP端】（安卓版&苹果版）目前提供200+原生功能，2000+JS映射接口，用做网站的技术即可实现各种原生APP能力、APP demo地址https://www.yimenapp.com/doc/demo.cshtml下载教程：
♦ JS-SDK 引用方式：
♦ 普通网页 script 方式加载：下载最新版，请在页面上调用 jsBridge 接口之前引用 jsbridge-mini.js 库；
♦ js module 方式引用：npm install ym-jsbridge 具体请参考 npm package

一门APP开发平台通用JS

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

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

A标签执行JS示例代码

<a href="javascript:void(0)" onclick="zhixing()">执行</a> 
<!-- 写入一个A标签href值为"javascript:void(0)"，定义点击事件onclick；-->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- 在您的服务器引入一门JS地址，请下载jsbridge-mini.js上传您自己的服务器获取链接；-->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
jsBridge.scanFromUrl({
  imageUrl  : "https://www.yimenapp.com/assets/img/qr-test.png",
  needResult: true
}, function(code) {
  if (code) {
    alert(code);
  } else {
    alert("识别二维码失败");
  }
});

}
</script>
<!--执行核心代码；
//如果需要进入页面就执行，去掉点击事件即可；-->

按钮执行JS示例代码

<button onclick="zhixing()" >执行</button>
<!-- //写一个按钮，定义点击执行事件； -->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- //在您的服务器引入一门JS地址，请下载jsbridge-mini.js上传您自己的服务器获取链接； -->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
jsBridge.scanFromUrl({
  imageUrl  : "https://www.yimenapp.com/assets/img/qr-test.png",
  needResult: true
}, function(code) {
  if (code) {
    alert(code);
  } else {
    alert("识别二维码失败");
  }
});

}
</script>
<!-- //执行核心代码；
//如果需要进入页面就执行，去掉点击事件即可； -->

APP开发扫一扫功能 scanFromUrl 从图片链接识别二维码 APP自动处理识别结果

发表于2022年8月19日由yimen

一门APP开发平台通用JS

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

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

A标签执行JS示例代码

<a href="javascript:void(0)" onclick="zhixing()">执行</a> 
<!-- 写入一个A标签href值为"javascript:void(0)"，定义点击事件onclick；-->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- 在您的服务器引入一门JS地址，请下载jsbridge-mini.js上传您自己的服务器获取链接；-->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
jsBridge.scanFromUrl({
  imageUrl: "https://www.yimenapp.com/assets/img/qr-test.png"
});

}
</script>
<!--执行核心代码；
//如果需要进入页面就执行，去掉点击事件即可；-->

按钮执行JS示例代码

<button onclick="zhixing()" >执行</button>
<!-- //写一个按钮，定义点击执行事件； -->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- //在您的服务器引入一门JS地址，请下载jsbridge-mini.js上传您自己的服务器获取链接； -->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
jsBridge.scanFromUrl({
  imageUrl: "https://www.yimenapp.com/assets/img/qr-test.png"
});

}
</script>
<!-- //执行核心代码；
//如果需要进入页面就执行，去掉点击事件即可； -->

APP开发扫一扫功能 scanFromAlbum 从相册选图识别二维码自己处理识别结果

发表于2022年8月19日由yimen

一门APP开发平台通用JS

scanFromAlbum 从相册选图识别二维码

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

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

A标签执行JS示例代码

<a href="javascript:void(0)" onclick="zhixing()">执行</a> 
<!-- 写入一个A标签href值为"javascript:void(0)"，定义点击事件onclick；-->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- 在您的服务器引入一门JS地址，请下载jsbridge-mini.js上传您自己的服务器获取链接；-->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
jsBridge.scanFromAlbum({
  needResult: true
}, function(code) {
  if (code) {
    alert(code);
  } else {
    alert("识别二维码失败或取消了识别");
  }
});

}
</script>
<!--执行核心代码；
//如果需要进入页面就执行，去掉点击事件即可；-->

按钮执行JS示例代码

<button onclick="zhixing()" >执行</button>
<!-- //写一个按钮，定义点击执行事件； -->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- //在您的服务器引入一门JS地址，请下载jsbridge-mini.js上传您自己的服务器获取链接； -->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
jsBridge.scanFromAlbum({
  needResult: true
}, function(code) {
  if (code) {
    alert(code);
  } else {
    alert("识别二维码失败或取消了识别");
  }
});

}
</script>
<!-- //执行核心代码；
//如果需要进入页面就执行，去掉点击事件即可； -->

APP开发扫一扫功能 scanFromAlbum 从相册选图识别二维码

发表于2022年8月19日由yimen

一门APP开发平台通用JS

scanFromAlbum 从相册选图识别二维码

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

jsBridge.scanFromAlbum();

A标签执行JS示例代码

<a href="javascript:void(0)" onclick="zhixing()">执行</a> 
<!-- 写入一个A标签href值为"javascript:void(0)"，定义点击事件onclick；-->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- 在您的服务器引入一门JS地址，请下载jsbridge-mini.js上传您自己的服务器获取链接；-->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
jjsBridge.scanFromAlbum();

}
</script>
<!--执行核心代码；
//如果需要进入页面就执行，去掉点击事件即可；-->

按钮执行JS示例代码

<button onclick="zhixing()" >执行</button>
<!-- //写一个按钮，定义点击执行事件； -->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- //在您的服务器引入一门JS地址，请下载jsbridge-mini.js上传您自己的服务器获取链接； -->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
jsBridge.scanFromAlbum();

}
</script>
<!-- //执行核心代码；
//如果需要进入页面就执行，去掉点击事件即可； -->

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

发表于2022年8月19日由yimen

一门APP开发平台通用JS

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

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

A标签执行JS示例代码

<a href="javascript:void(0)" onclick="zhixing()">执行</a> 
<!-- 写入一个A标签href值为"javascript:void(0)"，定义点击事件onclick；-->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- 在您的服务器引入一门JS地址，请下载jsbridge-mini.js上传您自己的服务器获取链接；-->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
//回调参数 code 返回扫码内容
jsBridge.onMenuScan(function(code) {
  if (code) {
    alert(code);
  } else {
    alert("扫码失败或取消了扫码");
  }
});
alert("已设置，请点击APP自带的扫码按钮试一试。");

}
</script>
<!--执行核心代码；
//如果需要进入页面就执行，去掉点击事件即可；-->

按钮执行JS示例代码

<button onclick="zhixing()" >执行</button>
<!-- //写一个按钮，定义点击执行事件； -->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- //在您的服务器引入一门JS地址，请下载jsbridge-mini.js上传您自己的服务器获取链接； -->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
//回调参数 code 返回扫码内容
jsBridge.onMenuScan(function(code) {
  if (code) {
    alert(code);
  } else {
    alert("扫码失败或取消了扫码");
  }
});
alert("已设置，请点击APP自带的扫码按钮试一试。");

}
</script>
<!-- //执行核心代码；
//如果需要进入页面就执行，去掉点击事件即可； -->

APP开发扫一扫嵌入式将摄像头扫码 UI 嵌入网页，支持连续扫码移除摄像头

发表于2022年8月19日由yimen

一门APP开发平台通用JS

移除摄像头

jsBridge.scan({
  embed: {
    action: "remove"
  }
});

A标签执行JS示例代码

<a href="javascript:void(0)" onclick="zhixing()">执行</a> 
<!-- 写入一个A标签href值为"javascript:void(0)"，定义点击事件onclick；-->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- 在您的服务器引入一门JS地址，请下载jsbridge-mini.js上传您自己的服务器获取链接；-->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
jsBridge.scan({
  embed: {
    action: "remove"
  }
});

}
</script>
<!--执行核心代码；
//如果需要进入页面就执行，去掉点击事件即可；-->

按钮执行JS示例代码

<button onclick="zhixing()" >执行</button>
<!-- //写一个按钮，定义点击执行事件； -->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- //在您的服务器引入一门JS地址，请下载jsbridge-mini.js上传您自己的服务器获取链接； -->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
jsBridge.scan({
  embed: {
    action: "remove"
  }
});

}
</script>
<!-- //执行核心代码；
//如果需要进入页面就执行，去掉点击事件即可； -->

APP开发扫一扫嵌入式将摄像头扫码 UI 嵌入网页，支持连续扫码获取当前状态

发表于2022年8月19日由yimen

一门APP开发平台通用JS

获取当前状态

jsBridge.scan({
  needResult: true,
  embed: {
    action: "status"
  }
}, function(status) {
  if (status) {
    status = JSON.parse(status);
    alert(JSON.stringify(status));
  }
});

/*
回调参数 status 是 json 字符串，请转换
{
  scanning: boolean  //是否正在识别
  light   : boolean  //是否已开启灯光
}
*/

A标签执行JS示例代码

<a href="javascript:void(0)" onclick="zhixing()">执行</a> 
<!-- 写入一个A标签href值为"javascript:void(0)"，定义点击事件onclick；-->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- 在您的服务器引入一门JS地址，请下载jsbridge-mini.js上传您自己的服务器获取链接；-->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
jsBridge.scan({
  needResult: true,
  embed: {
    action: "status"
  }
}, function(status) {
  if (status) {
    status = JSON.parse(status);
    alert(JSON.stringify(status));
  }
});

/*
回调参数 status 是 json 字符串，请转换
{
  scanning: boolean  //是否正在识别
  light   : boolean  //是否已开启灯光
}
*/

}
</script>
<!--执行核心代码；
//如果需要进入页面就执行，去掉点击事件即可；-->

按钮执行JS示例代码

<button onclick="zhixing()" >执行</button>
<!-- //写一个按钮，定义点击执行事件； -->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- //在您的服务器引入一门JS地址，请下载jsbridge-mini.js上传您自己的服务器获取链接； -->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
jsBridge.scan({
  needResult: true,
  embed: {
    action: "status"
  }
}, function(status) {
  if (status) {
    status = JSON.parse(status);
    alert(JSON.stringify(status));
  }
});

/*
回调参数 status 是 json 字符串，请转换
{
  scanning: boolean  //是否正在识别
  light   : boolean  //是否已开启灯光
}
*/

}
</script>
<!-- //执行核心代码；
//如果需要进入页面就执行，去掉点击事件即可； -->

APP开发扫一扫嵌入式将摄像头扫码 UI 嵌入网页，支持连续扫码开/关灯光

发表于2022年8月19日由yimen

一门APP开发平台通用JS

开/关灯光

jsBridge.scan({
  embed: {
    //switch light
    action: "light"
  }
});

A标签执行JS示例代码

<a href="javascript:void(0)" onclick="zhixing()">执行</a> 
<!-- 写入一个A标签href值为"javascript:void(0)"，定义点击事件onclick；-->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- 在您的服务器引入一门JS地址，请下载jsbridge-mini.js上传您自己的服务器获取链接；-->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
jsBridge.scan({
  embed: {
    //switch light
    action: "light"
  }
});

}
</script>
<!--执行核心代码；
//如果需要进入页面就执行，去掉点击事件即可；-->

APP开发扫一扫嵌入式将摄像头扫码 UI 嵌入网页，支持连续扫码暂停识别

发表于2022年8月19日由yimen

一门APP开发平台通用JS

暂停识别

jsBridge.scan({
  embed: {
    action: "pause"
  }
});

A标签执行JS示例代码

<a href="javascript:void(0)" onclick="zhixing()">执行</a> 
<!-- 写入一个A标签href值为"javascript:void(0)"，定义点击事件onclick；-->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- 在您的服务器引入一门JS地址，请下载jsbridge-mini.js上传您自己的服务器获取链接；-->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
jsBridge.scan({
  embed: {
    action: "pause"
  }
});

}
</script>
<!--执行核心代码；
//如果需要进入页面就执行，去掉点击事件即可；-->

APP开发扫一扫嵌入式将摄像头扫码 UI 嵌入网页，支持连续扫码 scan 添加摄像头 UI – bottom

发表于2022年8月19日由yimen

一门APP开发平台通用JS

scan 添加摄像头 UI – bottom

//如果已添加，需移除后再添加
jsBridge.scan({
  needResult: true,
  embed: {
    //iOS 平台上始终为 top
    position: "bottom",
    height  : parseInt($(window).height() * 0.45),
    interval: 1000
  }
}, function(code) {
  if (code) {
    //震动提示
    jsBridge.vibrate();
    //处理结果
    $("#result").val(code);
  }
});

A标签执行JS示例代码

<a href="javascript:void(0)" onclick="zhixing()">执行</a> 
<!-- 写入一个A标签href值为"javascript:void(0)"，定义点击事件onclick；-->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- 在您的服务器引入一门JS地址，请下载jsbridge-mini.js上传您自己的服务器获取链接；-->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
//如果已添加，需移除后再添加
jsBridge.scan({
  needResult: true,
  embed: {
    //iOS 平台上始终为 top
    position: "bottom",
    height  : parseInt($(window).height() * 0.45),
    interval: 1000
  }
}, function(code) {
  if (code) {
    //震动提示
    jsBridge.vibrate();
    //处理结果
    $("#result").val(code);
  }
});

}
</script>
<!--执行核心代码；
//如果需要进入页面就执行，去掉点击事件即可；-->

APP开发扫一扫嵌入式将摄像头扫码 UI 嵌入网页，支持连续扫码 scan 添加摄像头 UI – top

发表于2022年8月19日由yimen

一门APP开发平台通用JS

非独立扫码窗口，摄像头与HTML共存于同一页面，支持连续扫码！

scan 添加摄像头 UI – top

//如果已添加，需移除后再添加
jsBridge.scan({
  needResult: true,
  //嵌入式扫码
  embed: {
    //位置，top 或 bottom
    //iOS 平台上始终为 top
    position: "top",
    //高度
    height  : parseInt($(window).height() * 0.45),
    //连续扫码时，两次成功识别之间的最小时间间隔(毫秒)，最小 200
    interval: 1000
  }
}, function(code) {
  if (code) {
    //震动提示
    jsBridge.vibrate();
    //处理结果
    $("#result").val(code);
  }
});

A标签执行JS示例代码

<a href="javascript:void(0)" onclick="zhixing()">执行</a> 
<!-- 写入一个A标签href值为"javascript:void(0)"，定义点击事件onclick；-->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- 在您的服务器引入一门JS地址，请下载jsbridge-mini.js上传您自己的服务器获取链接；-->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
//如果已添加，需移除后再添加
jsBridge.scan({
  needResult: true,
  //嵌入式扫码
  embed: {
    //位置，top 或 bottom
    //iOS 平台上始终为 top
    position: "top",
    //高度
    height  : parseInt($(window).height() * 0.45),
    //连续扫码时，两次成功识别之间的最小时间间隔(毫秒)，最小 200
    interval: 1000
  }
}, function(code) {
  if (code) {
    //震动提示
    jsBridge.vibrate();
    //处理结果
    $("#result").val(code);
  }
});

}
</script>
<!--执行核心代码；
//如果需要进入页面就执行，去掉点击事件即可；-->

APP开发扫一扫功能 scan 扫一扫，自己处理扫码结果

发表于2022年8月19日由yimen

一门APP开发平台通用JS

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

jsBridge.scan({
  needResult: true
}, function(code) {
  if (code) {
    alert(code);
  } else {
    alert("扫码失败或取消了扫码");
  }
});

A标签执行JS示例代码

<a href="javascript:void(0)" onclick="zhixing()">执行</a> 
<!-- 写入一个A标签href值为"javascript:void(0)"，定义点击事件onclick；-->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- 在您的服务器引入一门JS地址，请下载jsbridge-mini.js上传您自己的服务器获取链接；-->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
jsBridge.scan({
  needResult: true
}, function(code) {
  if (code) {
    alert(code);
  } else {
    alert("扫码失败或取消了扫码");
  }
});

}
</script>
<!--执行核心代码；
//如果需要进入页面就执行，去掉点击事件即可；-->

APP开发

开发APP从一门开始

标签归档：APP扫码

APP开发扫一扫功能 scanFromUrl 从图片链接识别二维码，自己处理识别结果

APP开发扫一扫功能 scanFromUrl 从图片链接识别二维码 APP自动处理识别结果

APP开发扫一扫功能 scanFromAlbum 从相册选图识别二维码自己处理识别结果

APP开发扫一扫功能 scanFromAlbum 从相册选图识别二维码

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

APP开发扫一扫嵌入式将摄像头扫码 UI 嵌入网页，支持连续扫码移除摄像头

APP开发扫一扫嵌入式将摄像头扫码 UI 嵌入网页，支持连续扫码获取当前状态

APP开发扫一扫嵌入式将摄像头扫码 UI 嵌入网页，支持连续扫码开/关灯光

APP开发扫一扫嵌入式将摄像头扫码 UI 嵌入网页，支持连续扫码暂停识别

APP开发扫一扫嵌入式将摄像头扫码 UI 嵌入网页，支持连续扫码 scan 添加摄像头 UI – bottom

APP开发扫一扫嵌入式将摄像头扫码 UI 嵌入网页，支持连续扫码 scan 添加摄像头 UI – top

APP开发扫一扫功能 scan 扫一扫，自己处理扫码结果