Utwórz aplikację do robienia notatek na Androida za pomocą MongoDB Stitch

Na koniec dodaj identyfikator aplikacji Stitch i identyfikator klienta wymieniony w konsoli administracyjnej Stitch jako elementy w pliku strings.xml plik.

YOUR_APP_IDYOUR_CLIENT_ID

5. Tworzenie układów

Użytkownicy mogą korzystać z aplikacji do robienia notatek tylko wtedy, gdy są zalogowani. Dlatego zaraz po otwarciu aplikacji musisz pokazać im przycisk logowania. Najszybszym sposobem na to jest użycie SignInButton widżet w układzie głównej aktywności:

Po pomyślnym zalogowaniu przekierujesz użytkownika do innej aktywności zawierającej element ListView widżet, który będzie wyświetlał notatki użytkownika, oraz FloatingActionButton widget, który użytkownik może nacisnąć, aby utworzyć nową notatkę. Utwórz więc kolejną pustą aktywność i dodaj następujący kod do pliku XML układu:

Każdy element ListView widget będzie notatką. Aby uprościć sprawę, powiedzmy, że układ notatki ma tylko CardView widżet zawierający TextView widget. Utwórz więc nowy plik XML układu o nazwie layout_note.xml i dodaj do niego następujący kod:

6. Wdrażanie logowania przez Google

Gdy użytkownik naciśnie przycisk logowania, musisz zainicjować proces logowania Google. Tak więc w ramach pierwszego działania dodaj do przycisku obsługę zdarzeń po kliknięciu.

Wewnątrz modułu obsługi możesz przejść dalej i utworzyć GoogleSignInOptions obiekt skonfigurowany do używania domyślnych opcji logowania. Ponieważ Twoja aplikacja Stitch, którą można traktować jako serwer zaplecza, musi być również częścią procesu logowania, upewnij się, że wywołasz funkcję requestServerAuthCode() metody i przekaż do niej swój identyfikator klienta. Poniższy kod pokazuje, jak:

val signInOptions =GoogleSignInOptions.Builder( GoogleSignInOptions.DEFAULT_SIGN_IN ).requestServerAuthCode( getString(R.string.google_client_id) ).build()

Możesz teraz utworzyć GoogleSignIn klienta, wywołując getClient() metodę i przekazanie GoogleSignInOptions sprzeciwić się temu jako argumentowi. Korzystając z klienta, możesz łatwo rozpocząć przepływ pracy logowania, pobierając od niego intencję logowania i przekazując ją do funkcji startActivityForResult() działania metoda. Oto jak:

val signInClient =GoogleSignIn.getClient( this@MainActivity, signInOptions)startActivityForResult( signInClient.signIntent, 1 // kod żądania)

Aby otrzymać wynik aktywności, którą właśnie uruchomiłeś, musisz zastąpić onActivityResult() metoda. Wewnątrz będziesz mieć dostęp do nowej Intent obiekt, który możesz przekazać do getSignedInAccountFromIntent() metoda identyfikacji użytkownika.

zastąp zabawę onActivityResult(requestCode:Int, resultCode:Int, data:Intent?) { super.onActivityResult(requestCode, resultCode, data) valsignedInAccount =GoogleSignIn.getSignedInAccountFromIntent(data) // Więcej kodu tutaj}

Jeśli użytkownik nie powiedzie się lub odmówi zalogowania, będziesz mieć teraz wyjątek. Zajmij się tym, wyświetlając informacyjny Toast wiadomość i zamknięcie aplikacji.

if(signedInAccount.exception !=null) { Toast.makeText(to, "Najpierw musisz się zalogować", Toast.LENGTH_LONG).show() finish() return}

Jednak w przypadku pomyślnego zalogowania będziesz mieć dostęp do kodu uwierzytelniającego serwera, którego możesz użyć do utworzenia GoogleCredential obiekt. Przekazując obiekt do loginWithCredential() metody domyślnego klienta Stitch Twojego projektu, możesz zarówno zarejestrować, jak i zalogować użytkownika do swojej aplikacji.

Po pomyślnym zakończeniu metody aplikacja powinna przejść do drugiej aktywności, która zawiera elementy interfejsu użytkownika do wyświetlania notatek i dodawania nowych notatek. Poniższy kod pokazuje, jak to zrobić zwięźle:

Stitch.getDefaultAppClient().auth .loginWithCredential( GoogleCredential(signedInAccount.result.serverAuthCode) ) .addOnSuccessListener { // Otwórz aktywność wyświetlającą notatki startActivity( Intent(this@MainActivity, NotesActivity::class.}java) 

Jeśli teraz utworzysz i uruchomisz aplikację, powinieneś być w stanie zalogować się do niej przy użyciu jednego ze swoich kont Google.

7. Dodawanie notatek

W drugim ćwiczeniu będziesz potrzebować zarówno klienta Stitch, jak i klienta Atlas MongoDB. Pierwsza z nich będzie potrzebna do uzyskania identyfikatora uwierzytelniania użytkownika, a druga do wykonania operacji odczytu i zapisu w klastrze MongoDB Atlas. Dodaj je więc jako prywatne pola działalności.

wartość prywatna stitchClient =Stitch.getDefaultAppClient() wartość prywatna atlasClient =stitchClient.getServiceClient( RemoteMongoClient.factory, "mongodb-atlas" )

Gdy użytkownicy nacisną pływający przycisk akcji, musisz wyświetlić okno dialogowe, które prosi ich o wpisanie swoich notatek. Dzięki bibliotece Material Dialogs, którą dodałeś wcześniej jako zależność, jest to bardzo intuicyjne.

Poniższy kod pokazuje, jak dodać odbiornik po kliknięciu do przycisku i utworzyć podstawowe okno dialogowe wprowadzania:

add_note_button.setOnClickListener { val dialog =MaterialDialog.Builder(this@NotesActivity) .title("Nowa uwaga") .input("Wpisz coś", null, false, { _, note -> // Więcej kodu tutaj } ).build() dialog.show()}

Wewnątrz obsługi zdarzeń okna dialogowego będziesz mieć dostęp do notatki, którą wpisał użytkownik. Aby zapisać ją w swoim klastrze MongoDB Atlas, musisz umieścić ją w nowym dokumencie MongoDB. Dodatkowo, aby upewnić się, że notatka jest widoczna tylko dla użytkownika, który ją utworzył, dokument musi zawierać user_id pole, którego wartość odpowiada identyfikatorowi uwierzytelniania użytkownika. Poniższy kod, który trafia do modułu obsługi zdarzeń, pokazuje, jak utworzyć dokument:

val document =Document()document["text"] =note.toString()document["user_id"] =stitchClient.auth.user!!.id

Teraz, gdy dokument jest gotowy, musisz wstawić go do notes kolekcja, która należy do notes_db Baza danych. Oto jak uzyskać odniesienia do bazy danych i kolekcji oraz użyć funkcji insertOne() metoda wstawienia dokumentu:

val collection =atlasClient.getDatabase("notes_db") .getCollection("notes")collection.insertOne(document).addOnSuccessListener { Toast.makeText(this@NotesActivity, "Zapisano jedną notatkę", Toast.LENGTH_LONG).show ()}

Jeśli teraz uruchomisz aplikację, powinieneś być w stanie tworzyć nowe notatki i zapisywać je.

8. Wyświetlanie notatek

Aby móc wyświetlić notatki utworzone przez użytkownika, musisz najpierw pobrać wszystkie dokumenty z notes kolekcja należąca do użytkownika. Nie musisz jednak pisać złożonego zapytania, aby to zrobić. Z powodu utworzonej wcześniej reguły Stitch automatycznie zapewnia, że ​​każde zapytanie uruchomione w kolekcji zwróci tylko te dokumenty, które są własnością użytkownika.

Utwórz nową metodę wyświetlania notatek.

prywatna zabawa showNotes() { // Więcej kodu tutaj}

Wewnątrz metody możesz bezpośrednio wywołać find() metoda na notes kolekcja, aby utworzyć zapytanie, które może pobrać notatki użytkownika. Aby wykonać zapytanie asynchronicznie, musisz wywołać into() metody i przekaż do niej pustą listę. Wyniki zapytania będą dostępne na liście po pomyślnym zakończeniu.

val notes =mutableListOf()atlasClient.getDatabase("notes_db") .getCollection("notes") .find() .into(notes) .addOnSuccessListener { // Więcej kodu tutaj }

Wewnątrz odbiornika powodzenia musisz teraz utworzyć instancję ArrayAdapter class do renderowania listy notatek. Nie możesz jednak przekazać listy Document obiekty bezpośrednio do konstruktora klasy. Musisz najpierw przekonwertować go na listę String przedmioty. Poniższy kod pokazuje, jak to zrobić za pomocą map() metoda:

val adapter =ArrayAdapter(this@NotesActivity, R.layout.layout_note, R.id.note_text, notes.map { it.getString("text") // Wyodrębnij tylko pole 'text' // każdego dokumentu })

Gdy adapter jest gotowy, możesz go uruchomić, przypisując go do adapter właściwość ListView widget.

notes_container.adapter =adapter

showNotes() metoda jest teraz gotowa. Dodaj do niego wywołanie wewnątrz onCreate() metoda, aby użytkownicy mogli zobaczyć swoje notatki zaraz po otwarciu działania. Co więcej, jeśli chcesz, aby lista wyświetlała nowe notatki zaraz po ich utworzeniu, sugeruję dodanie do niej również wywołania w odbiorniku powodzenia dołączonym do insertOne() metoda.

Dzięki powyższym zmianom, jeśli ponownie uruchomisz aplikację, będziesz mógł zarówno dodawać nowe notatki, jak i przeglądać istniejące.