Preview and collaboratively edit a document online - Intelligent Media Management

Intelligent Media Management (IMM) permet à plusieurs utilisateurs de prévisualiser et d'éditer simultanément des documents Office stockés dans Object Storage Service (OSS) depuis des navigateurs sur différents appareils.

Notes d'utilisation

Jusqu'à 100 personnes peuvent éditer un document simultanément. Au-delà de cette limite, IMM bascule automatiquement en mode aperçu. Pour des performances optimales, nous recommandons de limiter le nombre d'éditeurs simultanés à 50.

Remarque

Si un message indique que votre nom de domaine ne figure pas dans la liste d'autorisation WebView du mini-programme, contactez le support technique IMM via le groupe d'utilisateurs DingTalk. Pour obtenir le numéro du groupe, consultez Nous contacter. Le support technique ajoutera votre nom de domaine à la liste d'autorisation une fois que vous aurez fourni le fichier de validation du domaine de confiance WeChat.

Procédure

Pour prévisualiser un document en ligne :

Créez un bucket dans OSS. Pour plus d'informations, consultez Créer des buckets.
Téléversez un document Office dans le bucket créé à l'étape 1. Pour plus d'informations, consultez Téléverser des objets.
Activez IMM. Pour plus d'informations, consultez Activer IMM.
Créez un projet IMM. Pour plus d'informations, consultez Créer un projet.
Appelez l'opération GenerateWebofficeToken pour obtenir un jeton d'accès destiné à la prévisualisation en ligne de documents. Pour plus d'informations, consultez GenerateWebofficeToken.

Important
L'URL figurant dans la réponse de l'opération ne peut pas être ouverte directement dans un navigateur.

Intégrez le jeton d'accès et l'URL dans une page HTML pour prévisualiser le document. L'exemple de code suivant illustre la procédure de prévisualisation d'un document :

Remarque

Pour des raisons de sécurité, le jeton d'accès reste valide pendant 30 minutes. S'il expire, actualisez-le pour poursuivre l'accès. Pour plus d'informations, consultez Utiliser 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() {
      // Enter the WebOffice URL and access token. 
      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>