ReactNativeAuth

Bereaksi aplikasi otentikasi asli

Aliran otentikasi pengguna lengkap untuk aplikasi seluler dengan React Native, Expo, AWS Amplify, React-Navigation, dan Native-Base.

Ringkasan

Teknologi yang digunakan dalam aplikasi ini adalah sebagai berikut:

• Navigasi dilakukan dengan: reaksi-navigasi.

• Ujung Depan: Expo.

• Tata letak: basis asli.

• Back End: AWS Amplify.

Aliran otentikasi

• Pengguna dibawa ke layar selamat datang.

• Pengguna dapat mendaftar, masuk, meminta perubahan kata sandi, menavigasi antar layar.

• Input telepon internasional termasuk dalam layar pendaftaran.

• Pengguna diarahkan ke layar beranda setelah masuk.

• Pengguna dapat menavigasi di antara layar menggunakan Navigator tab Bawah atau Laci Navigator.

• Pengguna terus masuk sampai mereka keluar dari aplikasi.

Prasyarat

• Expo Cli

  • npm install -g expo-cli

• Akun AWS

• Node JS dengan NPM

• AWS memperkuat CLI

  • npm install -g @aws-amplify/cli
  • amplify configure (tautan untuk video langkah demi langkah).

Mengkonfigurasi proyek

1. Klone repo ini ke mesin lokal Anda.

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

cd ReactNativeAuth

2. Inisialisasi proyek AWS Amplify.

 amplify init

Ikuti instruksi yang sama seperti di bawah ini.

3. Konfigurasikan kumpulan pengguna Amazon Cognito untuk menyimpan kredensial pengguna.

 amplify add auth

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

4. Saatnya menggunakan proyek Anda ke AWS.

 amplify push

Are you sure you want to continue? Yes

Setelah beberapa menit operasi otomatis, Amplify CLI akan membuat kumpulan pengguna Amazon Cognito dan kumpulan identitas untuk menyimpan krendensial pengguna.

Menjalankan aplikasi

1. Instal dependensi klien.

 yarn

# or

npm install

2. Luncurkan aplikasi React Native di simulator Anda di bawah direktori proyek Anda.

 expo start --ios

# or

expo start --android

Tutorial langkah demi langkah

• Serangkaian artikel lengkap yang merinci proses pembangunan aplikasi ini dapat ditemukan di sini.

• Video demo dari aliran otentikasi ditemukan di sini.