5.1接入示例
### ****好签****致力于提供给接入者最简单的接入体验。
下面是一个完整的的PC端JS api示例Demo。
复制粘贴到html文件中，即可运行。（需要外网，PC设备上体验更佳，示例中`Init`方法的`token`、`sequenceId`参数要使用自己生成的）
> ***PC端兼容IE10+、谷歌内核浏览器、火狐浏览器、safari等现代浏览器！！！***
```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>
<link rel="stylesheet" href="https://open.wellsign.cn/sdk/context/ws.pc.css" />
<script src="https://open.wellsign.cn/sdk/context/ws.pc.js"></script>
<title>好签H5SDK（2.x）pc端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 () {
// 实例化
ctx = new WSPCSignContext()
// 初始化
ctx.Init({
el: '#ctx',
token: 'xxx', // 替换此参数
sequenceId: 'xxx', // 替换此参数
callerId: 'ws',
callerName: '好签'
})
// 渲染
ctx.Render()
// 保存成功的回调
ctx.On('saveSucceed', function (buildNo) {
// 保存成功的回调，会回传当前保存的版本号buildNo
})
// 自定义按钮的点击回调
ctx.On('tbBtnClick', function (name) {
if (name === 'myBuild') {}
// name:用户自定义按钮的名称
})
// THE END ：)
}
</script>
</html>
```