Lompati ke konten utama Browser ini sudah tidak didukung. Show
Mutakhirkan ke Microsoft Edge untuk memanfaatkan fitur, pembaruan keamanan, dan dukungan teknis terkini. Menyimpan informasi pengguna aplikasi khusus di MongoDB
Dalam artikel iniPada artikel ini, pelajari cara menambahkan database MongoDB ke API aplikasi web Statik. Sampai saat ini, informasi pengguna berasal dari platform Microsoft Identity menggunakan pustaka MSAL.js, atau dari Microsoft Graph. Artikel ini menambahkan langkah umum untuk menyimpan informasi pengguna khusus ke aplikasi web, yang tidak boleh disimpan di akun Identitas. Untuk menyimpan data aplikasi web ini, khusus untuk pengguna, buat CosmosDB untuk sumber daya API MongoDB, dan gunakan database tersebut dengan paket npm mongoose.js. Semua kode yang diperlukan untuk menyelesaikan langkah ini tersedia dalam artikel ini. Membuat sumber daya CosmosDB untuk API MongoDBGunakan ekstensi Visual Studio Code, Azure Databases, untuk membuat CosmosDB.
Database aman dengan membatasi akses firewall
Klien React: Tambahkan halaman dan formulir untuk input pengguna baruBuat file baru,
Ini adalah formulir untuk mengambil warna favorit pengguna. Klien React: Tambahkan komponen FavoriteColor ke komponen FunctionTambahkan komponen FavoriteColor ke komponen Function dan tahan accessToken yang dikembalikan dari MSAL SDK, dalam status lokal. Buka file,
Formulir warna favorit ditampilkan di bawah informasi token akses dari API Function. Klien React: Tambahkan metode pengambilan baru dengan favoriteColorBuka file,
Metode ini memanggil API Function dan meneruskan informasi pengguna khusus ke aplikasi web, seperti favoriteColor. API Function: Menambahkan file mongooseSampel di sini menggunakan paket npm mongoose dan skema serta metode utilitas yang diperlukan untuk menyisipkan, memperbarui, dan menemukan informasi dalam database Cosmos DB.
API Function: Perbarui API untuk tersambung ke databaseBuka file, Jangan mengubah objek
API Function: Perbarui local.settings.json dengan string koneksi MongoDB Anda
Jalankan klien React dan API Function secara lokal
Lihat data Cosmos DB di portal Microsoft Azure
Pertanyaan dan masalah desain
Pemecahan Masalah
Langkah berikutnya
|