Implementasi Fitur Masuk dan Daftar di Aplikasi Android
20 mnt
tutorial login dan pendaftaran pengguna pendahuluan dalam bagian ini kita akan melihat cara membuat aplikasi dengan pendaftaran pengguna sederhana menggunakan fitur inti parse server https //www back4app com/product/parse server melalui back4app tutorial ini menggunakan aplikasi dasar yang dibuat di android studio 4 1 1 dengan \<font color="#2166ae">buildtoolsversion=30 0 2\</font> , \<font color="#2166ae">compile sdk version = 30 0 2\</font> dan \<font color="#2166ae">targetsdkversion 30\</font> kapan saja, anda dapat mengakses proyek android lengkap yang dibangun dengan tutorial ini di repositori github kami repositori contoh kotlin https //github com/templates back4app/android parse sdk kotlin repositori contoh java https //github com/templates back4app/android parse sdk java tujuan kita akan belajar bagaimana cara masuk dan mendaftar menggunakan parse berikut adalah pratinjau tentang apa yang akan kita capai prasyarat untuk menyelesaikan tutorial ini, kita perlu android studio https //developer android com/studio/index html sebuah aplikasi yang dibuat di back4app catatan ikuti tutorial aplikasi parse baru https //www back4app com/docs/get started/new parse app untuk belajar cara membuat aplikasi parse di back4app sebuah aplikasi android yang terhubung ke back4app catatan ikuti tutorial instalasi sdk parse https //www back4app com/docs/android/parse android sdk untuk membuat proyek android studio yang terhubung ke back4app sebuah perangkat (atau perangkat virtual https //developer android com/studio/run/managing avds html ) yang menjalankan android 4 1 (jelly bean) atau yang lebih baru 1 impor perpustakaan dalam langkah ini kita akan mengimpor perpustakaan yang akan kita gunakan dalam proyek kita kita akan menambahkan kelas parse berikut ke dalam aktivitas kita 1 import com parse parse ; 2 import com parse parseexception ; 3 import com parse parseuser ; 2\ kami akan sering menggunakan fungsi lambda dalam proyek kami, oleh karena itu kami perlu menambahkan java 1 8 ke proyek kami melalui build gradle(module\ app) 1 compileoptions { 2 sourcecompatibility javaversion version 1 8 3 targetcompatibility javaversion version 1 8 4 } 2 daftar mendaftar pada dasarnya membuat objek parse user baru di kelas pengguna, yang ditampilkan sebagai “pengguna” di aplikasi anda \<font color="#2166ae">dasbor\</font> kami perlu menetapkan setidaknya dua properti saat membuat pengguna baru => \<font color="#2166ae">parseuser setusername()\</font> dan \<font color="#2166ae">parseuser setpassword()\</font> metode yang digunakan untuk menyimpan pengguna baru di android adalah \<font color="#2166ae">parseuser signupinbackground()\</font> , yang mungkin disertai dengan fungsi callback catatan objek dari kelas khusus ini tidak disimpan di \<font color="#2166ae">dasbor\</font> dengan \<font color="#2166ae">parseobject save()\</font> metode untuk membuat \<font color="#2166ae">signupactivity\</font> berfungsi, ikuti langkah langkah berikut impor 1 impor com parse signupcallback ; ke dalam \<font color="#2166ae">signupactivity\</font> , selain dari ketergantungan yang diimpor di langkah 1 2\ untuk menerapkan pendaftaran pengguna, cukup gunakan kode berikut di \<font color="#2166ae">oncreate()\</font> metode 1 parseuser user = new parseuser(); 2 // set the user's username and password, which can be obtained by a forms 3 user setusername( "\<your username here>"); 4 user setpassword( "\<your password here>"); 5 user signupinbackground(new signupcallback() { 6 @override 7 public void done(parseexception e) { 8 if (e == null) { 9 showalert("successful sign up!", "welcome" + "\<your username here>" +"!"); 10 } else { 11 parseuser logout(); 12 toast maketext(signupactivity this, e getmessage(), toast length long) show(); 13 } 14 } 15 });1 val user = parseuser(); 2 // set the user's username and password, which can be obtained by a forms 3 user setusername("\<your username here>"); 4 user setpassword("\<your password here>"); 5 user signupinbackground(signupcallback() { 6 if (it == null) { 7 showalert("successful sign up!", "welcome" + "\<your username here>" + "!"); 8 } else { 9 parseuser logout(); 10 toast maketext(this, it message, toast length long) show(); 11 } 12 }); dalam proyek contoh, kode ini ditempatkan di dalam callback tombol \<font color="#2166ae">daftar\</font> juga, nama pengguna dan kata sandi ditangkap menggunakan edit teks 3\ menarik untuk menambahkan metode tambahan untuk menampilkan dialog peringatan dan membuat proses terlihat lebih profesional metode di bawah ini melakukan ini 1 private void showalert(string title,string message){ 2 alertdialog builder builder = new alertdialog builder(signupactivity this) 3 settitle(title) 4 setmessage(message) 5 setpositivebutton("ok", new dialoginterface onclicklistener() { 6 @override 7 public void onclick(dialoginterface dialog, int which) { 8 dialog cancel(); 9 // don't forget to change the line below with the names of your activities 10 intent intent = new intent(signupactivity this, logoutactivity class); 11 intent addflags(intent flag activity clear task | intent flag activity new task); 12 startactivity(intent); 13 } 14 }); 15 alertdialog ok = builder create(); 16 ok show(); 17 }1 private fun showalert(title string, message string) { 2 val builder = alertdialog builder(this) 3 settitle(title) 4 setmessage(message) 5 setpositivebutton("ok") { dialog, which > 6 dialog cancel() 7 // don't forget to change the line below with the names of your activities 8 val intent = intent(this, logoutactivity class java) 9 intent addflags(intent flag activity clear task or intent flag activity new task) 10 startactivity(intent) 11 } 12 val ok = builder create() 13 ok show() 14 } 3 masuk masuk membuat objek sesi, yang menunjuk ke pengguna yang masuk jika login berhasil, \<font color="#2166ae">parseuser getcurrentuser()\</font> mengembalikan objek pengguna, dan objek sesi yang dibuat di \<font color="#2166ae">dasbor\</font> jika tidak, jika nama pengguna target tidak ada, atau kata sandi salah, itu mengembalikan null metode yang digunakan untuk melakukan tindakan login adalah \<font color="#2166ae">parseuser logininbackground()\</font> , yang memerlukan sebanyak argumen sebagai string nama pengguna dan kata sandi, dan dapat memanggil fungsi callback catatan setelah mendaftar, login dilakukan secara otomatis untuk membuat \<font color="#2166ae">loginactivity\</font> berfungsi, ikuti langkah langkah ini impor ke dalam \<font color="#2166ae">loginactivity\</font> , selain dari ketergantungan yang diimpor di langkah 1 1 import com parse logincallback ; 2\ untuk mengimplementasikan fungsi login pengguna, cukup gunakan kode 1 private void login(string username, string password) { 2 progressdialog show(); 3 parseuser logininbackground(username, password, (parseuser, e) > { 4 progressdialog dismiss(); 5 if (parseuser != null) { 6 showalert("successful login", "welcome back " + username + " !"); 7 } else { 8 parseuser logout(); 9 toast maketext(loginactivity this, e getmessage(), toast length long) show(); 10 } 11 }); 12 }1 fun login(username string, password string) { 2 progressdialog? show() 3 parseuser logininbackground(username,password) { parseuser parseuser?, parseexception parseexception? > 4 progressdialog? dismiss() 5 if (parseuser != null) { 6 showalert("successful login", "welcome back " + username + " !") 7 } else { 8 parseuser logout() 9 if (parseexception != null) { 10 toast maketext(this, parseexception message, toast length long) show() 11 } 12 } 13 } 14 } dalam proyek contoh, kode ini ditempatkan di dalam \<font color="#2166ae">log in\</font> callback tombol juga, nama pengguna dan kata sandi diambil menggunakan edit teks metode \<font color="#2166ae">showalert\</font> adalah sama dengan yang anda tambahkan di \<font color="#2166ae">signupactivity\</font> , jangan lupa untuk mengubah \<font color="#2166ae">intent\</font> argumennya metode \<font color="#2166ae">showalert\</font> adalah sama dengan yang anda tambahkan di \<font color="#2166ae">signupactivity\</font> , jangan lupa untuk mengubah \<font color="#2166ae">intent\</font> argumennya metode \<font color="#2166ae">showalert\</font> adalah sama dengan yang anda tambahkan di \<font color="#2166ae">signupactivity\</font> , jangan lupa untuk mengubah \<font color="#2166ae">intent\</font> argumennya metode \<font color="#2166ae">showalert\</font> adalah sama dengan yang anda tambahkan di \<font color="#2166ae">signupactivity\</font> , jangan lupa untuk mengubah \<font color="#2166ae">intent\</font> argumennya metode \<font color="#2166ae">showalert\</font> adalah sama dengan yang anda tambahkan di \<font color="#2166ae">signupactivity\</font> , jangan lupa untuk mengubah \<font color="#2166ae">intent\</font> argumennya 4 keluar keluar menghapus objek sesi aktif untuk pengguna yang keluar metode yang digunakan untuk melakukan keluar adalah \<font color="#2166ae">parseuser logoutinbackground()\</font> untuk mengimplementasikan keluar pengguna, cukup gunakan kode di bawah ini, di \<font color="#2166ae">logoutactivity\</font> 1 parseuser logoutinbackground(e > { 2 progressdialog dismiss(); 3 if (e == null) 4 showalert("so, you're going ", "ok bye bye then"); 5 });1 fun login(username string, password string) { 2 progressdialog? show() 3 parseuser logininbackground(username,password) { parseuser parseuser?, parseexception parseexception? > 4 progressdialog? dismiss() 5 if (parseuser != null) { 6 showalert("successful login", "welcome back " + username + " !") 7 } else { 8 parseuser logout() 9 if (parseexception != null) { 10 toast maketext(this, parseexception message, toast length long) show() 11 } 12 } 13 } 14 } dalam proyek contoh, kode ini ditempatkan di dalam callback tombol \<font color="#2166ae">keluar\</font> metode \<font color="#2166ae">showalert\</font> adalah sama yang kamu tambahkan di \<font color="#2166ae">loginactivity\</font> dan \<font color="#2166ae">signupactivity\</font> , jangan lupa untuk mengubah argumen \<font color="#2166ae">intent\</font> nya 5 uji aplikasi anda jalankan aplikasi anda dan buat beberapa pengguna, juga coba masuk lagi setelah mendaftarkan mereka masuk di situs web back4app https //www back4app com/ temukan aplikasi anda dan klik \<font color="#2166ae">dasbor\</font> > \<font color="#2166ae">inti\</font> > \<font color="#2166ae">peramban\</font> > \<font color="#2166ae">pengguna\</font> pada titik ini, anda harus melihat pengguna anda seperti yang ditampilkan di bawah catatan menggunakan kode yang ditampilkan di atas, setiap kali anda masuk dengan pengguna, sebuah \<font color="#2166ae">sesi\</font> dibuka di \<font color="#2166ae">dasbor\</font> , tetapi ketika pengguna keluar, \<font color="#2166ae">sesi\</font> tertentu itu berakhir juga, setiap kali terjadi upaya masuk atau pendaftaran yang tidak berhasil, \<font color="#2166ae">sesi\</font> yang dibuka di parse server \<font color="#2166ae">dasbor\</font> dihapus selesai! selamat! sekarang anda dapat masuk, mendaftar, atau keluar dari aplikasi anda menggunakan fitur inti parse server melalui back4app!