Sambungkan ke Penyimpanan Azure Blob dari Power Apps

Power Apps dapat menyambungkan ke Penyimpanan Azure Blob. Anda dapat mengunggah file seperti Word, Excel, atau gambar multimedia, audio, atau video menggunakan konektor Penyimpanan Blob Azure untuk Power Apps.

Bila Anda merancang aplikasi kanvas yang tersambung ke Penyimpanan Blob Azure, aplikasi ini menggunakan nama akun dan kunci penyimpanan blob untuk tersambung. Setelah Anda berbagi aplikasi dengan pengguna lain, pengguna dapat menggunakan sambungan yang dikonfigurasi di dalam aplikasi untuk mengunggah file ke Penyimpanan Blob Azure tanpa harus berbagi nama dan kunci penyimpanan blob dengan pengguna aplikasi.

Pada artikel ini, Anda akan mempelajari cara membuat aplikasi kanvas sampel yang tersambung ke Penyimpanan Blob Azure, dan menambahkan kontrol ke aplikasi yang memungkinkan Anda mengunggah berbagai jenis file ke penyimpanan blob yang tersambung.

Catatan

Untuk mempelajari lebih lanjut tentang jenis pilihan penyimpanan cloud lainnya dengan Power Apps (seperti OneDrive, OneDrive for Business, Google Drive, Dropbox, atau Box), buka Sambungkan ke penyimpanan cloud dari Power Apps.

Prasyarat

Sebelum Anda memulai, buat dan konfigurasikan akun BlockBlobStorage. Anda juga dapat menggunakan akun BlobStorage lama, namun tidak disarankan. Informasi selengkapnya: Jenis akun penyimpanan di Penyimpanan Azure Blob

Buat sambungan Penyimpanan Azure Blob

Power Apps memerlukan sambungan ke Penyimpanan Blob Azure untuk dibuat agar aplikasi terhubung ke penyimpanan.

Untuk membuat sambungan Penyimpanan Azure Blob:

1. Masuk ke Power Apps.

2. Di panel kiri, perluas Data.

3. Pilih Koneksi.

4. Pilih koneksi baru.

5. Pilih Penyimpanan Azure Blob.

   

6. Salin dan rekatkan nama akun, dan kunci akses.

   

   Untuk informasi lebih lanjut tentang cara menyalin nama akun dan kunci akses, buka Melihat kunci akses akun di Azure.

7. Pilih Buat.

Sambungan Anda ke Penyimpanan Blob Azure kini dikonfigurasi dan siap digunakan dengan aplikasi kanvas.

Membuat aplikasi kanvas dengan koneksi Penyimpanan Azure Blob

Setelah sambungan dengan Penyimpanan Blob Azure dibuat, buat aplikasi kanvas yang tersambung ke penyimpanan ini.

Catatan

Pada bagian ini, Anda akan membuat aplikasi sampel dengan kontrol sampel, fungsi, dan desain tata letak. Tergantung pada kebutuhan bisnis, Anda dapat membuat aplikasi dengan struktur yang berbeda, atau menyesuaikan secara berbeda.

1. Buat aplikasi kanvas kosong dengan nama "Aplikasi sampel untuk Penyimpanan Blob Azure" dan tata letak Ponsel.

2. Di Power Apps Studio, di panel kiri, pilih .

3. Pilih Tambahkan data.

4. Pilih Penyimpanan Blob Azure dari daftar konektor.

   

Melihat wadah dan file

Setelah aplikasi tersambung ke Penyimpanan Blob Azure, tambahkan galeri untuk melihat wadah dan file dalam wadah dari penyimpanan yang tersambung.

1. Pilih Sisipkan -> Galeri -> Vertikal kosong.

2. Dari sisi kanan layar, pada panel properti, pilih drop-down tata letak dan pilih Judul.

   

3. Pilih pertama. di dalam galeri, dan menghapusnya.

   

4. Dari sisi kanan layar, pada panel properti, pilih drop-down untuk sumber data dan pilih Penyimpanan Blob Azure.

   

5. Atur properti Item di galeri ke:

   AzureBlobStorage.ListRootFolderV2().value
   

   

   Operasi ini mencantumkan blob di folder akar Penyimpanan Blob Azure. Informasi lebih lanjut: Cantumkan blob dalam folder root

6. Pilih Masukkan -> Galeri -> Vertikal kosong untuk menambahkan galeri vertikal kosong lainnya.

7. Pindahkan galeri di bawah galeri yang Anda tambahkan sebelumnya yang menampilkan daftar wadah.

8. Dari sisi kanan layar, pada panel properti, pilih drop-down tata letak dan pilih Judul, subjudul, dan badan.

9. Pilih pertama. di dalam galeri, dan menghapusnya.

10. Dari sisi kanan layar, pada panel properti, pilih drop-down untuk sumber data dan pilih Penyimpanan Blob Azure.

11. Atur properti Item di galeri ke:

    AzureBlobStorage.ListFolderV2(Gallery1.Selected.Id).value
    

    Operasi ini mencantumkan blob dalam wadah. Informasi selengkapnya: Daftar blob

    Catatan

    Gallery1 dalam rumus ini adalah referensi ke galeri yang ditambahkan sebelumnya yang mencantumkan semua wadah di akun penyimpanan. Perbarui rumus dengan nama galeri jika berbeda.

12. Dari sisi kanan layar, pada panel properti, pilih Edit untuk Bidang.

13. Ubah bidang yang dipilih untuk judul galeri sebagai DisplayName, sub judul sebagai LastModified, dan badan sebagai Jalur.

    

    Galeri sekarang menampilkan daftar file dari wadah yang dipilih menggunakan galeri di atas.

    

14. Pilih Masukkan -> labelteks.

15. Tempatkan label di atas layar aplikasi.

16. Atur properti Teks label sebagai "Pilih wadah".

17. Gunakan panel properti di sisi kanan layar, lalu pilih warna teks label, ukuran, dan label warna latar belakang teks yang dipilih.

18. Pilih Masukkan -> labelteks.

19. Tempatkan label di atas galeri dengan daftar file.

20. Atur properti Teks label sebagai "Daftar file".

    

Unggah file ke Penyimpanan Azure Blob

Dengan desain aplikasi sejauh ini, Anda dapat memilih wadah, lalu mencantumkan file dari wadah.

Konfigurasikan aplikasi dengan kontrol dan logika untuk memungkinkan pengunggahan file ke Penyimpanan Blob Azure yang tersambung.

1. Pilih Masukkan -> Media -> Tambah gambar untuk menambahkan kemampuan untuk memilih file yang akan diunggah.

2. Ubah ukuran kontrol Tambah gambar dan letakkan di kiri bawah layar aplikasi.

3. Atur properti Teks dari kontrol ke "Pilih file untuk diunggah".

4. Pilih Masukkan -> Tombol.

5. Tempatkan tombol di sisi kanan bawah layar aplikasi.

6. Atur properti Teks pada tombol ke "Unggah".

7. Pilih Masukkan -> Input teks.

8. Tempatkan kontrol input teks di atas tombol Unggah.

9. Atur properti Default pada tombol ke "Masukkan Nama File".

10. Atur properti OnSelect pada tombol ke:

    AzureBlobStorage.CreateFile(Gallery1.Selected.Name,TextInput1.Text, UploadedImage1.Image)
    

    Operasi ini mengunggah blob ke Penyimpanan Azure Blob. Informasi selengkapnya: Buat blob

    Catatan

    Gallery1 dalam rumus ini adalah referensi ke galeri yang ditambahkan sebelumnya yang mencantumkan semua wadah di akun penyimpanan. File akan diunggah ke wadah yang dipilih di galeri 1. TextInput1 dan uploadImage1 mereferensi input teks dan mengunggah kontrol gambar. Perbarui rumus dengan nama kontrol jika berbeda.

    Kontrol aplikasi terlihat seperti ini dalam aplikasi sampel sekarang.

    

    Tip

    Pastikan Anda memilih Semua file saat menggunakan pilihan pengunggahan untuk memastikan semua jenis file dapat dilihat di kotak dialog penjelajah file.

Unduh file dari Penyimpanan Azure Blob

Sejauh ini Anda telah menambahkan kemampuan untuk melihat wadah, file dari wadah yang dipilih, dan pilihan untuk mengunggah file ke penyimpanan. Sekarang, mari kita pahami bagaimana bekerja dengan kemampuan unduhan dengan penyimpanan tersambung.

1. Pilih baris pertama di galeri dengan daftar file dari wadah.

   

2. Pilih Masukkan -> Ikon -> Unduh. Cara ini menambahkan ikon unduh untuk semua baris di galeri.

3. Pindahkan ikon unduhan pertama ke sisi kanan dalam galeri pada layar aplikasi. Langkah ini juga akan memindahkan seluruh ikon untuk baris berikutnya di galeri.

   

4. Atur properti OnSelect pada ikon unduh ke:

   Launch(AzureBlobStorage.CreateShareLinkByPath(ThisItem.Path).WebUrl)
   

   Operasi ini membuat tautan SAS untuk blob menggunakan jalur. Informasi selengkapnya: Buat URI SAS dengan jalur

   Penting

   URI SAS yang dibuat menggunakan CreateLinkByPath memiliki kedaluwarsa default selama 24 jam. Jika Anda memiliki persyaratan bisnis untuk kedaluwarsa URI dalam waktu lebih singkat atau berbeda, pertimbangkan pembaruan rumus ini. Contohnya, sampel di bawah ini akan mengalami kedaluwarsa URI dalam 1 jam menggunakan fungsi Now() dan DateAdd().

   Launch(AzureBlobStorage.CreateShareLinkByPath(ThisItem.Path,{ExpiryTime:DateAdd( Now(),1)}).WebUrl)
   

   Tip

   Untuk informasi lebih lanjut tentang mengkonfigurasi Penyimpanan Blob Azure untuk akses anonim publik, dan tingkat akses publik yang berbeda, buka Mengkonfigurasi akses baca publik anonim untuk wadah dan blob.

Aplikasi sekarang memiliki kemampuan untuk memungkinkan Anda mengunduh file.

Menguji, menyimpan, mempublikasikan, dan berbagi aplikasi

Putar aplikasi untuk menguji, dan verifikasikan aplikasi berfungsi seperti yang diharapkan. Setelah pengujian, pastikan Anda menyimpan dan mempublikasikan aplikasi sebelum menutup Power Apps Studio. Selanjutnya, Anda dapat berbagi aplikasi dengan orang lain di dalam organisasi, atau orang lain di luar organisasi Anda.

Penyesuaian opsional

Pada bagian ini, Anda akan mempelajari tentang penyesuaian opsional dan tambahan yang dapat Anda pertimbangkan untuk aplikasi Anda.

Jenis media

Anda dapat menggunakan bidang Jenis media atau Jalur agar galeri dapat menampilkan konten gambar secara opsional di kontrol masing-masing. Misalnya, penampil PDF untuk file PDF, Gambar untuk gambar, atau Audio/video untuk file audio/video.

Contohnya, untuk memfilter file dengan jenis ekstensi file .pdf, gunakan rumus sampel berikut.

If(".pdf" in Gallery2.Selected.Path, AzureBlobStorage.GetFileContent(Gallery2.Selected.Id))

Anda juga dapat menggunakan jenis ekstensi file yang berbeda, atau jenis media untuk menyesuaikan kontrol tambahan.

Me-refresh galeri yang tersambung ke Penyimpanan Azure Blob

Sambungan Penyimpanan Azure Blob tidak me-refresh data di dalam galeri secara otomatis saat data diperbarui. Jika Anda memiliki lebih dari satu wadah, Anda dapat memilih wadah lain, kemudian memilih wadah yang dipilih sebelumnya untuk me-refresh galeri yang tersambung untuk menampilkan perubahan.

Metode lain yang dapat dipertimbangkan adalah menggunakan kumpulan untuk galeri pertama, kemudian menggunakan fungsi ClearCollect untuk me-refresh koleksi.

Contohnya, rumus berikut memungkinkan Anda memperbarui kumpulan daftar wadah teratas di galeri pertama, dan memperbarui galeri kedua bila tombol unggah dipilih, atau bila layar ditampilkan (properti layar OnVisible).

1. Atur properti Item di galeri pertama untuk daftar wadah ke "TopLevelList".

2. Tambahkan ke tombol unggah Properti OnSelect :

   ClearCollect(TopLevelList, AzureBlobStorage.ListRootFolderV2().value)
   

3. Tambahkan ke layar properti OnVisible :

   ClearCollect(TopLevelList, AzureBlobStorage.ListRootFolderV2().value)
   

Pembatasan

Anda tidak dapat menggunakan Microsoft Excel sebagai sumber data ketika file disimpan di Penyimpanan Azure Blob. Untuk menggunakan Excel sebagai sumber data, gunakan konektor penyimpanan cloud lainnya (seperti OneDrive, OneDrive For Businesses, Google Drive, Dropbox, atau Box). Informasi lebih lanjut: Menyambung ke penyimpanan cloud dari Power Apps

Langkah berikutnya

Merancang antarmuka aplikasi

Lihat juga

Menyambungkan ke penyimpanan cloud dari Power Apps