ReactNativeAuth

رد فعل المصادقة الأصلية

إكمال تدفق مصادقة المستخدم لتطبيقات الهاتف المحمول مع React Native ، Expo ، AWS Amplify ، React-Navigation ، و Native-Base.

ملخص

التقنيات المستخدمة في هذا التطبيق هي ما يلي:

• يتم التنقل مع: React-Navigation.

• الواجهة الأمامية: المعرض.

• التصميم: القاعدة الأصلية.

• النهاية الخلفية: AWS تضخيم.

تدفق المصادقة

• يتم نقل المستخدمين إلى شاشة الترحيب.

• يمكن للمستخدمين التسجيل ، وتسجيل الدخول ، وطلب تغيير كلمة المرور ، والتنقل بين الشاشات.

• يتم تضمين إدخال الهاتف الدولي في شاشة التسجيل.

• يتم إعادة توجيه المستخدمين إلى الشاشة الرئيسية بعد تسجيل الدخول.

• يمكن للمستخدمين التنقل بين الشاشات باستخدام Navigator Bottom Tab أو Drawer Navigator.

• يتم الاحتفاظ بالمستخدمين الذين يقومون بتسجيل الدخول حتى يخرجوا من التطبيق.

المتطلبات الأساسية

• معرض CLI

  • npm install -g expo-cli

• حساب AWS

• العقدة JS مع NPM

• AWS تضخيم CLI

  • npm install -g @aws-amplify/cli
  • amplify configure (رابط لخطوة بخطوة الفيديو).

تكوين المشروع

1. استنساخ هذا الريبو إلى جهازك المحلي.

 git clone https://github.com/yhenni1989/ReactNativeAuth.git

cd ReactNativeAuth

2. قم بتهيئة مشروع AWS Amplify.

 amplify init

اتبع نفس التعليمات على النحو التالي.

3. تكوين مجموعة مستخدمين Amazon Cognito لتخزين بيانات اعتماد المستخدمين.

 amplify add auth

# When prompt, choose: Yes, use the default configuration.

4. حان الوقت لنشر مشروعك على AWS.

 amplify push

Are you sure you want to continue? Yes

بعد بضع دقائق من العمليات الآلية ، سيقوم Amplify CLI بإنشاء تجمع مستخدم Amazon Cognito ومجموعة هوية لتخزين المستخدمين.

تشغيل التطبيق

1. تثبيت تبعيات العميل.

 yarn

# or

npm install

2. قم بتشغيل تطبيق React Native في جهاز المحاكاة الخاص بك ضمن دليل المشروع الخاص بك.

 expo start --ios

# or

expo start --android

تعليمي خطوة بخطوة

• يمكن العثور على سلسلة كاملة من المقالات التي تفصل عملية بناء هذا التطبيق هنا.

• تم العثور على فيديو تجريبي لتدفق المصادقة هنا.