4.1接入示例
下面是一个完整的的mobile端JS api示例Demo。
复制粘贴到html文件中，即可运行。（需要外网，移动设备上体验更佳，示例中`Join`方法的`token`、`sequenceId`参数要使用自己生成的，建议修改`caller.callerId`的值）。
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="renderer" content="webkit"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
<style> html, body { padding: 0; margin: 0; width: 100%; height: 100%; } </style>
<script type="text/javascript" src="https://open.wellsign.cn/sdk/context/ws.para.mobile.js"></script>
<link rel="stylesheet" href="https://open.wellsign.cn/sdk/context/ws.para.mobile.css"/>
<title>:)</title>
</head>
<body>
<div id="ctx" style="height: 100%; width: 100%;"></div>
</body>
<script>
var ctx = undefined
window.onload = function () {
ctx = new WSMobilePraraSignContext()
ctx.Join({
el: '#ctx',
sequenceId: 'xxxx',
token: 'xxxx',
caller: {
callerId: 'ws',
callerName: '好签',
callerDesc: '好签的签名',
phoneNumber: 12312313213
},
oneCallerOneSingnature: false,//一个签名人只能保存一个签名
syncRender: true, // 实时加载笔迹, 为 true 的时候会
loadAllRecord: true // 加载所有人的笔迹
})
// end
}
</script>
</html>
```