[SWIFT] Ich habe versucht, eine LINE-Klon-App zu erstellen
Einführung
Ich habe eine LINE-Klon-App erstellt, um die Grundkenntnisse von Firebase und der Chat-Funktion zu erlernen. Da es keinen bestimmten Ort für die Ausgabe gab, werde ich ihn als Zusammenfassung des Lernens und als Einführung in die erstellte Anwendung veröffentlichen. Bitte lesen Sie, wenn Sie interessiert sind.
In Verbindung stehender Artikel
Ich habe auf die folgende YouTube-Videoserie verwiesen. https://www.youtube.com/watch?v=XandgrGiV-8&list=PLJGQf09UDweLB6NGPoYnNL7j_z0Rzkpgr
Außerdem habe ich hier auf die Organisation der Artikel verwiesen.
App erstellt
:octocat: GitHub https://github.com/ayukin/ChatApp
――Es ist ein persönliches Hobby, aber ich habe versucht, die Benutzeroberfläche des Bildschirms so nah wie möglich an LINE zu bringen.
- Farben sind mit der Erweiterung "Farbauswahl" von "Google Chrome" leicht zu finden.
Funktionseinführung
1. 1. Anmelden
--Das Profilbild ist jetzt aus der Fotobibliothek ausgewählt. Es war möglich, die "Kamera" zu starten, aber ich habe sie weggelassen, weil ich nicht daran dachte, den Betrieb auf der tatsächlichen Maschine zu überprüfen.
- Wenn "E-Mail-Adresse", "Passwort" und "Benutzername" eingegeben werden, ist eine neue Registrierung möglich.
- Es wurde geändert, um "UIActivityIndicatorView" zum Zeitpunkt des neuen Registrierungsprozesses und "UIAlertController" zum Zeitpunkt des Registrierungsfehlers anzuzeigen.
2. Einloggen
- Sie können sich anmelden, wenn die "E-Mail-Adresse" und das "Passwort" eingegeben wurden.
- Geändert, um "UIActivityIndicatorView" zum Zeitpunkt der Anmeldeverarbeitung und "UIAlertController" zum Zeitpunkt des Anmeldefehlers anzuzeigen.
3. 3. Anzeige / Erstellung des Gesprächsraums
- Der "Benutzername", das "Profilbild" und der "neueste Nachrichteninhalt und die Posting-Zeit" des Gesprächspartners werden in der Zelle angezeigt.
- Beim Erstellen eines Gesprächsraums wird der "angemeldete Benutzer" nicht angezeigt.
4. Echtzeit-Chat-Funktion
addSnapshotListenerhinzugefügt, um in Echtzeit zu aktualisieren. ――Ich habe darüber nachgedacht, die "tableView" zu invertieren und unten anzuzeigen, aber ich habe sie nicht verwendet, da oben ein Leerzeichen erstellt wird, wenn die Anzahl der Nachrichten gering ist.
5. Anmelden Benutzerinformationen anzeigen / abmelden
- Ich habe es eingerichtet, weil die angemeldeten Benutzerinformationen nirgendwo angezeigt wurden. Der Inhalt ist nur die Information des angemeldeten Benutzers wird vom Firestore erfasst und angezeigt.
- Dies ist der Abmeldevorgang für "Auth.auth (). SignOut ()". Nachdem die Abmeldung abgeschlossen ist, wechselt der Bildschirm zum Talkroom-Bildschirm, der der Hauptbildschirm ist, und nachdem der Authentifizierungsstatus des Benutzers ermittelt wurde, wechselt der Bildschirm zum Anmeldebildschirm.
6. Firestore-Datenstruktur
Technische Elemente
1. 1. die Architektur
Ich war mir der Architektur noch nie bewusst, deshalb habe ich mich dieses Mal für MVC entschieden.
MVC
--Modell: Behandelt Datenkommunikation, Speicherung, Geschäftslogik usw.
- Ansicht ・ ・ ・ Bildschirmzeichnung
--Controller ・ ・ ・ Umschreiben von
ModelundViewals Reaktion auf den Benutzerbetrieb
2. Bibliothek
- Wird für "Benutzerauthentifizierung", "Bild speichern", "Benutzerinformationen speichern", "Nachrichteninformationen speichern" verwendet.
- Wird für "neuen Registrierungsbildschirm" und "Anmeldebildschirm" verwendet. ――Es ist einfach zu installieren, es macht es einfach, mehrere "TextField" -Cursor zu verschieben, und es erkennt automatisch Interferenzen mit der Tastatur, so dass ich der Meinung war, dass es eine sehr gute Bibliothek war.
3. 3. Andere
- Ich habe "CocoaPods" für die Bibliotheksverwaltung und "GitHub" für die Quellcodeverwaltung verwendet.
Was mir bewusst war
1. 1. MVC Verantwortungsbereich
Teilen Sie die Verantwortlichkeiten von "Model", "View" und "Controller" in "FatViewController" auf, während Sie das Wissen über Design im Buch iOS App Design Pattern vertiefen Ich habe versucht, nicht zu werden.
2. Kenntnis von Variablennamen und Methodennamen
Obwohl es eine rudimentäre Sache ist, ist es beim Lesen eines Artikels, auf den in einer Anfängerbewertung hingewiesen zu werden scheint, schwierig zu verstehen, "Variablenname" und welche Art von Verarbeitung "Methodenname" darstellt Es wurde geschrieben, also habe ich versucht, ihm einen Namen zu geben, der so leicht wie möglich zu verstehen ist.
Zukünftige Aufgaben
Ich habe versucht, die folgenden Elemente zusätzlich zu implementieren, aber ich habe aufgegeben, weil ich auf meinem aktuellen Niveau nicht verstehen konnte. Es tut mir leid, aber ich werde es eines Tages erneut versuchen.
- Abschnitt der Nachrichten nach Datum? Separate Anzeige (Anzeigemethode wie LINE)
- Nachricht gelesen / ungelesen
- Anzeige ungelesener Zählungen im Gesprächsraum
Zusammenfassung
Obwohl es immer noch ein Anfängerwissen und -verständnis ist, habe ich mich allmählich an Grammatik, Xcode, UIKit usw. gewöhnt. In Bezug auf das Entwerfen und Schreiben von Code unter Berücksichtigung der Architektur, die mir dieser Zeit bewusst war, konnte ich das Konzept usw. in Bücher und Artikel gutherziger Vorfahren eingeben, aber in Wirklichkeit hatte ich Probleme, die Verantwortlichkeiten aufzuteilen. Es wird gesagt, dass das Konzept von MVC je nach Schule unterschiedlich ist, aber wir als Anfänger denken, dass es am besten ist, mit einem leicht verständlichen Artikel oder der Meinung der Person fortzufahren, die unterrichten kann. Wenn Sie das Lernen vorantreiben und Ihre eigenen Gedanken haben oder einen Fehler bei der Erkennung bemerken, sollten Sie ihn zu diesem Zeitpunkt korrigieren. Auch das grundlegende Lernen von "Firebase" und "Chat-Funktion", das der Zweck dieser Studie war, ist nur "grundlegender Inhalt", aber ich denke, dass es an Stärke gewonnen hat. Wie ich in der Aufgabe erwähnt habe, habe ich mich entschlossen, mich in Zukunft der Implementierung angewandter Inhalte zu widmen.
Es ist seit langem ein Artikel wie ein Eindruck geworden, aber danke, dass Sie bis zum Ende gelesen haben.