authme-kyc
Version:
A javascript interface for interacting with the AuthMe app.
69 lines (63 loc) • 3.28 kB
HTML
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" >
<title>AuthMe Demo</title>
<script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
<script crossorigin src="../dist/js/authme.min.js"></script>
</head>
<body>
<h2 id="hint"></h2>
<div id="btn"></div>
<hr>
<div id="data">
</div>
<script>
let aesKey = "JtFui9tcVUZvQg4WzfTPAw==";
$(function() {
let url = new URL(location.href);
let params = url.searchParams;
if(params.has("uuid")) { // Callback呼叫
$.getJSON("https://api.authme.com/getData?uuid="+params.get("uuid"),function(data){
let res = JSON.parse($().decryptAES(aesKey,data.data));
showData(res);
})
} else { // 首次畫面
let callbackUrl = url.origin + url.pathname;
$("#btn").genAuth({
text: "Verify",
key: aesKey,
callback: callbackUrl,
scope: ["Authority","NationCode","Fullname","PassportNo","PersonalId","BirthPlace","Gender","Birthday","ExpireDate","IssueDate","Image","Age","DocumentType","CurrentImage"],
onLinkGenerated: function(isMobile) {
if(isMobile) {
$("#hint").html("請點選連結");
} else {
$("#hint").html("請使用手機掃描QRCode");
}
},
onAppOpen: function() {
},
done: function(res) {
showData(res);
}
});
}
});
function showData(data) {
$("#data").append("<img style=\"max-width:200px\" src=\""+data.Image+"\"/>");
$("#data").append("<img style=\"max-width:200px\" src=\""+data.CurrentImage+"\"/>");
$("#data").append("<h3>姓名："+data.Fullname+"</h3>");
$("#data").append("<h3>年齡："+data.Age+"</h3>");
$("#data").append("<h3>生日："+data.Birthday+"</h3>");
$("#data").append("<h3>性別："+data.Gender+"</h3>");
$("#data").append("<h3>身分證號碼："+data.PersonalId+"</h3>");
$("#data").append("<h3>證件類型："+data.DocumentType+"</h3>");
$("#data").append("<h3>發照日："+data.IssueDate+"</h3>");
$("#data").append("<h3>到期日："+data.ExpireDate+"</h3>");
$("#data").append("<h3>發照單位："+data.Authority+"</h3>");
$("#data").append("<h3>國碼："+data.NationCode+"</h3>");
}
</script>
</body>
</html>