Edit

Kolaborasi real-time menggunakan Azure dan Microsoft 365

Microsoft Entra ID
Microsoft Graph
Azure App Service
Microsoft 365

Ide solusi

Artikel ini adalah ide solusi. Jika Anda ingin kami memperluas konten dengan informasi lebih lanjut, seperti potensi kasus penggunaan, layanan alternatif, pertimbangan implementasi, atau panduan harga, beri tahu kami dengan memberikan umpan balik GitHub.

Solusi ini menunjukkan bagaimana Anda dapat menggunakan pustaka dan layanan Azure untuk memenuhi persyaratan kolaborasi kustom. Selain kolaborasi real-time, solusi ini mendukung status kehadiran pengguna. Pengguna dapat bekerja sama di aplikasi khusus untuk mengumpulkan ide, melihat kapan ide-ide baru ditambahkan, dimodifikasi, atau dihapus secara real time, dan menghindari konflik data selama sesi kolaborasi.

Arsitektur

Diagram that shows an architecture for real-time collaboration.

Unduh file PowerPoint arsitektur ini.

Aliran data

  • Aplikasi menggunakan komponen Login dari Microsoft Graph Toolkit untuk memungkinkan pengguna masuk. Komponen Login menggunakan penyedia MSAL untuk memvalidasi kredensial pengguna terhadap ID Microsoft Entra.
  • Setelah pengguna masuk, aplikasi web klien menggunakan Fluid Framework untuk terhubung ke Fluid Relay dan membuat sesi kolaborasi.
  • Lebih banyak pengguna masuk dan berpartisipasi dalam sesi kolaborasi. Fluid Framework menggabungkan data yang dikirim dan diterima di setiap klien untuk memastikan bahwa itu disinkronkan untuk semua pengguna. Algoritma siaran pesanan total dan konsistensi akhirnya digunakan untuk memastikan sinkronisasi ini.
  • Saat pengguna terus berkolaborasi, Fluid Relay secara otomatis menyimpan data kolaborasi.
  • Ketika pengguna baru bergabung dengan sesi kolaborasi, setiap klien pengguna mengambil data yang disimpan sebelumnya dan memastikan bahwa pengguna disinkronkan dengan pengguna lain dalam sesi tersebut.

Komponen

  • Fluid Framework adalah kumpulan pustaka klien untuk mendistribusikan dan menyinkronkan keadaan bersama. Pustaka ini memungkinkan beberapa klien untuk secara bersamaan membuat dan beroperasi pada struktur data bersama menggunakan pola pengodean yang mirip dengan yang digunakan untuk bekerja dengan data lokal.
  • Fluid Relay adalah layanan Fluid Framework yang terkelola. Ini membantu pengembang membangun pengalaman kolaboratif real-time dan mereplikasi keadaan di seluruh klien JavaScript yang terhubung secara real time.
  • ID Microsoft Entra adalah layanan manajemen identitas dan akses berbasis cloud Microsoft yang membantu karyawan Anda masuk dan mengakses sumber daya.
  • Microsoft Graph Toolkit adalah kumpulan komponen yang terlepas dari kerangka kerja dan penyedia autentikasi yang dapat digunakan kembali guna mengakses dan bekerja dengan Microsoft Graph.
  • Azure Static Web Apps adalah layanan yang secara otomatis membangun dan menerapkan aplikasi web tumpukan penuh ke Azure dari repositori kode.

Detail skenario

Kolaborasi sangat penting untuk efisiensi dan produktivitas bisnis. Alat seperti Microsoft Teams menyediakan cara yang bagus untuk berkolaborasi melalui obrolan, audio, dan video. Word, Excel, dan PowerPoint online memudahkan untuk berkolaborasi dalam berbagai jenis dokumen dan spreadsheet dengan kolega dan pelanggan di seluruh dunia.

Anda dapat menggunakan layanan Azure untuk menambahkan fungsionalitas kolaboratif real-time ke aplikasi khusus seperti yang Anda lakukan dengan solusi off-the-shelf. Solusi ini menunjukkan bagaimana Anda dapat menggunakan pustaka dan layanan Azure untuk memenuhi persyaratan kolaborasi kustom. Selain kolaborasi real-time, solusi ini mendukung status kehadiran pengguna. Pengguna dapat bekerja sama di aplikasi khusus untuk mengumpulkan ide, melihat kapan ide-ide baru ditambahkan, dimodifikasi, atau dihapus secara real time, dan menghindari konflik data selama sesi kolaborasi.

Untuk memenuhi persyaratan ini, solusi menggunakan Fluid Framework dan Azure Fluid Relay. Ini mengautentikasi pengguna terhadap ID Microsoft Entra dengan menggunakan komponen Masuk dari Microsoft Graph Toolkit dan penyedia Microsoft Authentication Library (MSAL).

Kemungkinan kasus penggunaan

Solusi ini berlaku untuk perusahaan yang membangun solusi aplikasi khusus yang memerlukan:

  • Akses aplikasi yang aman.
  • Kolaborasi data real-time di antara banyak pengguna.
  • Kemampuan penyimpanan data kolaborasi bawaan.

Menyebarkan skenario ini

Dapatkan contoh kode yang menunjukkan skenario ini.

Kontributor

Artikel ini dikelola oleh Microsoft. Ini awalnya ditulis oleh kontributor berikut.

Penulis utama:

Langkah berikutnya

Untuk informasi selengkapnya tentang teknologi yang digunakan dalam solusi ini, lihat artikel ini: