4.1接入示例
### ****好签****致力于提供给接入者最简单的接入体验。
下面是一个完整的的mobile端JS api示例Demo。
复制粘贴到html文件中，即可运行。（需要外网，移动设备上体验更佳，示例中`Init`方法的`token`、`sequenceId`参数要使用自己生成的）
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="renderer" content="webkit"/>
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="0" />
<style> html, body { padding: 0;margin: 0;width: 100%;height: 100%; } </style>
<link rel="stylesheet" href="http://open.wellsign.cn/sdk/context/ws.mobile@2.0.css" />
<script src="http://open.wellsign.cn/sdk/context/ws.mobile@2.0.js"></script>
<title>好签H5SDK（2.x）Mobile端Demo</title>
</head>
<body style="background-color: #000000">
<!-- start -->
<div id="ctx" style="height: 100%; width: 100%;"></div>
<!-- end -->
</body>
<script>
var ctx = null
window.onload = function Context () {
// 实例化
ctx = new WSMobileSignContext()
// 初始化
ctx.Init({
el: '#ctx',
token: 'xxx', // 替换此参数
sequenceId: 'xxx', // 替换此参数
callerId: 'wellsign',
callerName: '好签'
})
// 渲染
ctx.Render()
// On 注册签字视图的回调方法
ctx.On('saveSucceed', function (buildNo) {
// 保存成功后会返回最新的签字版本号。
console.log(buildNo)
})
ctx.On('tbBtnClick', function (name) {
// 自定义的toolbar按钮点击回调
if (name === 'myBuild') {}
})
ctx.On('renderSucceed', function () {
// 渲染成功回调
console.log('渲染成功')
})
// THE END ：)
}
</script>
</html>
```