SDKO-H5
## 引入JS
更新后只需要引入`ws.loader.js`即可，缓存问题由好签内部自处理。
移动端、PC端只需引入这个一个JS即可。
`ws.loader.js`文件存放在好签SKDO服务context目录下。`http://ip:port/sdko/context/ws.loader.js`
```html
<script type="text/javascript" src="http://ip:port/sdko/context/ws.loader.js"></script>
```
## 签字文件渲染
更新后使用好签的api加载签字插件
****注意移动端和pc端虽然引入了同一个js文件，但是使用的时候移动端是 loadMobile、pc端是 loadPC。****
* 移动端
```javascript
// 1.无缓存加载好签JSAPI
WSLoader.loadMobile(() => {
// 2.插件加载完毕，渲染签字界面
const ctx = new WSContext('#ctx', {
token: 'xxx',
fileIds: 'xxx',
baseURL: 'http://ip:28080/sdko', // SDK接口请求地址
userId: 'xxx',
userName: 'xxx'
})
})
```
* PC端
```javascript
// 1.无缓存加载好签JSAPI
WSLoader.loadPC(() => {
// 2.插件加载完毕，渲染签字界面
const ctx = new WSContext('#ctx', {
token: 'xxx',
fileIds: 'xxx',
baseURL: 'http://ip:28080/sdko', // SDK接口请求地址
userId: 'xxx',
userName: 'xxx'
})
})
```
## 完整示例代码(移动端)
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover"/>
<title>hello</title>
<script src="https://pub.wellsign.cn/jslib/jquery-3.3.1.js"></script>
<script src="http://ip:port/sdko/context/ws.loader.js"></script>
<script>
$(document).ready(() => {
WSLoader.loadMobile(() => {
const ctx = new WSContext('#ctx', {
token: 'xxx',
fileIds: 'xxx',
baseURL: 'http://ip:28080/sdko', // SDK接口请求地址
userId: 'xxx',
userName: 'xxx'
})
})
})
</script>
</head>
<body>
<div id="ctx" style="width: 100%; height: 100%;"></div>
</body>
<style>
html,body { height: 100%; width: 100%; padding: 0; margin: 0; }
</style>
</html>
```