智能媒體管理IMM提供文檔在線預覽和協作編輯功能,支持在不同的終端通過瀏覽器預覽和多人協作編輯存儲在阿里云OSS上的Office文檔。本文介紹如何進行文檔在線預覽和協作編輯。
注意事項
文檔協作編輯的人數在50人以下體驗最佳,最高支持100人,超過100人會自動變為預覽模式。
操作步驟
您只需要通過如下步驟就可以實現文檔在線預覽:
創建阿里云OSS存儲空間(Bucket)。具體操作,請參見控制臺創建存儲空間。
上傳Office文檔至步驟1創建的Bucket中。具體操作,請參見控制臺上傳文件。
開通智能媒體管理IMM服務。具體操作,請參見開通產品。
創建IMM項目。具體操作,請參見創建項目。
調用IMM提供的接口GenerateWebofficeToken獲取文檔在線預覽憑證。具體操作,請參見GenerateWebofficeToken - 獲取Weboffice憑證。
重要調用該接口獲取的WebofficeURL無法通過瀏覽器直接打開,需要執行步驟6。
將步驟5中獲取的在線預覽憑證嵌入HTML頁面進行文檔預覽。示例代碼如下:
說明出于安全考慮,此頁面僅有30分鐘的有效時間,過期需要通過Token刷新機制才可繼續訪問。更多信息,請參見WebOffice服務交互流程。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Weboffice</title> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <style> iframe { width: 100%; height: 100%; } </style> </head> <body> <script src="https://g.alicdn.com/IMM/office-js/1.1.19/aliyun-web-office-sdk.min.js"></script> <div id="weboffice-zone"></div> <script> window.onload = init; async function init() { // 填入Weboffice鏈接和預覽憑證信息。 weboffice({ "AccessToken": "52bbf0b2aa584a38b9a9b43cbbcd76****", "WebofficeURL": "https://office-cn-shanghai.imm.aliyuncs.com/office/p/e4a268d86c08b9f3748d100efb9bec2a2f2064e8?_w_tokenty****", }) } function weboffice(tokenInfo) { let mount = document.getElementById('#weboffice-zone'); let ins = aliyun.config({ mount, url: tokenInfo.WebofficeURL }); ins.setToken({ token: tokenInfo.AccessToken }); } </script> </body> </html>
文檔內容是否對您有幫助?