Huawei Kitleri ile React Native 1: Account Kit, Map Kit

Selamlar bu yazı dizimizde Huawei Kitlerini kullanarak React Native projesi geliştireceğiz. Şimdi akıllarınızda bir soru var "Huawei Kitlerini biz sadece Native Android projesinde kullanmıyor muyduk?" diyeceksiniz ancak Huawei Kitleri'nin bir kısmını React Native desteklemekte 🥳 Özetle React Native projelerimizin android bölümünde bu kitleri kullanabilceğiz 🥳 Öncelikle her işin başı olan "react-native init" diyerek başlayalım =)


Şimdi kitlerimizi eklemek için sizi bu sayfaya alalım =>https://www.npmjs.com/~hmscore

Bu sayfa Huawei'nin resmi React-Native, Cordova paket sayfası. Buradan paketleri inceleyip gerekli direktiflere göre yüklemeyi gerçekleştirebilirsiniz. Bugün basit bir login ekranı oluşturacağız bunun yanı sıra projemize Account Kit ve Map Kit'i entegre edeceğiz.


⚠️Ama her şeyden önce Huawei Developer hesabınızın olması gerekiyor.

⚠️AppGallery Connect'e giriş yaptıktan sonra Android application olarak uygulamanızın gerekli bilgilerini giriniz (paket adı, SHA-256) gibi. Bu key'i almak için sizleri bu sayfaya yönlendirmek istiyorum 🔗

⚠️Aynı zamanda HMS Core gradle'larını eklemeniz gerekiyor bunun içinse 🔗

⚠️AppGallery Connect'te ilk öncelikle New Project'ten proje oluşturmanız gerekmekte daha sonrasında gerekli bilgileri ekledikten sonra solda yer alan build'e tıklayarak Account Kit'imizi aktive etmemiz gerekiyor:


Account Kit'imizi aktive ettiğimize göre artık .json dosyamızı indirebiliriz.


Bunları oluşturduktan sonra .json dosyamızı indirip Android klasöründe app dizinine atmamız gerekiyor. Daha detaylı k