ドキュメントをオンラインでプレビューおよび共同編集する - Intelligent Media Management

Intelligent Media Management (IMM) を使用すると、複数の人が異なるデバイスのブラウザから、Alibaba Cloud Object Storage Service (OSS) に保存されている Office ドキュメントを同時にプレビューおよび共同編集できます。このトピックでは、ドキュメントをオンラインでプレビューおよび共同編集する方法について説明します。

使用方法

IMM では、最大 100 人がドキュメントを共同編集できます。100 人を超える人がドキュメントで共同作業する場合、IMM は自動的にドキュメントプレビューモードに切り替わります。最適なコラボレーションエクスペリエンスを得るには、50 人以下でドキュメントを共同編集することをお勧めします。

手順

ドキュメントをオンラインでプレビューするには、次の手順を実行します。

OSS でバケットを作成します。詳細については、バケットの作成を参照してください。
手順 1 で作成したバケットに Office ドキュメントをアップロードします。詳細については、オブジェクトのアップロードを参照してください。
IMM をアクティブ化します。詳細については、IMM のアクティブ化を参照してください。
IMM プロジェクトを作成します。詳細については、プロジェクトの作成を参照してください。
GenerateWebofficeToken オペレーションを呼び出して、オンラインドキュメントプレビュー用のアクセストークンを取得します。詳細については、GenerateWebofficeTokenを参照してください。
重要
オペレーションへの応答の URL は、ブラウザで直接開くことはできません。

ドキュメントをプレビューするには、HTML ページにアクセストークンと URL を含めます。次のサンプルコードは、ドキュメントをプレビューする方法の例を示しています。

説明

セキュリティ上の理由から、アクセストークンは 30 分間有効です。有効期限が切れた場合は、トークンを更新してアクセスを続行してください。詳細については、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 の URL とアクセストークンを入力します。
      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>