Bir Yüz Tanıma hizmetine kullanıcı eklemek için React Native uygulaması oluşturma

Bu kılavuzda örnek bir Yüz Tanıma kayıt uygulamasını kullanmaya nasıl başlanacağı gösterilmektedir. Uygulama, bir yüz tanıma hizmetine kullanıcı eklemek ve yüksek kaliteli yüz verileri almak için anlamlı onay almak için en iyi yöntemleri gösterir. Tümleşik bir sistem, yüz verilerine göre dokunmatik erişim denetimi, tanımlama, katılım izleme veya kişiselleştirme bilgi noktası sağlamak için bunun gibi bir uygulama kullanabilir.

Kullanıcılar uygulamayı başlattığında ayrıntılı bir onay ekranı gösterir. Kullanıcı onay verirse, uygulama kullanıcı adı ve parola ister ve ardından cihazın kamerasını kullanarak yüksek kaliteli bir yüz görüntüsü yakalar.

Örnek uygulama JavaScript ve React Native çerçevesi kullanılarak yazılır. Android ve iOS cihazlarda dağıtılabilir.

Önkoşullar

• Azure aboneliği – Ücretsiz bir abonelik oluşturun.
• Azure aboneliğinizi aldıktan sonra anahtarınızı ve uç noktanızı almak için Azure portalında bir Yüz Tanıma kaynağı oluşturun. Dağıtıldıktan sonra Kaynağa git'i seçin.
  • Uygulamanızı Yüz Tanıma API'sine bağlamak için oluşturduğunuz kaynaktan anahtara ve uç noktaya ihtiyacınız olacaktır.

Önemli

Güvenlikle ilgili dikkat edilmesi gerekenler

• Yerel geliştirme ve ilk sınırlı test için, API anahtarını ve uç noktasını tutmak için ortam değişkenlerini kullanmak kabul edilebilir (en iyi yöntem olmasa da). Pilot ve son dağıtımlar için API anahtarı güvenli bir şekilde depolanmalıdır. Bu, büyük olasılıkla oturum açma sırasında oluşturulan bir kullanıcı belirtecini doğrulamak için bir ara hizmet kullanmayı içerir.
• API anahtarını veya uç noktasını hiçbir zaman kodda depolamayın veya bir sürüm denetim sistemine (örneğin Git) işlemeyin. Bu yanlışlıkla gerçekleşirse, hemen yeni bir API anahtarı/uç noktası oluşturup öncekileri iptal etmelisiniz.
• En iyi uygulama olarak, geliştirme ve üretim için ayrı API anahtarları bulundurmayı göz önünde bulundurun.

Geliştirme ortamını ayarlama

Android

1. Örnek uygulama için git deposunu kopyalayın.

2. Geliştirme ortamınızı ayarlamak için React Native belgelerini izleyin. React Native CLI Hızlı Başlangıç'ı seçin. Hedef işletim sistemi olarak geliştirme işletim sisteminizi ve Android'i seçin. Bağımlılıkları ve Android geliştirme ortamını yükleme bölümlerini tamamlayın.

3. Visual Studio Code gibi tercih ettiğiniz metin düzenleyiciyi indirin.

4. Kaynağınızın Genel Bakış sekmesinin altındaki Azure portalında FaceAPI uç noktanızı ve anahtarınızı alın. Yüz Tanıma API'si anahtarınızı uzak deponuza iade etmeyin.

   Uyarı

   Yalnızca yerel geliştirme ve test için API anahtarını ve uç noktayı ortam değişkenleri olarak girebilirsiniz. Son dağıtım için API anahtarını güvenli bir konumda depolayın ve hiçbir zaman kod veya ortam değişkenlerinde depolayın. Hizmetin kimliğini doğrulamanın diğer yolları için bkz. Azure AI hizmetleri kimlik doğrulama kılavuzu .

5. Android Studio'dan Android Sanal Cihaz öykünücüsünüzü veya kendi Android cihazınızı kullanarak uygulamayı çalıştırın. Uygulamanızı fiziksel bir cihazda test etmek için ilgili React Native belgelerini izleyin.

iOS

1. Örnek uygulama için git deposunu kopyalayın.

2. Geliştirme ortamınızı ayarlamak için React Native belgelerini izleyin. React Native CLI Hızlı Başlangıç'ı seçin. Geliştirme işletim sisteminiz olarak macOS ve hedef işletim sistemi olarak iOS'u seçin. Bağımlılıkları yükleme bölümünü tamamlayın.

3. Visual Studio Code gibi tercih ettiğiniz metin düzenleyiciyi indirin. Xcode'ı da indirmeniz gerekir.

4. Kaynağınızın Genel Bakış sekmesinin altındaki Azure portalında FaceAPI uç noktanızı ve anahtarınızı alın.

   Uyarı

   Yalnızca yerel geliştirme ve test için API anahtarını ve uç noktayı ortam değişkenleri olarak girebilirsiniz. Son dağıtım için API anahtarını güvenli bir konumda depolayın ve hiçbir zaman kod veya ortam değişkenlerinde depolayın. Hizmetin kimliğini doğrulamanın diğer yolları için bkz. Azure AI hizmetleri kimlik doğrulama kılavuzu .

5. Xcode'dan sanal bir cihaz veya kendi iOS cihazınızı kullanarak uygulamayı çalıştırın. Uygulamanızı fiziksel bir cihazda test etmek için ilgili React Native belgelerini izleyin.

Uygulamayı işletmeniz için özelleştirme

Artık örnek uygulamayı ayarladığınıza göre, kendi ihtiyaçlarınıza göre uyarlayabilirsiniz.

Örneğin, onay sayfanıza duruma özgü bilgiler eklemek isteyebilirsiniz:

1. Doğrulama doğruluğunu geliştirmek için daha fazla yönerge ekleyin.

   Yüz tanıma sorunlarının çoğu düşük kaliteli başvuru görüntülerine neden olur. Model performansını düşürebilecek bazı faktörler şunlardır:

   • Yüz boyutu (kameradan uzak yüzler)
   • Yüz yönlendirmesi (kameradan çevrilmiş veya eğilmiş yüzler)
   • Kötü ışık koşulları (düşük ışık veya arka aydınlatma) burada görüntü kötü maruz kalabilir veya çok fazla gürültü olabilir
   • Şapka veya kalın jantlı gözlük gibi aksesuarlar da dahil olmak üzere tıkanıklık (kısmen gizli veya engellenmiş yüzler)
   • Bulanıklık (fotoğraf çekildiğinde hızlı yüz hareketi gibi).

   Hizmet, müşteriyi eklemek veya yüz tanımayı deneme amacıyla yukarıdaki faktörlere göre görüntünün yeterli kalitede olup olmadığını seçmenize yardımcı olmak için görüntü kalitesi denetimleri sağlar. Bu uygulama, cihazın kamerasından çerçevelere nasıl erişeceğini, kaliteyi algılamayı ve daha yüksek kaliteli bir görüntü yakalamasına, en yüksek kaliteli çerçeveleri seçmesine ve algılanan yüzü Yüz Tanıma API'si hizmetine eklemesine yardımcı olmak için kullanıcıya kullanıcı arabirimi iletilerini göstermeyi gösterir.

   

2. Örnek uygulama, kullanıcının bilgilerini ve okunma seçeneğini silmeye yönelik işlevler sunar. İş gereksinimlerinize göre bu işlemleri etkinleştirebilir veya devre dışı bırakabilirsiniz.

   

   Uygulamanın işlevselliğini tüm deneyimi kapsayacak şekilde genişletmek için uygulanacak ek özelliklere ve en iyi yöntemlere genel bakış sayfasını okuyun.

3. Veritabanınızı her bir kişiyi kendi kimliğiyle eşlemek için yapılandırma

   Yüz görüntüsünü kullanıcı meta verileriyle birlikte depolamak için bir veritabanı kullanmanız gerekir. Sosyal güvenlik numarası veya diğer benzersiz kişi tanımlayıcısı, yüz kimliğini aramak için anahtar olarak kullanılabilir.

4. Abonelik anahtarınızı ve uç noktanızı Yüz Tanıma hizmetine geçirmenin güvenli yöntemleri için bkz. Azure AI hizmetleri Güvenlik kılavuzu.

Uygulamayı dağıtma

Android

İlk olarak, uygulamanızın üretim dağıtımı için hazır olduğundan emin olun: Uygulama kodundan tüm anahtarları veya gizli dizileri kaldırın ve en iyi güvenlik yöntemlerini izlediğinizden emin olun.

Uygulamanızı üretim için yayınlamaya hazır olduğunuzda, Android uygulamaları için paket dosyası biçimi olan yayına hazır bir APK dosyası oluşturacaksınız. Bu APK dosyası özel bir anahtarla imzalanmalıdır. Bu sürüm derlemesiyle, uygulamayı doğrudan cihazlarınıza dağıtmaya başlayabilirsiniz.

Özel anahtar oluşturmayı, uygulamanızı imzalamayı ve bir yayın APK'sı oluşturmayı öğrenmek için Yayın için hazırlama belgelerini izleyin.

İmzalı bir APK oluşturduktan sonra uygulamanızı yayımlama hakkında daha fazla bilgi edinmek için Uygulamanızı yayımlama belgelerine bakın.

iOS

İlk olarak, uygulamanızın üretim dağıtımı için hazır olduğundan emin olun: Uygulama kodundan tüm anahtarları veya gizli dizileri kaldırın ve en iyi güvenlik yöntemlerini izlediğinizden emin olun. Dağıtıma hazırlanmak için bir uygulama simgesi, başlatma ekranı oluşturmanız ve dağıtım bilgileri ayarlarını yapılandırmanız gerekir. Uygulamanızı dağıtıma hazırlamak için Xcode belgelerini izleyin.

Uygulamanızı üretim için yayınlamaya hazır olduğunuzda uygulamanızın bir arşivini oluşturacaksınız. Arşiv derlemesi oluşturma ve uygulamanızı dağıtma seçenekleri hakkında Xcode belgelerini izleyin.

Sonraki adımlar

Bu kılavuzda geliştirme ortamınızı ayarlamayı ve örnek uygulamayı kullanmaya başlamayı öğrendiniz. React Native'i kullanmaya yeni başladıysanız, daha fazla arka plan bilgisi edinmek için başlangıç belgelerini okuyabilirsiniz. Yüz Tanıma API'si hakkında bilgi sahibi olmak da yararlı olabilir. Geliştirmeye başlamadan önce kullanıcı eklemeyle ilgili diğer bölümleri okuyun.