Bagikan melalui


Tutorial: Berbagi {i>anchor

Azure Spatial Anchors adalah layanan pengembang lintas platform yang memungkinkan Anda membuat pengalaman realitas campuran menggunakan objek yang mempertahankan lokasinya di seluruh perangkat dari waktu ke waktu.

Dalam tutorial ini, Anda menggunakan Azure Spatial Anchors untuk membuat jangkar selama satu sesi dan kemudian menemukannya di perangkat yang sama atau yang berbeda. {i>Anchor

Animasi menampilkan {i>anchor <i}spasial yang dibuat dengan perangkat seluler dan digunakan dengan perangkat yang berbeda selama berhari-hari.

Dalam tutorial ini, Anda akan mempelajari cara:

  • Menerapkan aplikasi web ASP.NET Core di Azure yang dapat Anda gunakan untuk berbagi {i>anchoranchor
  • Mengonfigurasikan {i>scene
  • Menyebarkan dan menjalankan {i>anchor

Jika Anda tidak memiliki Langganan Azure, buat Akun gratis Azure sebelum memulai.

Prasyarat

Sebelum memulai tutorial ini, pastikan Anda telah memenuhi prasyarat berikut:

  • Baca gambaran umum Azure Spatial Anchors.
  • Lengkapi salah satu dari 5 menit mulai cepat.

    Catatan

    Mulai cepat Android/NDK dan iOS/Swift saat ini tidak menampilkan kemampuan yang dijelaskan dalam tutorial ini.

  • Pengetahuan dasar tentang:
    • ARCore jika Anda menggunakan Android.
    • ARKit jika Anda menggunakan iOS.
  • Komputer Windows dengan Visual Studio 2019 atau yang lebih baru, serta beban kerja ASP.NET dan pengembangan web.
  • .NET Core 3.1 SDK.
  • Satu atau beberapa perangkat berikut yang digunakan untuk menyebarkan dan menjalankan aplikasi: HoloLens, HoloLens 2, iOS, atau Android.

Catatan

Anda akan menggunakan Unity dan aplikasi web ASP.NET Core dalam tutorial ini, tetapi pendekatan di sini hanya untuk memberikan contoh tentang cara berbagi pengidentifikasi Azure Spatial Anchors di perangkat lain. Anda dapat menggunakan bahasa lain dan teknologi ujung belakang untuk mencapai tujuan yang sama.

Buat sumber daya Spatial Anchors

Buka portal Microsoft Azure.

Di panel kiri, pilih Buat sumber daya.

Gunakan kotak pencarian untuk mencari Spatial Anchors.

Cuplikan layar memperlihatkan hasil pencarian Spatial Anchors.

Pilih Spatial Anchors, lalu pilih Buat.

Pada panel Akun Spatial Anchors, lakukan hal berikut ini:

  • Masukkan nama sumber daya unik dengan menggunakan karakter alfanumerik biasa.

  • Pilih langganan yang ingin Anda lampirkan sumber dayanya.

  • Buat grup sumber daya dengan memilih Buat baru. Beri nama myResourceGroup, lalu pilih OK.

    Grup sumber daya Azure adalah kontainer logis tempat sumber daya Azure seperti aplikasi web, database, dan akun penyimpanan disebarkan dan dikelola. Misalnya, Anda dapat memilih untuk menghapus seluruh grup sumber daya dalam satu langkah sederhana nanti.

  • Pilih lokasi (kawasan) tempat menempatkan sumber daya.

  • Pilih Buat untuk memulai pembuatan sumber daya.

Cuplikan layar panel Spatial Anchors untuk membuat sumber daya.

Setelah sumber daya dibuat, portal Azure menunjukkan bahwa penyebaran Anda selesai.

Cuplikan layar memperlihatkan bahwa penyebaran sumber daya selesai.

Pilih Buka sumber daya. Anda sekarang dapat melihat properti sumber daya.

Salin nilai ID Akun sumber daya ke editor teks untuk digunakan nanti.

Cuplikan layar panel properti sumber daya.

Salin nilai Domain Akun sumber daya juga ke editor teks untuk digunakan nanti.

Cuplikan layar memperlihatkan nilai domain akun sumber daya.

Di Pengaturan, pilih Kunci akses. Salin nilai Kunci utama, Kunci Akun, ke editor teks untuk digunakan nanti.

Cuplikan layar Panel kunci untuk akun tersebut.

Unduh proyek sampel + impor SDK

Repositori Sampel Kloning

Kloning repositori sampel dengan menjalankan perintah berikut:

git clone https://github.com/Azure/azure-spatial-anchors-samples.git
cd ./azure-spatial-anchors-samples

Mengimpor ASA SDK

Ikuti petunjuk di sini untuk mengunduh dan mengimpor paket ASA SDK yang diperlukan untuk platform HoloLens.

Menyebarkan layanan Sharing Anchors

Catatan

Dalam tutorial ini kita akan menggunakan tingkat gratis Azure App Service. Tingkat gratis akan kehabisan waktu setelah 20 menit tidak aktif dan mengatur ulang cache memori.

Buka Visual Studio, lalu buka proyek di folder Sharing\SharingServiceSample.

Membuka wizard terbitkan

Di Penjelajah Solusi, klik kanan proyek SharingService, lalu pilih Terbitkan....

Panduan Terbitkan dimulai.

  1. Pilih Target Azure>Next.
  2. Pilih Target Tertentu Azure App Service (Windows)>Berikutnya
  3. Masuk ke portal Azure.
  4. Pilih "+" hijau untuk Membuat Azure App Service

Pengaturan App Service

Pengaturan Nilai yang disarankan Deskripsi
Nama myASASharingService Beri nama unik untuk layanan Anda
Nama langganan Pilih langganan Azure pilihan Anda
Grup Sumber Daya myResourceGroup atau pilih yang sudah ada Grup sumber daya Azure adalah kontainer logis tempat sumber daya Azure seperti aplikasi web, database, dan akun penyimpanan disebarkan dan dikelola. Misalnya, Anda dapat memilih untuk menghapus seluruh grup sumber daya dalam satu langkah sederhana nanti.
Paket Hosting Pilih Baru... dan lihat tabel di bawah ini Rencana App Service menentukan lokasi, ukuran, dan fitur farm server web yang menghosting aplikasi Anda. Anda dapat menghemat uang saat menghosting beberapa aplikasi dengan mengonfigurasi aplikasi web untuk berbagi satu paket App Service. Paket App Service mendefinisikan:
  • Wilayah (misalnya: Eropa Utara, AS Timur, atau Asia Tenggara)
  • Ukuran instans (kecil, sedang, atau besar)
  • Jumlah skala (1 hingga 20 instans)
  • SKU (Gratis, Bersama, Dasar, Standar, atau Premium)

Pengaturan Paket Hosting

Pengaturan Nilai yang disarankan Deskripsi
Paket Hosting MySharingServicePlan Beri nama unik untuk paket hosting Anda
Lokasi US Barat Pusat data tempat aplikasi web dihosting. Pilih lokasi yang paling dekat dengan lokasi fisik yang akan digunakan aplikasi Anda
Ukuran Gratis Tingkat harga yang menentukan fitur hosting
  1. Pilih Buat untuk membuat App Service
  2. Setelah layanan aplikasi dibuat, pilih di daftar "Instans layanan aplikasi" dan pilih Selesai
  3. Pada tab BerbagiLayanan: Terbitkan pilih Terbitkan

Setelah aplikasi web ASP.NET Core diterbitkan ke Azure, Anda dapat membuka https://<your_app_name>.azurewebsites.net atau mengklik tautan di samping Situs: pada tab BerbagiLayanan: Terbitkan . Salin URL ini ke editor teks untuk digunakan nanti.

Cuplikan layar aplikasi web ASP.NET diterbitkan di Azure.

Mengonfigurasi + menyebarkan aplikasi sampel

Buka Proyek

Di Unity, buka proyek di folder Unity. Unity mungkin meminta Anda tentang perbedaan antara versi dalam proyek dan versi yang diinstal pada mesin Anda. Peringatan ini tidak apa-apa, selama versi Editor Unity Anda lebih baru daripada yang dibuat oleh proyek. Jika versi Anda lebih baru, pilih Lanjutkan. Jika versi Anda lebih lama dari yang dibutuhkan proyek, pilih Keluar, dan tingkatkan Penyunting Unity Anda.

Cuplikan layar panel Unity.

Pengaturan Penyiapan Build

Buka Pengaturan Build dengan memilih File>Pengaturan Build.

Di bagian Platform, pilih Universal Windows Platform. Ubah Perangkat Target ke HoloLens.

Pilih Beralih Platform untuk mengubah platform ke Universal Windows Platform. Unity mungkin meminta Anda untuk menginstal komponen dukungan UWP jika tidak ada.

Cuplikan layar panel Pengaturan Build Unity - HoloLens

Tutup jendela Pengaturan Build.

Mengonfigurasi informasi akun

Langkah selanjutnya adalah mengonfigurasi aplikasi untuk menggunakan informasi akun Anda. Anda menyalin nilai Kunci Akun, ID Akun, dan Domain Akun ke editor teks sebelumnya, di bagian "Buat sumber daya Spatial Anchors".

Pada panel Proyek, masuk ke Assets\AzureSpatialAnchors.SDK\Resources.

Pilih SpatialAnchorConfig. Pada panel Inspektur, masukkan Account Key sebagai nilai untuk Kunci Akun Spatial Anchors, Account ID sebagai nilai untuk Id Akun Spatial Anchors, dan Account Domain sebagai nilai Domain Akun Spatial Anchors.

Buka Adegan yang disebut AzureSpatialAnchorsLocalSharedDemo yang ditemukan Assets/AzureSpatialAnchors.Examples/Scenes/AzureSpatialAnchorsLocalSharedDemo dengan mengklik dua kali pada panel proyek

Pada panel Proyek, buka Assets\AzureSpatialAnchors.Examples\Resources.

Pilih SpatialAnchorSamplesConfig. Lalu, di panel Inspektur, masukkan URL Sharing Anchors Service (dari aplikasi web ASP.NET Anda penyebaran Azure) sebagai nilai untuk Base Sharing Url. Tambahkan URL dengan /swagger/api/anchors. Tampilannya akan seperti ini: https://<your_app_name>.azurewebsites.net/swagger/api/anchors.

Simpan adegan dengan memilih File>Simpan.

Ekspor + sebarkan aplikasi HoloLens

Buka Pengaturan Build dengan memilih File>Pengaturan Build.

Di bawah Scene Dalam Build, pastikan semua scene memiliki tanda centang di sampingnya.

Pilih Kompilasi. Dalam kotak dialog, pilih folder tempat untuk mengekspor proyek HoloLens Visual Studio.

Ketika ekspor selesai, folder yang berisi proyek HoloLens yang diekspor akan muncul.

Di folder, klik dua kali HelloAR U3D.sln untuk membuka proyek di Visual Studio.

Ubah Konfigurasi Solusi ke Rilis, ubah Platform Solusi ke x86, dan pilih Perangkat dari opsi target penyebaran.

Jika menggunakan HoloLens 2, gunakan ARM64 sebagai Platform Solusi, bukan x86.

Konfigurasi Visual Studio

Nyalakan perangkat HoloLens, masuk, dan sambungkan perangkat ke PC menggunakan kabel USB.

Pilih Debug>Mulai penelusuran kesalahan untuk menyebarkan aplikasi Anda dan mulai penelusuran kesalahan.

Menjalankan aplikasi

Di aplikasi, pilih LocalSharedDemo menggunakan panah, lalu tekan tombol Go! untuk menjalankan demo. Ikuti petunjuk di aplikasi untuk menempatkan dan memanggil kembali jangkar.

Dengan Jangkar Buat & Berbagi Anda dapat membuat jangkar dan menyimpannya ke layanan berbagi Anda. Sebagai hasil, Anda akan mendapatkan kembali pengidentifikasi yang dapat digunakan untuk mengambilnya dari layanan berbagi. Anda kemudian dapat menjalankan skenario kedua, Temukan Jangkar Bersama, dari perangkat Anda atau yang berbeda.

Dengan Cari Jangkar Bersamai, Anda dapat menemukan jangkar bersama sebelumnya dengan memasukkan pengidentifikasi yang disebutkan sebelumnya. Setelah Anda memilih skenario, aplikasi akan memandu Anda dengan instruksi selengkapnya. Misalnya, Anda akan diminta untuk memindahkan perangkat Anda guna mengumpulkan informasi lingkungan. Kemudian, Anda akan menempatkan jangkar di dunia, menunggu untuk menyimpannya, memulai sesi baru, dan kemudian menemukannya.

Membersihkan sumber daya

Di langkah-langkah sebelumnya, Anda membuat sumber daya Azure dalam grup sumber daya. Jika Anda tidak berharap membutuhkan sumber daya ini di masa mendatang, Anda dapat menghapusnya dengan menghapus grup sumber daya.

Pada menu portal Microsoft Azure atau halaman Beranda, pilih Grup sumber daya. Setelah itu, pada halaman Grup sumber daya, pilih myResourceGroup.

Pada halaman myResourceGroup, pastikan sumber daya yang tercantum adalah sumber daya yang ingin Anda hapus.

Pilih Hapus grup sumber daya, ketik myResourceGroup di kotak teks untuk mengonfirmasi, lalu pilih Hapus.

Langkah berikutnya

Dalam tutorial ini, Anda menyebarkan aplikasi web ASP.NET Core di Azure, dan Anda mengonfigurasi serta menyebarkan aplikasi Unity. Anda membuat {i>anchor

Anda dapat meningkatkan aplikasi web ASP.NET Core Anda sehingga aplikasi menggunakan Azure Cosmos DB untuk menjaga penyimpanan pengidentifikasi {i>anchor anchor anchor anchor