敬告:此 DEMO 演示为开放测试页面,仅用于开发者快速测试体验应用功能,请严格遵守开发者协议,了解更多。
♦ JS-SDK 引用方式:
♦ 普通网页 script 方式加载:下载最新版 jsBridge-v20240925.zip,请在页面上调用 jsBridge 接口之前引用 jsbridge-mini.js 库;
♦ js module 方式引用:npm install ym-jsbridge 具体请参考 npm package
拨打电话
//tel scheme 参数请自行查阅资料 jsBridge.launch("tel:13800138000", function(succ) { if (!succ) { alert("失败"); } }); /* 启动单个 uri 请直接使用 jsBridge.launch(uri, callback) 函数,callback 回调参数 succ 返回是否启动成功; callback 定义: function(succ) { alert(succ ? "成功" : "失败"); } */
发送短信
//sms scheme 参数请自行查阅资料 jsBridge.launch("sms:13800138000");
发送短信(含短信内容)
//sms scheme 参数请自行查阅资料 var sms = jsBridge.ios ? "sms:13800138000&body=hello%20YmApp%20-%20%E4%BD%A0%E5%A5%BD%E4%B8%80%E9%97%A8APP" : "sms:13800138000?body=hello%20YmApp%20-%20%E4%BD%A0%E5%A5%BD%E4%B8%80%E9%97%A8APP"; jsBridge.launch(sms);
发送邮件
//mailto scheme 参数请自行查阅资料 jsBridge.launch("mailto:abc@163.com?subject=%E8%BF%99%E6%98%AF%E6%A0%87%E9%A2%98&body=%E8%BF%99%E6%98%AF%E6%AD%A3%E6%96%87");
拉起微信
//weixin scheme 参数请自行查阅官方资料 //随着第三方APP版本升级可能变更 jsBridge.launch("weixin://", function(succ) { alert(succ ? "拉起成功" : "失败,可能没有安装微信APP。"); });
jsBridge.launch([ //高德地图导航 Android "androidamap://navi?sourceApplication=appname&poiname=fangheng&lat=36.547901&lon=104.258354&dev=1&style=2", //高德地图导航 iOS "iosamap://navi?sourceApplication=appname&poiname=fangheng&poiid=BGVIS&lat=36.547901&lon=104.258354&dev=1&style=2", //百度地图导航 "baidumap://map/direction?region=beijing&origin=39.98871,116.43234&destination=%E8%A5%BF%E7%9B%B4%E9%97%A8&coord_type=bd09ll&mode=driving&src=andr.baidu.openAPIdemo", //QQ地图导航 "qqmap://map/routeplan?type=drive&from=%E6%B8%85%E5%8D%8E&fromcoord=39.994745,116.247282&to=%E6%80%A1%E5%92%8C%E4%B8%96%E5%AE%B6&tocoord=39.867192,116.493187&referer=OB4BZ-D4W3U-B7VVO-4PJWW-6TKDJ-WPB77" ], function(index) { alert("成功的序号:" + index); }); /* 多个 uri jsBridge.launch([uri1, uri2, ...], callback) 对于同一类型的应用,用户可能安装不同提供商的APP,URI scheme 和参数也会不同,请以数组形式提供多个 URI ,APP会逐个尝试启动,直到成功启动一个 URI 为止,callback 回调参数 index 返回成功的序号。 如示例所示,APP会先尝试拉起高德地图,如果用户没有安装高德地图,APP会再尝试拉起百度地图,之后是QQ地图,如此逐个尝试。 1. 高德地图参考 https://lbs.amap.com/api/amap-mobile/guide/android/navigation 2. 百度地图参考 http://lbsyun.baidu.com/index.php?title=uri/api/android 3. QQ地图请参考 https://lbs.qq.com/uri_v1/guide-mobile.html */
通过包名拉起应用,仅支持 Android 。
//包名 //如微信的包名为 com.tencent.mm jsBridge.launchPackage("com.tencent.mm", function(succ) { jsBridge.toast(succ ? "拉起成功" : "拉起失败或应用不存在"); });
//微信 jsBridge.canLaunch("weixin://", function(yes){ alert(yes ? "能拉起" : "不能拉起"); });
//手机QQ jsBridge.canLaunch("mqq://", function(yes){ alert(yes ? "能拉起" : "不能拉起"); });