Zopher

رد فعل تطبيق Twitter الأصلي مع AWS Amplify and Expo

يدمج هذا المشروع الواجهة الأمامية لمصادقة AWS AWS التي تحتوي على مصادقة للمستخدم (AWS Cognito) و API GraphQL (AWS APPSYNC) لعمليات CRUD بين العميل وقاعدة البيانات (Amazon DynamodB).

نظرة عامة على التطبيق

• يمكن للمستخدمين التسجيل/الدخول إلى التطبيق.

• يمكن للمستخدمين إنشاء منشورات عن طريق الضغط على زر إضافة ، والكتابة داخل الوسائط ، والضغط على إرسال.

• يمكن للمستخدمين الإعجاب/على عكس المنشورات.

• يمكن للمستخدمين حذف منشوراتهم الخاصة.

• يمكن للمستخدمين تحديث موجز المنشورات بواسطة:

  • الضغط على زر إعادة التحميل.
  • أداء السحب إلى الحفر.

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

• معرض 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/Zopher.git

cd Zopher

2. أضف AWS Amplify التبعيات إلى مشروعك.

 yarn add aws-amplify aws-amplify-react-native

# or

npm install aws-amplify aws-amplify-react-native

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

 amplify init

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

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

 amplify add auth

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

5. أضف خدمة API لاستخدام GraphQL وتخزين البيانات في Amazon Dynammodb.

 amplify add api

اتبع التكوين أدناه.

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

 amplify push

بعد بضع دقائق من العمليات الآلية ، سيقوم Amplify CLI بإنشاء مجموعة مستخدمين من Amazon Cognito ومجموعة الهوية لتخزين المستخدمين Crendentials و AWS AppSync GraphQL API للسماح بتوصيل عمليات CRUD بين العميل والخوادم.

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

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

 yarn

# or

npm install

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

 expo start --ios

# or

expo start --android

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

• تحقق من عملية الإعداد الكاملة في القصة المتوسطة
• رابط الفيديو للعروض التوضيحية هنا.