如何進行文檔線上預覽和協作編輯 - Intelligent Media Management

Intelligent Media ManagementIMM提供文檔線上預覽和協作編輯功能，支援在不同的終端通過瀏覽器預覽和多人協作編輯儲存在阿里雲OSS上的Office文檔。本文介紹如何進行文檔線上預覽和協作編輯。

注意事項

文檔協作編輯的人數在50人以下體驗最佳，最高支援100人，超過100人會自動變為預覽模式。

操作步驟

您只需要通過如下步驟就可以實現文檔線上預覽：

建立阿里雲OSS儲存空間（Bucket）。具體操作，請參見控制台建立儲存空間。
上傳Office文檔至步驟1建立的Bucket中。具體操作，請參見控制台上傳檔案。
開通Intelligent Media ManagementIMM服務。具體操作，請參見開通產品。
建立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>