ドキュメントのオンラインプレビューと共同編集 - Intelligent Media Management

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

使用上の注意

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

説明

ドメイン名が WebView ホワイトリストにないことを示すメッセージが表示された場合は、DingTalk チャットグループ (グループ ID: 88490020073) で IMM テクニカルサポートに連絡してください。テクニカルサポートは、提供された信頼できるドメイン検証ファイルに基づいて、お客様のドメイン名をホワイトリストに追加します。

手順

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

OSS でバケットを作成します。詳細については、「バケットの作成」をご参照ください。
手順 1 で作成したバケットに Office ドキュメントをアップロードします。詳細については、「オブジェクトのアップロード」をご参照ください。
IMM をアクティブ化します。詳細については、「IMM のアクティブ化」をご参照ください。
IMM プロジェクトを作成します。詳細については、「プロジェクトの作成」をご参照ください。
GenerateWebofficeTokenGenerateWebofficeToken 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>