12345678910111213141516171819202122232425262728293031323334353637383940414243 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <meta name="viewport"
- content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scal
- able=no">
- <meta http-equiv="X-UA-Compatible" content="ie=edge">
- <title>JSSDK</title>
- </head>
- <body>
- <iframe id="test" frameborder="0" width="100%"
- height="600px"></iframe>
- 27
- WPS 文档中台使用说明书
- <script src="./preview-jssdk-v1.1.0.umd.js"></script>
- <script>
- console.log('引入后可以开始使用 jssdk 了!');
- console.log(PreviewSDK);
- // 获取 token 函数
- const refreshToken = () => {
- // 自身业务处理...
- // 可以返回 Promise 或者 return { token, timeout }
- return Promise.resolve({
- token: 'yourToken', // 必需:你需要设置的 toekn
- timeout: 10 * 60 * 1000, // 必需:token 超时时间,以 10 分钟示例
- });
- };
- const jssdk = PreviewSDK.config({
- url: url, // 在线预览链接,需要添加 _w_tokentype=1 参数
- mount: document.querySelector('#test'), // 挂载 iframe 节点
- refreshToken: refreshToken // 配置超时获取 token 函数
- })
- // 设置 token
- jssdk.setToken({
- token: 'yourToken', // 根据自身的业务需求,通过异步请求或者模板输出的方式,取
- // 得 token
- timeout: 10 * 60 * 1000, // token 超时时间,可配合 refreshToken 配置函数
- // 使用,在超时前自动调用 refreshToken 重新刷新 token
- });
- </script>
- </body>
- </html>
|