Die HackerNoon Mobile-App (verfügbar bei Apple und wartet schon zu lange auf die Genehmigung von Google ) wurde im vierten Quartal 2023 veröffentlicht mit dem Ziel, den Zugriff auf die gesamte HackerNoon-Bibliothek zu verbessern. Die mobile App erleichtert die Leserschaft, da dies eines der Hauptmotive der App war. Fast alles, was wir im Web tun, ist auf Mobilgeräten einfacher, da es ein personalisiertes Erlebnis bietet und Sie die Hauptfunktion der App jederzeit und überall genießen können. Version 1.9, die heute verfügbar ist, ist unsere bisher größte Verbesserung, insbesondere mit 12 verfügbaren Sprachen und unserem In-App-Schreiberlebnis. Ein Hoch auf den weltweiten Autor!
Haupteigenschaften:
In der mobilen App können Sie auch Seiten wie die TechBeat-Seite mit den Trendgeschichten des Tages, die Kurationsseite mit Artikeln, die nach Ihren Lieblingsthemen kuratiert wurden, Seiten mit Kategorien / Tags , auf denen Artikel auch nach Themen kuratiert werden, und mehr sehen. Mit dieser Version 1.9 haben wir der App nun bald Übersetzungen und Texte hinzugefügt, sodass sie immer besser wird.
Aus Entwicklersicht war die mobile App dringend erforderlich. Es wurde in fast jedem HackerNoon-Produkttreffen vor seiner Veröffentlichung erwähnt. Aus irgendeinem Grund führten viele Gespräche zu Folgendem:
Es wäre gut, wenn wir eine mobile App hätten, um xy oder z zu machen.
Als Entwickler und jemand, der Herausforderungen liebt, habe ich mich immer gefragt, warum es so schwierig ist, einfach nur eine mobile App zu erstellen. Im Nachhinein war die Antwort einfacher als ich dachte.
Es stellte sich heraus, dass ich vor ein paar Jahren auf das Ionic Framework gestoßen bin und es interessant fand, aber nie wirklich Code geschrieben habe, um es zu testen. Damals funktionierte das Framework nur mit Angular, was wahrscheinlich meine Entscheidung, es auszuprobieren, beeinflusst hat, wenn man bedenkt, dass ich eher ein React-Entwickler bin. Damals war Ionic noch nicht so beliebt und allein die Idee, eine Hybridanwendung zu erstellen, passte nicht in die Vorstellungen vieler Menschen. Wie dem auch sei, als sie einmal während einer Produktbesprechung über die mobile App sprachen, beschloss ich, noch einmal einen Blick auf Ionic zu werfen und raten Sie mal: Sie haben ihr Framework auf Vue und React erweitert, womit ich mich wirklich wohl fühle.
Als erstes habe ich das Framework installiert und eine schnelle Android-App erstellt. Ich war beeindruckt, wie einfach und verständlich der Prozess war. Die Möglichkeit, einfach ein paar Komponenten wegzulassen und eine mobile App zu haben, ist verrückt vorstellbar, aber Ionic hat es ermöglicht, einfach ein paar Befehle auszuführen und eine App auf mehreren Plattformen zu erstellen, darunter iOS und Android. Ich habe mich mit dem Rahmen sehr wohl gefühlt und in diesem Moment war mir klar, dass ich der Herausforderung gewachsen war. Der Zufall kam erst später, als ich ein neues Projekt sah, bei dem es um die Erstellung der ersten mobilen HackerNoon-App ging. Ich kam schnell zu mir und fing an, daran zu arbeiten.
Ich begann zunächst damit, Ionic auf meinem Linux-Rechner zu installieren, erstellte eine brandneue App und recherchierte einige ihrer Dokumentationen. Führen Sie diese magischen Befehle aus, um mit der Entwicklung zu beginnen: npm install -g @ionic/cli ionic start // create ionic Serve // run local Nachdem ich damit herumgespielt hatte, begann ich dann, Komponenten aus der HackerNoon-Webversion in dieses neue Projekt zu verschieben. Innerhalb weniger Stunden habe ich ein paar Seiten erstellt. Die HackerNoon-Designer ( @Devans & @Kien ) haben wirklich großartige Arbeit geleistet, alles aufeinander abzustimmen und der App ein gutes Wesen und Aussehen zu verleihen. Das meiste davon wurde auf die gleiche Weise entwickelt, wie man es in React entwickeln würde, außer dass Ionic Typescript verwendet, was gut für sie ist. Mein Linux-Rechner war ein guter Ausgangspunkt, auf dem ich fast 50 % der App auf Android-Basis entwickelte, mir aber das Testen der iOS-Version schwerfiel. Es gab einen Workaround mit Linux, der darin bestand, Mac OS auf einer virtuellen Maschine zu installieren, dann XCode zu installieren und dann die App auf IOS zu testen, aber dann kam ich mit der Verzögerung und Langsamkeit nicht klar. Nachdem ich vom Fortschritt der App überzeugt war, beschloss ich schließlich, mein MacBook Pro zu aktualisieren, um mit der Entwicklung für iOS zu beginnen. Bisher war es eine gute Entscheidung, da sie mir auf vielen Ebenen gezeigt hat, wie wichtig es ist, für alle Plattformen zu entwickeln, auch wenn ich Linux immer noch liebe. Die Arbeit an dieser App mit meinem neuen MacBook Pro hat mir wirklich die Augen geöffnet.
Dies war eine Lernerfahrung voller Herausforderungen, die es zu meistern galt. Es dauerte Stunden, selbst den einfachsten Fehler herauszufinden. Gerne habe ich jedes Mal, wenn ich nicht weiterkomme, dokumentiert, damit es beim nächsten Mal nicht wieder passiert. Als Hauptentwickler dieses Projekts musste ich einige schwierige Entscheidungen hinsichtlich der Infrastruktur der App treffen, die gesamte API erstellen und gleichzeitig Ionic lernen und mich daran gewöhnen. Hier waren einige der größten Herausforderungen:
Der gesamte Entwicklungsprozess war so cool und ich empfehle auf jeden Fall anderen Entwicklern, es auszuprobieren. Je mehr ich mit der App arbeitete, desto besser gewöhnte ich mich daran und fühlte mich mit dem Entwicklungsprozess vertrauter. Es war wirklich befriedigend, die App auf meinem Telefon zu sehen und durch alle Seiten zu navigieren. Das beeindruckendste Feature war für mich die Playlist/der Player, da es sich um etwas Organisches von HackerNoon handelt und eines der Hauptfeatures der App ist. Die Push-Benachrichtigungen waren die Funktion, die ich wahrscheinlich am meisten gelernt habe, da es sich um etwas völlig Neues handelte und ich sehen konnte, wie mobile Benachrichtigungen funktionieren, und dieses Wissen kann in Zukunft definitiv auf andere Funktionen angewendet werden.
Wenn Sie es noch nicht haben, laden Sie bitte die App herunter und teilen Sie Ihre Meinung in den Kommentaren ⬇️. ✌️
Hier ist die Apple-Version:
Hier ist die Android-Version: