yz-native-js-sdk
Version:
provide the native function call API of yunzai mobile platform for the third party
402 lines (350 loc) • 12.6 kB
HTML
<html>
<head>
<meta charset="UTF-8"/>
<title>NativePage</title>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport"/>
<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
<script type="text/javascript" src="https://g.alicdn.com/dingding/dingtalk-jsapi/3.0.41/dingtalk.open.js"></script>
<script type="text/javascript" src="js/uni.webview.1.5.5.js"></script>
<script type="text/javascript" src="js/uni-js-bridge.umd.js"></script>
<script type="text/javascript" src="sdk.js"></script>
<script>
;(function () {
var src = 'js/eruda.js';
if (!/eruda=true/.test(window.location)) return;
document.write('<scr' + 'ipt src="' + src + '"></scr' + 'ipt>');
document.write('<scr' + 'ipt>eruda.init();</scr' + 'ipt>');
})();
</script>
</head>
<body>
<ol>
<li>
<button onclick="openWindow()">跳页面</button>
</li>
<li>
<button onclick="openBrowser()">文件预览</button>
</li>
<li>
<button onclick="downloadByBrowser()">浏览器打开</button>
</li>
<li>
<button onclick="setNavigationBarTitle()">设置标题</button>
</li>
<li>
<button onclick="setNavigationBarRightItems()">设置按钮们</button>
</li>
<li>
<button onclick="webShare()">设置分享</button>
</li>
<li>
<button onclick="webCantShare()">设置不能分享</button>
</li>
<li>
<div id="tokenasync"></div>
<button onclick="getTokenAsync()">异步获取Token</button>
</li>
<li>
<div id="tokensync"></div>
<button onclick="getTokenSync()">同步获取Token</button>
</li>
<li>
<div id="userAsync"></div>
<button onclick="getUserAsync()">异步获取User</button>
</li>
<li>
<div id="userSync"></div>
<button onclick="getUserSync()">同步获取User</button>
</li>
<li>
<div id="mediaCamera"></div>
<button onclick="openMediaCamera()">开启你的摄像头</button>
</li>
<li>
<div id="qrcode"></div>
<button onclick="scanQrCodeAsync()">扫个二维码</button>
</li>
<li>
<div id="userList"></div>
<button onclick="chooseUser()">调用联系人</button>
</li>
<li>
<div id="contactUserInfo"></div>
<button onclick="getContactsInfoAsync()">获取联系人详细信息</button>
</li>
<li>
<div id="photos"></div>
<button onclick="uploadPhotoAsync()">上传图像们</button>
</li>
<li>
<div id="deflocation"></div>
<button onclick="userLocationAsync()">获取位置</button>
</li>
<li>
<div id="wifimaclocation"></div>
<button onclick="userLocationWifiAsync()">WIFI MAC地址验证</button>
</li>
<li>
<div id="wifiinfo"></div>
<button onclick="getWifiInfoAsync()">获取WIFI信息</button>
</li>
<li>
<div id="wifimac"></div>
<button onclick="getWifiMacAsync()">获取WIFIMAC地址</button>
</li>
<li>
<div id="caiji"></div>
<button onclick="faceLiveCollection()">人脸采集</button>
</li>
<li>
<div id="duibi"></div>
<button onclick="faceCompareAsync()">人脸对比</button>
</li>
<li>
<div id="paywechat"></div>
<button onclick="wechatPayAsync()">微信支付</button>
</li>
<li>
<div id="payali"></div>
<button onclick="aliPayAsync()">支付宝支付</button>
</li>
<li>
<div id="readnumber"></div>
<button onclick="openReadWithTimer()">计时阅读</button>
</li>
<li>
<div id="deviceinfo"></div>
<button onclick="getDeviceInfo()">设备信息</button>
</li>
<li>
<div id="devicetype"></div>
<button onclick="getDeviceType()">获取设备类型</button>
</li>
</ol>
<script type="text/javascript" src="main.bundle.js"></script></body>
<script>
const device = new YzDevice({GATE_WAY: "https://dev.yunzainfo.com/backstage"});
device.auth().then((token) => {
device.option.TOKEN_TYPE = "Authority"
device.option.TOKEN_VALUE = "Bearer " + token.accessToken;
device.apiRegister();
device.getUser().then((user) => {
console.log(user);
})
});
function downloadByBrowser() {
device.downloadByBrowser({
url: 'http://www.baidu.com',
success: function () {
alert("成功");
},
fail: function (error) {
alert(error);
},
complete: function () {
alert("函数完成后回调")
}
}).then((data) => {
console.log(data);
});
}
function openBrowser() {
device.fileBrowser({
url: 'http://www.baidu.com',
title: '谷歌',
success: function (data) {
alert(data);
},
fail: function (data) {
alert(data);
},
complete: function () {
alert("函数完成后回调")
}
}).then((data) => {
console.log(data);
});
}
function openReadWithTimer() {
device.openReadWithTimer({
url: 'http://www.baidu.com',
openType: "web",
title: '百度',
id: 'baidu',
type: 'web'
}).then((info) => {
alert(info);
document.getElementById('readnumber').innerHTML = JSON.stringify(info);
})
}
function aliPayAsync() {
device.aliPayAsync().then((info) => {
document.getElementById('payali').innerHTML = JSON.stringify(info);
})
}
function wechatPayAsync() {
device.wechatPayAsync({
"appid": "wx105c666575c89f9a",
"partnerid": "1439124702",
"prepayid": "wx04111944463057cc6b7954d61634639200",
"package": "Sign=WXPay",
"noncestr": "1cbfb3efb1de4fd186d85367f893d233",
"timestamp": "1567567183",
"sign": "FF993B12EE67DF76FD1E34FD26471454"
}).then((info) => {
document.getElementById('paywechat').innerHTML = JSON.stringify(info);
})
}
function faceCompareAsync() {
device.getUserAsync().then((user) => {
device.faceCompareAsync({live: true, userId: user.userId}).then((data) => {
document.getElementById("duibi").innerHTML = JSON.stringify(data);
})
});
}
function faceLiveCollection() {
device.getUserAsync().then((user) => {
device.faceCollectionAsync({live: true, userId: user.userId}).then((data) => {
document.getElementById("caiji").innerHTML = JSON.stringify(data);
})
});
}
function getWifiMacAsync() {
device.getWifiMacAsync().then((mac) => {
document.getElementById("wifimac").innerHTML = mac;
})
}
function getWifiInfoAsync() {
device.getWifiInfoAsync().then((info) => {
document.getElementById('wifiinfo').innerHTML = JSON.stringify(info);
})
}
function userLocationWifiAsync() {
device.userLocationWifiAsync({bssids: ['111.111.111.111', '222.222.222.222']}).then((status) => {
document.getElementById('wifimaclocation').innerHTML = status;
})
}
function userLocationAsync() {
device.userLocationAsync({
complete: (data) => {
console.log(data)
}
}).then((location) => {
document.getElementById('deflocation').innerHTML = JSON.stringify(location);
})
}
function uploadPhotoAsync() {
device.uploadPhotoAsync({count: 100}).then((images) => {
document.getElementById('photos').innerHTML = JSON.stringify(images);
})
}
function chooseUser() {
device.chooseContactsAsync({count: 1}).then((users) => {
document.getElementById("userList").innerHTML = JSON.stringify(users);
})
}
function getContactsInfoAsync() {
device.chooseContactsAsync({count: 1}).then((users) => {
device.getContactsInfoAsync({
targetUserId: users[0].userId, success: ((msg) => {
alert(JSON.stringify(msg))
})
}).then((userInfo) => {
document.getElementById('contactUserInfo').innerHTML = JSON.stringify(userInfo);
})
})
}
function scanQrCodeAsync() {
device.scanQrCodeAsync().then((code) => {
document.getElementById("qrcode").innerHTML = code;
});
}
function openMediaCamera() {
device.openMediaCameraAsync().then((camera) => {
document.getElementById("mediaCamera").innerHTML = camera;
})
}
function getUserAsync() {
}
function getUserSync() {
}
function getTokenSync() {
}
function getTokenAsync() {
};
function webCantShare() {
device.setWebCanShare({shareFlag: false});
}
function webShare() {
device.setWebCanShare({shareFlag: true});
}
function openWindow() {
device.openWindow({
type: "url",
url: "http://www.baidu.com",
shareFlag: true
});
}
function setNavigationBarTitle() {
device.setNavigationBarTitle({
title: "哈哈哈哈哈",
success: function (msg) {
alert(JSON.stringify(msg));
},
fail: function (msg) {
alert(JSON.stringify(msg));
},
complete: function (msg) {
alert(JSON.stringify(msg));
}
});
}
function setNavigationBarRightItems() {
device.setNavigationBarRightItems({
showMenu: true,
shareFlag: true,
items: [
{
type: "icon", //显示类型：图标，文字
title: "",
icon: "edit", // 目前支持图标按钮：add添加, edit编辑, delete删除, search搜索, done完成, send发送
clickId: "edit" //点击Id
},
{
type: "icon", //显示类型：图标，文字
title: "",
icon: "delete", // 目前支持图标按钮：add添加, edit编辑, delete删除, search搜索, done完成, send发送
clickId: "123123" //点击Id
},
{
type: "icon", //显示类型：图标，文字
title: "",
icon: "search", // 目前支持图标按钮：add添加, edit编辑, delete删除, search搜索, done完成, send发送
clickId: "hahah" //点击Id
},
{
type: "icon", //显示类型：图标，文字
title: "",
icon: "done", // 目前支持图标按钮：add添加, edit编辑, delete删除, search搜索, done完成, send发送
clickId: "hahah" //点击Id
},
{
type: "icon", //显示类型：图标，文字
title: "",
icon: "send", // 目前支持图标按钮：add添加, edit编辑, delete删除, search搜索, done完成, send发送
clickId: "hahah" //点击Id
}
],
onClick: function (clickId) {
alert(clickId + "按钮1被点击了");
}
});
}
function getDeviceType() {
const type = device.getType();
document.getElementById('devicetype').innerHTML = type;
}
</script>
</html>