uni-app Quick Start: Entwickeln und verpacken Sie Ihre erste Android-App

Dieser Artikel stellt Ihnen das plattformübergreifende Uni-App-Framework vor, stellt die Gründe für die Wahl von Uni-App vor und hilft Ihnen, schnell Ihre erste Android-Anwendung mit Uni-App zu entwickeln. Ich hoffe, dass er für alle hilfreich ist!

Zunächst stellen wir heute hauptsächlich eine Multi-Plattform-Front-End-Framework-Uni-App vor. Im Internet gibt es viele ausgereifte Lösungen für Multi-Plattform-Front-End-Frameworks, wie Taro, React Native, Flutter usw. Dies sind einige sehr hervorragende plattformübergreifende Front-End-Frameworks (wenn Sie mehr wissen möchten, können Sie die Vor- und Nachteile verschiedener Frameworks online überprüfen. Warme Erinnerung: Es gibt kein bestes Framework. Das beste Framework ist um diejenige auszuwählen, die zu Ihnen oder Ihrem Team passt).

Warum Uni-App wählen?

Zunächst einmal ist Uni-App ein Framework, das Vue.js verwendet, um alle Front-End-Anwendungen zu entwickeln. Entwickler schreiben eine Reihe von Codes, die auf iOS, Android, Web (responsiv) und verschiedenen kleinen Programmen veröffentlicht werden können (WeChat/Alipay/Baidu/Toutiao/QQ/Kuaishou/DingTalk/Taobao), Kuai App und andere Plattformen.

Heutzutage hat sich Vue zu einem schnellen Entwicklungsframework entwickelt, einem der gängigen Front-End-Frameworks. Aus der Perspektive der Rekrutierung von Talentreserven und der Verbesserung der Projektentwicklungseffizienz haben wir uns für die Verwendung des plattformübergreifenden Frameworks Uni-App entschieden. Und uni-app unterstützt jetzt 11 Plattformen, was bedeutet, dass, wenn wir uni-app zum Schreiben einer Anwendung verwenden, diese für 11 Plattformen kompiliert und generiert werden kann. Dies ist perfekt für verschiedene Produkte oder Kundenbedürfnisse.

Und Uni-App bietet stärkere Vorteile bei acht Schlüsselindikatoren wie Anzahl der Entwickler, Fälle, Cross-End-Breite, Erweiterungsflexibilität, Leistungserfahrung, Umgebungsökologie, Lernkosten und Entwicklungskosten.

Für Einzelpersonen oder Unternehmen, die nicht gut im Front-End sind oder denen das Unternehmen kein Front-End hat, ist Uni-App definitiv die beste Wahl, da die Ökologie rund um Uni-App sehr umfangreich ist und Sie grundsätzlich suchen können Für die gesamte Software, die die Anforderungen der meisten großen Unternehmen auf dem Plug-in-Markt erfüllt, sind Plug-in-Vorlagen erforderlich. Wie Einkaufszentren, Blogs, kleine Programme usw.

Wie kann ein Neuling schnell anfangen?

Wenn Sie ein Entwickler ohne Front-End-Erfahrung sind, wird empfohlen, zunächst ein allgemeines Verständnis der relevanten Wissenspunkte von Vue zu haben (z. B. die grundlegende Syntax von Vue, was ist bidirektionale Bindung, bedingte Beurteilung, Methode zum Binden von Datenanforderungen usw.) und lernen Sie dann die relevanten API-Dokumente von Uni-App bei der Entwicklung von Uni-App-Anwendungen kennen (natürlich können Sie bei der Entwicklung auch programmierbezogene Syntax verwenden, was uns erleichtert schneller damit vertraut).

Uni-App-API-Dokumentation: https://uniapp.dcloud.io/api/README

Vor der Entwicklung können Sie sich das offizielle Video-Tutorial von Uni-App ansehen:

„uni-app Offizielles Tutorial: https://ke.qq.com/course/3169971

Visueller Weg Es ist relativ einfach. HBuilderX verfügt über integrierte verwandte Umgebungen und kann sofort verwendet werden, ohne dass NodeJS konfiguriert werden muss.

HBuilderX: Offizielle IDE-Download-Adresse

Entwickeln Sie schnell Ihre erste Android-Anwendung

• 1. Öffnen Sie HBuilderX=>File=>New Project=>uni-app project type

Beachten Sie, dass ich die Framework-Komponente hier zur Uni-App-Demonstration verwende, hauptsächlich um den generierten Android-Anwendungseffekt zu zeigen.

2. Führen Sie es im Browser aus, um den Webseiteneffekt unseres neuen Projekts MyFirstApp anzuzeigen.

Klicken Sie zum Ausführen auf die Symbolleiste => Zum Browser ausführen => Wählen Sie den Browser aus

3. Native App veröffentlichen (Cloud-Paketierung)

Klicken Sie in der Symbolleiste auf „Veröffentlichen“ => Native App (Cloud-Paketierung)

??

Konfigurieren Sie das App-Verpackungsbüro. Erforderliche verwandte Informationen

Warten auf die Kompilierung und Verpackung (es kann etwas länger dauern, bitte haben Sie etwas Geduld)

Nachdem die Verpackung abgeschlossen ist, Öffnen Sie das Verzeichnis der generierten APK, um sie anzuzeigen und auf Ihrem Android-Telefon zu installieren. Sehen Sie sich den Effekt an

Empfohlen: „uniapp-Tutorial“

Das obige ist der detaillierte Inhalt vonuni-app Quick Start: Entwickeln und verpacken Sie Ihre erste Android-App. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!