تعلم كيفية بناء تدفق مصادقة المستخدم باستخدام Expo (React Native) من خلال دمج Logto SDK.
في هذا الدليل، سنوضح لك كيفية بناء تدفق مصادقة المستخدم باستخدام Expo (React Native) عبر دمج Logto SDK. يستخدم الدليل لغة البرمجة TypeScript.
قبل أن تبدأ، تأكد من توفر ما يلي:
لبدء العمل، قم بإنشاء تطبيق Logto من نوع "Native". اتبع هذه الخطوات لإنشاء تطبيق Logto:
بعد ذلك، يجب أن ترى دليلاً تفاعليًا يرشدك خلال عملية دمج Logto SDK مع تطبيق Expo (React Native) الخاص بك. يمكن أن يكون المحتوى التالي مرجعًا للاستخدام في المستقبل.
قم بتثبيت Logto SDK والتبعيات النظيرة عبر مدير الحزم المفضل لديك:
حزمة @logto/rn هي SDK لـ Logto. أما الحزم المتبقية فهي التبعيات النظيرة لها. لا يمكن إدراجها كتبعيات مباشرة لأن CLI لـ Expo يتطلب تثبيت جميع التبعيات للوحدات الأصلية مباشرة ضمن package.json في مشروع الجذر.
استورد واستخدم LogtoProvider لتوفير سياق Logto:
انتقل إلى صفحة تفاصيل التطبيق في وحدة التحكم Logto. أضف URI إعادة توجيه أصلي (على سبيل المثال، io.logto://callback)، ثم انقر على "حفظ".
بالنسبة لـ iOS، لا يهم نظام URI إعادة التوجيه فعليًا نظرًا لأن فصل ASWebAuthenticationSession سوف يستمع إلى URI إعادة التوجيه بغض النظر عما إذا كان مسجلاً أم لا.
بالنسبة لـ Android، يجب ملء نظام URI إعادة التوجيه في ملف app.json الخاص بـ Expo، على سبيل المثال:
الآن في العودة إلى تطبيقك، يمكنك استخدام الخطاف useLogto لتسجيل الدخول وتسجيل الخروج:
لعرض معلومات المستخدم، يمكنك استخدام طريقة getIdTokenClaims():
الآن يمكنك تشغيل التطبيق ومحاولة تسجيل الدخول/الخروج باستخدام Logto:
إذا واجهت أي مشاكل أثناء عملية الدمج، لا تتردد في الانضمام إلى خادم Discord الخاص بنا للدردشة مع المجتمع وفريق Logto!