prview.html 1.4 KB

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