Pratinjau dan Pengeditan Dokumen secara Kolaboratif Daring - Intelligent Media Management

Intelligent Media Management (IMM) memungkinkan beberapa pengguna untuk melihat pratinjau dan mengedit dokumen Office yang disimpan di Alibaba Cloud Object Storage Service (OSS) langsung dari browser pada perangkat berbeda. Topik ini menjelaskan cara melihat pratinjau dan mengedit dokumen secara daring.

Catatan penggunaan

IMM mendukung hingga 100 pengguna untuk mengedit dokumen secara kolaboratif. Jika lebih dari 100 pengguna berkolaborasi, IMM akan otomatis beralih ke mode pratinjau dokumen. Untuk pengalaman terbaik, kami menyarankan agar tidak lebih dari 50 pengguna mengedit dokumen secara bersamaan.

Catatan

Jika Anda menerima pesan bahwa nama domain tidak ada dalam daftar putih WebView, hubungi dukungan teknis IMM di grup obrolan DingTalk (ID grup: 88490020073). Tim dukungan akan menambahkan nama domain Anda ke daftar putih setelah Anda memberikan file verifikasi domain tepercaya.

Prosedur

Untuk melihat pratinjau dokumen secara daring, ikuti langkah-langkah berikut:

Buat bucket di OSS. Untuk informasi lebih lanjut, lihat Buat bucket.
Unggah dokumen Office ke bucket yang dibuat pada Langkah 1. Untuk informasi lebih lanjut, lihat Unggah objek.
Aktifkan IMM. Untuk informasi lebih lanjut, lihat Aktifkan IMM.
Buat proyek IMM. Untuk informasi lebih lanjut, lihat Buat proyek.
Panggil operasi GenerateWebofficeToken untuk mendapatkan token akses guna melihat pratinjau dokumen daring. Untuk informasi lebih lanjut, lihat GenerateWebofficeToken.
Penting
URL dalam respons operasi tersebut tidak dapat langsung dibuka di browser.

Sertakan token akses dan URL dalam halaman HTML untuk melihat pratinjau dokumen. Kode sampel berikut menunjukkan cara melihat pratinjau dokumen:

Catatan

Untuk alasan keamanan, token akses berlaku selama 30 menit. Jika kedaluwarsa, segarkan token untuk melanjutkan akses. Untuk informasi lebih lanjut, lihat Gunakan 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() {
      // Masukkan URL WebOffice dan token akses. 
      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>