用做网页的技术做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 |
核心代码示例,详情参阅demo
//1.设置秘钥
jsBridge.pns.setAuthSDKInfo({
key: "ihyIVvMVYrlgv1IY5fWplGHlJVtQ2G8UfTARSrOLiTFfvtl9BDzq2Esw2C2rMLKAKVO7UzNg5FfKLkmK2XfZqm3brRsTEcYktJs+2QY2r3+oCuTGUXN6eqNFXlAd1FiqjyzBjBkVz5qUe9sYreMRbL29vQgaNytx3xS+kaSNeQuj7zzCiABsogvB3qyMIXOQ+o2dVBNaufHW5hiwBG/H9Njs576zyO4CRYK90HCAAeuMvH+hcsgOvY9Ku9JfobMISPdBcTor7789J6O26m5PoyzmdOLDeJb4lBEeXjvGrE9H24d7j6tljg=="
}, function (succ, data) {
if (succ) {
//2.检查设备是否支持获取本机号码
jsBridge.pns.checkAuthEnvEnable(function (succ, data) {
if (succ) {
//3.拉起授权页面
jsBridge.pns.getLoginToken({
titleText : "登录悠悠淘",
sloganText: "使用本机号码一键登录",
loginButtonText: "一键登录",
privacyHideCheckbox: true,
privacyPrefixText : "登录即表示已阅读并同意",
privacyVendorPrefix: "《",
privacyVendorSuffix: "》",
privacy1Text: "《用户协议》",
privacy1Url : "https://terms.alicdn.com/legal-agreement/terms/TD/TD201609301342_19559.html",
privacy2Text: "《隐私政策》",
privacy2Url : "https://terms.alicdn.com/legal-agreement/terms/suit_bu1_taobao/suit_bu1_taobao201703241622_61002.html",
}, function (succ, data) {
if (succ) {
//授权成功,将 token 提交到服务器,调用阿里云接口获取手机号码
//GetMobile 接口文档 https://help.aliyun.com/document_detail/189865.html
//$.post("https://xxxx", { token: data.token }, function (result) { });
//jsBridge.setClipboardText(data.token);
alert("授权成功 token:\n" + data.token);
} else {
alert("授权获取本机号码失败:\n" + data.errorMessage)
}
});
} else {
alert("此设备不支持获取本机号码\n" + data.errorMessage);
}
});
} else {
alert("设置秘钥失败\n" + data.errorMessage);
}
});
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核心代码到此{}括号内-->
//1.设置秘钥
jsBridge.pns.setAuthSDKInfo({
key: "ihyIVvMVYrlgv1IY5fWplGHlJVtQ2G8UfTARSrOLiTFfvtl9BDzq2Esw2C2rMLKAKVO7UzNg5FfKLkmK2XfZqm3brRsTEcYktJs+2QY2r3+oCuTGUXN6eqNFXlAd1FiqjyzBjBkVz5qUe9sYreMRbL29vQgaNytx3xS+kaSNeQuj7zzCiABsogvB3qyMIXOQ+o2dVBNaufHW5hiwBG/H9Njs576zyO4CRYK90HCAAeuMvH+hcsgOvY9Ku9JfobMISPdBcTor7789J6O26m5PoyzmdOLDeJb4lBEeXjvGrE9H24d7j6tljg=="
}, function (succ, data) {
if (succ) {
//2.检查设备是否支持获取本机号码
jsBridge.pns.checkAuthEnvEnable(function (succ, data) {
if (succ) {
//3.拉起授权页面
jsBridge.pns.getLoginToken({
titleText : "登录悠悠淘",
sloganText: "使用本机号码一键登录",
loginButtonText: "一键登录",
privacyHideCheckbox: true,
privacyPrefixText : "登录即表示已阅读并同意",
privacyVendorPrefix: "《",
privacyVendorSuffix: "》",
privacy1Text: "《用户协议》",
privacy1Url : "https://terms.alicdn.com/legal-agreement/terms/TD/TD201609301342_19559.html",
privacy2Text: "《隐私政策》",
privacy2Url : "https://terms.alicdn.com/legal-agreement/terms/suit_bu1_taobao/suit_bu1_taobao201703241622_61002.html",
}, function (succ, data) {
if (succ) {
//授权成功,将 token 提交到服务器,调用阿里云接口获取手机号码
//GetMobile 接口文档 https://help.aliyun.com/document_detail/189865.html
//$.post("https://xxxx", { token: data.token }, function (result) { });
//jsBridge.setClipboardText(data.token);
alert("授权成功 token:\n" + data.token);
} else {
alert("授权获取本机号码失败:\n" + data.errorMessage)
}
});
} else {
alert("此设备不支持获取本机号码\n" + data.errorMessage);
}
});
} else {
alert("设置秘钥失败\n" + data.errorMessage);
}
});
}
</script>
<!--执行核心代码;
//如果需要进入页面就执行,去掉点击事件即可;-->
按钮执行JS示例代码
<button onclick="zhixing()" >执行</button>
<!-- //写一个按钮,定义点击执行事件; -->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- //在您的服务器引入一门JS地址,请下载jsbridge-mini.js上传您自己的服务器获取链接; -->
<script type="text/javascript">
function zhixing() {
<!--这里可以直接复制JS核心代码到此{}括号内-->
//1.设置秘钥
jsBridge.pns.setAuthSDKInfo({
key: "ihyIVvMVYrlgv1IY5fWplGHlJVtQ2G8UfTARSrOLiTFfvtl9BDzq2Esw2C2rMLKAKVO7UzNg5FfKLkmK2XfZqm3brRsTEcYktJs+2QY2r3+oCuTGUXN6eqNFXlAd1FiqjyzBjBkVz5qUe9sYreMRbL29vQgaNytx3xS+kaSNeQuj7zzCiABsogvB3qyMIXOQ+o2dVBNaufHW5hiwBG/H9Njs576zyO4CRYK90HCAAeuMvH+hcsgOvY9Ku9JfobMISPdBcTor7789J6O26m5PoyzmdOLDeJb4lBEeXjvGrE9H24d7j6tljg=="
}, function (succ, data) {
if (succ) {
//2.检查设备是否支持获取本机号码
jsBridge.pns.checkAuthEnvEnable(function (succ, data) {
if (succ) {
//3.拉起授权页面
jsBridge.pns.getLoginToken({
titleText : "登录悠悠淘",
sloganText: "使用本机号码一键登录",
loginButtonText: "一键登录",
privacyHideCheckbox: true,
privacyPrefixText : "登录即表示已阅读并同意",
privacyVendorPrefix: "《",
privacyVendorSuffix: "》",
privacy1Text: "《用户协议》",
privacy1Url : "https://terms.alicdn.com/legal-agreement/terms/TD/TD201609301342_19559.html",
privacy2Text: "《隐私政策》",
privacy2Url : "https://terms.alicdn.com/legal-agreement/terms/suit_bu1_taobao/suit_bu1_taobao201703241622_61002.html",
}, function (succ, data) {
if (succ) {
//授权成功,将 token 提交到服务器,调用阿里云接口获取手机号码
//GetMobile 接口文档 https://help.aliyun.com/document_detail/189865.html
//$.post("https://xxxx", { token: data.token }, function (result) { });
//jsBridge.setClipboardText(data.token);
alert("授权成功 token:\n" + data.token);
} else {
alert("授权获取本机号码失败:\n" + data.errorMessage)
}
});
} else {
alert("此设备不支持获取本机号码\n" + data.errorMessage);
}
});
} else {
alert("设置秘钥失败\n" + data.errorMessage);
}
});
}
</script>
<!-- //执行核心代码;
//如果需要进入页面就执行,去掉点击事件即可; -->
编辑:yimen,如若转载,请注明出处:https://www.yimenapp.com/kb-yimen/9365/
部分内容来自网络投稿,如有侵权联系立删