React natív alkalmazás létrehozása felhasználók face szolgáltatáshoz való hozzáadásához

Ez az útmutató bemutatja, hogyan kezdheti el a Face-mintaregisztrációs alkalmazás használatának első lépéseit. Az alkalmazás bemutatja az ajánlott eljárásokat a felhasználók arcfelismerési szolgáltatásba való felvételéhez és a kiváló minőségű arcadatok beszerzéséhez szükséges érdemi hozzájárulás beszerzéséhez. Egy integrált rendszer egy ilyen alkalmazással érintés nélküli hozzáférés-vezérlést, azonosítást, jelenléti követést vagy személyre szabási kioszkot biztosíthat az arcadatok alapján.

Amikor a felhasználók elindítják az alkalmazást, megjelenik egy részletes hozzájárulási képernyő. Ha a felhasználó hozzájárul, az alkalmazás rákérdez a felhasználónévre és a jelszóra, majd rögzít egy kiváló minőségű arcképet az eszköz kamerájával.

A mintaalkalmazás JavaScript és a React Natív keretrendszer használatával van megírva. Android- és iOS-eszközökön is üzembe helyezhető.

Előfeltételek

• Azure-előfizetés – Hozzon létre egyet ingyenesen.
• Miután megkapta az Azure-előfizetését, hozzon létre egy Face-erőforrást az Azure Portalon a kulcs és a végpont lekéréséhez. Az üzembe helyezés után válassza az Ugrás az erőforrásra lehetőséget.
  • Az alkalmazás Face API-hoz való csatlakoztatásához szüksége lesz a létrehozott erőforrás kulcsára és végpontjára.

Fontos

Biztonsági szempontok

• A helyi fejlesztéshez és a kezdeti korlátozott teszteléshez elfogadható (bár nem ajánlott eljárás) környezeti változókat használni az API-kulcs és a végpont tárolásához. A próba- és a végső üzembe helyezéshez az API-kulcsot biztonságosan kell tárolni , ami valószínűleg magában foglalja egy köztes szolgáltatás használatát a bejelentkezés során létrehozott felhasználói jogkivonat ellenőrzéséhez.
• Soha ne tárolja az API-kulcsot vagy a végpontot kódban, és ne véglegesítse őket verziókövetési rendszerben (pl. Git). Ha ez véletlenül történik, azonnal létre kell hoznia egy új API-kulcsot/végpontot, és vissza kell vonnia az előzőeket.
• Ajánlott eljárásként fontolja meg külön API-kulcsok használatát a fejlesztéshez és az éles környezethez.

A fejlesztési környezet kialakítása

Android

1. Klónozza a git-adattárat a mintaalkalmazáshoz.

2. A fejlesztési környezet beállításához kövesse a React natív dokumentációját . Válassza a React natív parancssori felületének rövid útmutatóját. Válassza ki a fejlesztési operációs rendszert és az Androidot cél operációs rendszerként. Töltse ki a függőségek és az Android fejlesztői környezet telepítése című szakaszt.

3. Töltse le az előnyben részesített szövegszerkesztőt, például a Visual Studio Code-ot.

4. Kérje le FaceAPI-végpontját és kulcsát az Azure Portalon az erőforrás Áttekintés lapján. Ne jelentkezzen be a Face API-kulcsba a távoli adattárban.

   Figyelmeztetés

   Csak helyi fejlesztéshez és teszteléshez környezeti változóként adhatja meg az API-kulcsot és a végpontot. A végleges üzembe helyezéshez tárolja az API-kulcsot biztonságos helyen, és soha ne a kódban vagy a környezeti változókban. A szolgáltatás hitelesítésének egyéb módjait az Azure AI-szolgáltatások hitelesítési útmutatójában találja.

5. Futtassa az alkalmazást az Android Studio androidos virtuáliseszköz-emulátorával vagy saját Android-eszközével. Az alkalmazás fizikai eszközön való teszteléséhez kövesse a React natív dokumentációját .

iOS

1. Klónozza a git-adattárat a mintaalkalmazáshoz.

2. A fejlesztési környezet beállításához kövesse a React natív dokumentációját . Válassza a React natív parancssori felületének rövid útmutatóját. Válassza ki a macOS-t fejlesztési operációs rendszerként és iOS-t cél operációs rendszerként. Töltse ki a Függőségek telepítése című szakaszt.

3. Töltse le az előnyben részesített szövegszerkesztőt, például a Visual Studio Code-ot. Az Xcode-ot is le kell töltenie.

4. Kérje le FaceAPI-végpontját és kulcsát az Azure Portalon az erőforrás Áttekintés lapján.

   Figyelmeztetés

   Csak helyi fejlesztéshez és teszteléshez környezeti változóként adhatja meg az API-kulcsot és a végpontot. A végleges üzembe helyezéshez tárolja az API-kulcsot biztonságos helyen, és soha ne a kódban vagy a környezeti változókban. A szolgáltatás hitelesítésének egyéb módjait az Azure AI-szolgáltatások hitelesítési útmutatójában találja.

5. Futtassa az alkalmazást egy Xcode-ból származó szimulált eszközzel vagy saját iOS-eszközével. Az alkalmazás fizikai eszközön való teszteléséhez kövesse a React natív dokumentációját .

Az alkalmazás testreszabása a vállalat számára

Most, hogy beállította a mintaalkalmazást, testre szabhatja a saját igényeinek megfelelően.

Előfordulhat például, hogy helyzetspecifikus információkat szeretne hozzáadni a hozzájárulási oldalon:

1. Adjon hozzá további utasításokat az ellenőrzés pontosságának javításához.

   Számos arcfelismerési problémát a gyenge minőségű referenciaképek okoznak. Néhány tényező, amely csökkentheti a modell teljesítményét:

   • Arcméret (a kamerától távol eső arcok)
   • Arc tájolása (az arcok elfordultak vagy el lettek döntve a kamerától)
   • Gyenge fényviszonyok (alacsony fényviszonyok vagy háttérvilágítás), ahol a kép rosszul ki van téve, vagy túl nagy a zaj
   • Elzáródás (részben rejtett vagy akadályozott arcok), beleértve az olyan tartozékokat is, mint a kalapok vagy a vastag gyűrött szemüveg
   • Elmosódás (például gyors arcmozgatás a fénykép készítésekor).

   A szolgáltatás képminőség-ellenőrzéseket biztosít, amelyek segítenek eldönteni, hogy a kép megfelelő minőségű-e a fenti tényezők alapján az ügyfél hozzáadásához vagy az arcfelismerési kísérlethez. Ez az alkalmazás bemutatja, hogyan érheti el a képkockákat az eszköz kamerájából, hogyan észlelheti a minőséget, és hogyan jelenítheti meg a felhasználói felület üzeneteit a felhasználónak, hogy könnyebben rögzíthessenek egy jobb minőségű képet, válassza ki a legmagasabb minőségű kereteket, és adja hozzá az észlelt arcot a Face API szolgáltatáshoz.

   

2. A mintaalkalmazás a felhasználó adatainak törlésére és az olvasási lehetőségre szolgál. Ezeket a műveleteket az üzleti igényeinek megfelelően engedélyezheti vagy letilthatja.

   

   Ha ki szeretné terjeszteni az alkalmazás funkcióit a teljes körű felhasználói élmény érdekében, olvassa el a további implementálandó funkciók és ajánlott eljárások áttekintését .

3. Az adatbázis konfigurálása az egyes személyek azonosítóval való leképezésére

   Az arckép és a felhasználói metaadatok tárolásához adatbázist kell használnia. A társadalombiztosítási szám vagy más egyedi személyazonosító kulcsként használható az arcazonosítójuk kereséséhez.

4. Az előfizetési kulcs és végpont Face service-nek való átadásának biztonságos módjaiért tekintse meg az Azure AI-szolgáltatások biztonsági útmutatóját.

Az alkalmazás üzembe helyezése

Android

Először győződjön meg arról, hogy az alkalmazás készen áll az éles üzembe helyezésre: távolítsa el a kulcsokat vagy titkos kulcsokat az alkalmazás kódjából, és győződjön meg arról, hogy követte a biztonsági ajánlott eljárásokat.

Ha készen áll az alkalmazás éles környezetben való kiadására, létrehoz egy kiadásra kész APK-fájlt, amely az Android-alkalmazások csomagfájl-formátuma. Ezt az APK-fájlt titkos kulccsal kell aláírni. Ezzel a kiadási összeállítással közvetlenül megkezdheti az alkalmazás terjesztését az eszközeire.

A kiadásra való felkészülés dokumentációjában megtudhatja, hogyan hozhat létre titkos kulcsot, hogyan írhat alá egy alkalmazást, és hogyan hozhat létre kiadási APK-t.

Miután létrehozott egy aláírt APK-t, az alkalmazás kiadásával kapcsolatos további információkért tekintse meg az alkalmazás dokumentációjának közzététele című témakört.

iOS

Először győződjön meg arról, hogy az alkalmazás készen áll az éles üzembe helyezésre: távolítsa el a kulcsokat vagy titkos kulcsokat az alkalmazás kódjából, és győződjön meg arról, hogy követte a biztonsági ajánlott eljárásokat. A terjesztésre való felkészüléshez létre kell hoznia egy alkalmazásikont, egy indítási képernyőt, és konfigurálnia kell az üzembehelyezési adatok beállításait. Kövesse az Xcode dokumentációját az alkalmazás terjesztésére való előkészítéséhez.

Ha készen áll az alkalmazás éles környezetben való kiadására, összeállítja az alkalmazás archívumát. Kövesse az Xcode dokumentációját az archív buildek létrehozásáról és az alkalmazás terjesztésének lehetőségeiről.

Következő lépések

Ebben az útmutatóban megtanulta, hogyan állíthatja be a fejlesztési környezetet, és hogyan kezdheti el a mintaalkalmazás használatát. Ha még csak most ismerkedik a React Native szolgáltatással, elolvashatja az első lépéseket ismertető dokumentumaikat, hogy további háttérinformációkat tudjon meg. Hasznos lehet a Face API megismerése is. A fejlesztés megkezdése előtt olvassa el a felhasználók hozzáadásáról szóló további szakaszokat.