Flutter
...
Authentication
Kueri Pengguna di Parse dengan Flutter SDK
11 mnt
menanyakan pengguna di parse pada flutter pendahuluan beberapa aplikasi perlu mengelola pengguna secara langsung atau dapat melihat daftar pengguna parse memiliki alat kueri dan dapat digunakan untuk mencantumkan pengguna aplikasi anda dalam panduan ini, anda akan belajar bagaimana menggunakan parsequery untuk melakukan kueri pengguna di aplikasi flutter anda menggunakan plugin flutter untuk parse server tujuan untuk membangun fitur kueri pengguna menggunakan parse untuk aplikasi flutter prasyarat untuk menyelesaikan tutorial ini, anda akan membutuhkan https //flutter dev/docs/get started/install https //developer android com/studio atau https //code visualstudio com/ (dengan https //docs flutter dev/get started/editor dart dan flutter) sebuah aplikasi https //www back4app com/docs/get started/new parse app di back4app catatan ikuti https //www back4app com/docs/get started/new parse app untuk belajar cara membuat aplikasi parse di back4app sebuah aplikasi flutter yang terhubung ke back4app catatan ikuti https //www back4app com/docs/flutter/parse sdk/parse flutter sdk untuk membuat proyek flutter yang terhubung ke back4app sebuah perangkat (atau perangkat virtual) yang menjalankan android atau ios memahami aplikasi query pengguna untuk lebih memahami proses query pengguna, kita akan membuat sebuah aplikasi untuk melakukan query kami tidak akan menjelaskan kode aplikasi flutter karena fokus utama panduan ini adalah menggunakan flutter dengan parse dengan mengikuti langkah langkah berikut, anda akan membangun aplikasi todo yang akan menyimpan tugas di database back4app mari kita mulai! dengan mengikuti langkah langkah berikut, anda akan dapat membangun aplikasi sign yang akan membuat akun pengguna di database back4app 1 buat template aplikasi query pengguna buka proyek flutter anda dari panduan sebelumnya plugin flutter untuk parse server pergi ke main dart main dart file, bersihkan semua kode, dan ganti dengan 1 import 'dart\ async'; 2 3 import 'package\ flutter/material dart'; 4 import 'package\ parse server sdk flutter/parse server sdk dart'; 5 6 void main() async { 7 widgetsflutterbinding ensureinitialized(); 8 9 final keyapplicationid = 'your app id here'; 10 final keyclientkey = 'your client key here'; 11 final keyparseserverurl = 'https //parseapi back4app com'; 12 13 await parse() initialize(keyapplicationid, keyparseserverurl, 14 clientkey keyclientkey, debug true); 15 16 runapp(materialapp( 17 home home(), 18 )); 19 } 20 21 class home extends statefulwidget { 22 @override 23 homestate createstate() => homestate(); 24 } 25 26 class homestate extends state\<home> { 27 final scaffoldkey = globalkey\<scaffoldstate>(); 28 29 @override 30 widget build(buildcontext context) { 31 return scaffold( 32 appbar appbar( 33 title text("parse query users"), 34 backgroundcolor colors blueaccent, 35 centertitle true, 36 ), 37 key scaffoldkey, 38 body futurebuilder\<list\<parseobject>>( 39 future douserquery(), 40 builder (context, snapshot) { 41 switch (snapshot connectionstate) { 42 case connectionstate none 43 case connectionstate waiting 44 return center( 45 child container( 46 width 100, 47 height 100, 48 child circularprogressindicator()), 49 ); 50 default 51 if (snapshot haserror) { 52 return center( 53 child text("error ${snapshot error tostring()}"), 54 ); 55 } else { 56 if (snapshot data! isempty) { 57 return center( 58 child text('none user found'), 59 ); 60 } 61 62 return listview\ builder( 63 padding edgeinsets only(top 10 0), 64 itemcount snapshot data! length, 65 itembuilder (context, index) { 66 final user = snapshot data!\[index] as parseuser; 67 final userverified = user emailverified ?? false; 68 return listtile( 69 title text( 70 'username ${user username} verified ${userverified tostring()}'), 71 subtitle text(user createdat tostring()), 72 ); 73 }); 74 } 75 } 76 })); 77 } 78 79 future\<list\<parseobject>> douserquery() async { 80 return \[]; 81 } 82 } 83 ketika debug debug parameter dalam fungsi parse() initialize parse() initialize adalah true true , memungkinkan menampilkan panggilan api parse di konsol konfigurasi ini dapat membantu dalam debugging kode disarankan untuk menonaktifkan debug dalam versi rilis 2 hubungkan template ke proyek back4app temukan id aplikasi dan kredensial kunci klien anda dengan menavigasi ke dasbor aplikasi anda di https //www back4app com/ perbarui kode anda di main dart main dart dengan nilai applicationid dan clientkey proyek anda di back4app keyapplicationid = id aplikasi keyclientkey = kunci klien jalankan proyek, dan aplikasi akan dimuat seperti yang ditunjukkan dalam gambar 3 kode untuk kuery pengguna setiap operasi kueri parse menggunakan tipe objek parsequery parsequery , yang akan membantu anda mengambil data spesifik dari database anda di seluruh aplikasi sebuah parsequery parsequery hanya akan terpecahkan setelah memanggil metode ambil, jadi anda dapat menyiapkan kueri dan menghubungkan beberapa modifikatornya sebelum mengirimkan metode ambil untuk membuat parsequery parsequery , anda perlu melewatkan sebagai parameter subclass parseobject parseobject yang diinginkan, yang akan berisi hasil kueri anda anda dapat melihat contoh kueri pengguna di bawah ini menggunakan kode yang disediakan, temukan fungsi douserquery douserquery dalam file main dart main dart ganti kode di dalam douserquery douserquery dengan 1 querybuilder\<parseuser> queryusers = 2 querybuilder\<parseuser>(parseuser forquery()); 3 final parseresponse apiresponse = await queryusers query(); 4 5 if (apiresponse success && apiresponse results != null) { 6 return apiresponse results as list\<parseobject>; 7 } else { 8 return \[]; 9 } untuk membangun fungsi ini, ikuti langkah langkah berikut buat sebuah instance dari parsequery parsequery kelas dan pass sebagai parameter ke parseuser forquery parseuser forquery panggil query query fungsi yang akan mengeksekusi query terhadap database jika operasi berhasil, akan mengembalikan daftar parseuser parseuser objek jika operasi tidak menemukan objek, properti success akan false, dan hasilnya adalah null kode lengkapnya harus terlihat seperti ini 1 future\<list\<parseobject>> douserquery() async { 2 querybuilder\<parseuser> queryusers = 3 querybuilder\<parseuser>(parseuser forquery()); 4 final parseresponse apiresponse = await queryusers query(); 5 6 if (apiresponse success && apiresponse results != null) { 7 return apiresponse results as list\<parseobject>; 8 } else { 9 return \[]; 10 } 11 } anda juga dapat mencoba untuk mengambil satu pengguna menggunakan struktur berikut user? get("username"); untuk mengujinya, klik pada tombol jalankan jalankan di android studio/vscode setelah melakukan query ini, daftar pengguna anda di aplikasi anda harus menunjukkan sesuatu seperti ini selesai! di akhir panduan ini, anda telah belajar bagaimana melakukan query pada pengguna parse di flutter