uni-app Quick Start: Develop and package your first Android app

This article will take you to understand the uni-app cross-platform framework, introduce the reasons for choosing uni-app, and help you quickly develop your first Android application using uni-app. I hope it will be helpful to everyone!

First of all, today we mainly introduce a multi-platform front-end framework uni-app. There are many mature solutions online for multi-platform front-end frameworks, such as Taro and React Native. , Flutter, etc. These are some very excellent front-end cross-platform frameworks (if you want to know more, you can check the advantages and disadvantages of various frameworks online. Warm reminder: There is no best framework. Choose the one that suits you or your team. best framework).

Why choose uni-app?

First of all, uni-app is a framework that uses Vue.js to develop all front-end applications. Developers write a set of codes that can be published to iOS, Android, Web (responsive), and various small Programs (WeChat/Alipay/Baidu/Toutiao/QQ/Kuaishou/DingTalk/Taobao), Kuai App and other platforms.

Nowadays, Vue has become a rapid development framework, one of the mainstream front-end frameworks. From the perspective of recruiting talent reserves and improving project development efficiency, we choose to use the cross-platform framework uni-app. And uni-app now supports 11 platforms, which means that if we use uni-app to write an application, it can be compiled and generated for 11 platforms. This is perfect for different products or customer needs.

## And uni-app has eight key indicators such as number of developers, cases, cross-end breadth, expansion flexibility, performance experience, surrounding ecology, learning cost, and development cost. have stronger advantages.

For individuals or companies that are not good at front-end or the company lacks front-end, uni-app is definitely the best choice, because the ecology around uni-app is very rich. In the plug-in market, you can basically search for plug-in templates that meet most people's needs. Such as shopping malls, blogs, small programs, etc.

How can newbies get started quickly?

If you are a developer without any front-end experience, it is first recommended to have a general understanding of Vue-related knowledge points (such as the basic syntax of Vue, what is two-way binding, conditional judgment, how Commonly used methods such as data request binding), and then learn about the relevant api documents of uni-app when developing uni-app applications (of course, you can also do programming-related syntax while developing it, which will make us familiar with it faster).

uni-app’s api documentation: https://uniapp.dcloud.io/api/README

Before developing, you can take a look at the official uni-app Video tutorial:

"uni-app official tutorial"

https://ke.qq.com/course/3169971

Pass

Get started quickly Let’s experience uni-app personally. Before starting, developers need to download and install the following tools:

The visualization method is relatively simple. HBuilderX has built-in related environments and can be used out of the box. , no need to configure nodejs.

HBuilderX: Official IDE download address

##Quickly develop your first Android application

1. Open HBuilderX=>File=>New Project=>uni-app project type

Note that I am using uni here -Framework component for app demonstration, mainly to show the generated Android application effect.

2. Run it in the browser to view the web page effect of our new project MyFirstApp

Click Run on the toolbar=> Run to browser=> Select browser

##3. Publish native App (cloud packaging)

Click Publish on the toolbar => Native App (cloud packaging)

Enter Dcloud’s background login email and password (if not, you need to register first)

Get the application identification (AppId) in manifest.json

Configure the relevant information required for App packaging

Waiting for compilation and packaging (it may take a long time, please be patient)

After packaging is completed, open the directory where the apk was generated to view and install it on your Android phone to view the effect

Recommendation: "uniapp tutorial》

The above is the detailed content of uni-app Quick Start: Develop and package your first Android app. For more information, please follow other related articles on the PHP Chinese website!