Logto SDK'sini entegre ederek Expo (React Native) ile bir kullanıcı kimlik doğrulama akışı nasıl oluşturulacağını öğrenin.
Bu öğreticide, Logto SDK'yı entegre ederek Expo (React Native) ile bir kullanıcı kimlik doğrulama akışı oluşturmayı göstereceğiz. Öğreticide programlama dili olarak TypeScript kullanılmaktadır.
Başlamadan önce, aşağıdakilere sahip olduğunuzdan emin olun:
Başlamak için "Yerel" türünde bir Logto uygulaması oluşturun. Bir Logto uygulaması oluşturmak için şu adımları izleyin:
Daha sonra Expo (React Native) uygulamanızla Logto SDK'yı entegre etme sürecinde size yol gösterecek bir etkileşimli kılavuz göreceksiniz. Aşağıdaki içerik gelecekte referans olarak kullanılabilir.
Favori paket yöneticiniz ile Logto SDK ve eş bağımlılıkları yükleyin:
@logto/rn paketi Logto için SDK'dır. Kalan paketler ise onun eş bağımlılıklarıdır. Expo CLI, yerel modüller için tüm bağımlılıkların doğrudan kök projenin package.json dosyasında yüklenmesini gerektirdiği için bunlar doğrudan bağımlılık olarak listelenememiştir.
Bir Logto bağlamı sağlamak için LogtoProvider'ı içe aktarın ve kullanın:
Logto Konsolu'nun uygulama detayları sayfasına geçin. Yerel bir yönlendirme URI'si ekleyin (örneğin, io.logto://callback), ardından "Kaydet"e tıklayın.
iOS için, yönlendirme URI'si şeması pek önemli değildir çünkü ASWebAuthenticationSession sınıfı, kayıtlı olup olmadığından bağımsız olarak yönlendirme URI'sini dinleyecektir.
Android için, yönlendirme URI'si şeması Expo'nun app.json dosyasında doldurulmalıdır, örneğin:
Şimdi uygulamanıza geri dönün, oturum açmak ve oturumu kapatmak için useLogto kancasını kullanabilirsiniz:
Kullanıcı bilgilerini görüntülemek için getIdTokenClaims() yöntemini kullanabilirsiniz:
Şimdi uygulamayı çalıştırabilir ve Logto ile giriş/çıkış yapmayı deneyebilirsiniz:
Entegrasyon sırasında herhangi bir sorunla karşılaşırsanız, topluluk ve Logto ekibiyle sohbet etmek için Discord sunucumuza katılmaktan çekinmeyin!