How is the applet made? What's the difference between APP and app?

1. What's the difference between an APPlet and an app?

Business opportunities, I think small programs or apps need a good idea+super execution+luck, but small programs are easier to spread on WeChat, and users have lower entry barriers.

As long as the applet is interesting and innovative, it is possible to get a spurt of growth of users, such as the impression of previous friends, the literacy of tools and so on.

The main difference lies in:

APP: it can be expanded infinitely and has high degree of freedom. It is suitable for some applications with complex functions and requirements for interaction and design, and it is more convenient for users to use it for a long time.

Wechat applet: It is easy to develop, but it is difficult to expand by relying on WeChat, that is, the function is limited by the interface provided by WeChat, and it is suitable for applications with single function and low frequency of use.

If it is subdivided, it can also be said from the following points.

1, origin

APP: The full name is mobile application, which is designed for mobile phones, tablets and other devices. At present, the mainstream mobile device operating systems are Android and iOS, which have been released for more than ten years since 20 18.

Wechat applet: it is an application that can be used without downloading and installing. Users can scan or search through WeChat, and it will be officially launched on June 20 17.

2. User groups

APP: For all smartphone users, there were 2.6 billion smartphone users in 20 17 years.

WeChat applet: In the face of all WeChat users, WeChat has more than 800 million daily activities.

Step 3 use

APP: fixed on the desktop, ready to use.

Wechat applet: arranged in reverse order according to the latest use time, scanned/searched when used.

4. Download

APP: You need to download the corresponding installation package from the App Store to use it.

WeChat applet: scan QR code/scan applet code/enter applet through WeChat search, and use directly.

5. Function

APP: It can realize relatively complete functions.

Wechat applet: Because the platform can only realize some functions, the functions of general applets are relatively simple.

6. Adapt

APP: Need to adapt to different mobile phones.

Wechat applet: one development can adapt to all mobile phones.

7. Development cycle

APP: The development cost is high and the development cycle is long.

Wechat applet: the development cost is low, the platform has provided more interfaces for use, and the development cycle is short.

8. Market

APP: China 20 17 online APP is about 5 million.

Wechat applet: The number of online applets is 580,000.

Second, how is the applet made?

Let's see how the applet is made.

Method 1, WeChat official simple tutorial

Let's take a look at the simple tutorial given by WeChat official website.

To get started, after registering the applet account, you need to install a development tool, and then enter the code in the official development tool.

Basic code composition:

JSON configuration:

We can see that there is an app.json and a project.config.json in the root directory of the project, and there is also a logs.json in the pages/logs directory. Let's explain their usage in turn. The applet configuration app.json is the global configuration of the current applet, including all page paths, interface presentation, network timeout, bottom tab, etc.

WXML template:

Anyone who has been engaged in web programming knows that web programming uses the combination of HTML+CSS+JS, in which HTML is used to describe the structure of the current page, CSS is used to describe the appearance of the page, and JS is usually used to deal with the interaction between the page and the user.

WXSS style:

WXSS has most features of CSS, and small programs have been expanded and modified in WXSS. Added dimension units. When writing CSS styles, developers need to consider that the screen of mobile phone devices will have different widths and device pixel ratios, and adopt some technologies to convert some pixel units. WXSS supports the new size unit rpx at the bottom, so developers can avoid the trouble of conversion, as long as they hand it over to the bottom applet for conversion. Because floating-point operation is used in the conversion, the operation result will be slightly different from the expected result. Global styles and local styles are provided. The concept of app. JSON and page. JSON is the same as before. You can write an app.wxss as a global style, which affects all pages of the current applet. The local page style page.wxss only takes effect on the current page. In addition, WXSS only supports some CSS selectors.

JS interactive logic:

It is not enough for a service to show its interface, but also to interact with users: respond to users' clicks, get users' location and so on. In the small program, we will handle the user's operation by writing JS script files.

Ok, the above is a small part of the official definition of "simple course". Yes, simple course, "simple". . . After introducing it here, I can't feel the word "simple"

After finishing the basics, there are more advanced articles waiting for you, including frameworks, components, APIs and tools. These words look simple enough to write several textbooks.

The second method is to develop applets on a third-party platform.

Whether the definition of official courses is simple or not, we won't make a fuss. For a merchant and enterprise, you still need to know so much code knowledge to make a small program. Or some people say, I can hire a cheng and a design lion. Yes, local tyrants are welcome, but a cheng also needs to spend time typing and designing. . . After doing this whole set, smart people either learned it in a month or two, or they didn't learn it for half a year or even years.

In the current competitive society, our enterprises and businesses pay attention to time is money, peer competition, seize the opportunity. Are you still willing to spend so much time studying, coding, and even asking people to raise costs? I think your answers are all yes and no.

So what methods can we make small programs easily and quickly?

Of course there is!

We only need to use the visual production tool of "quick application" applet, and we can immediately produce beautiful and multifunctional industry-wide applets, which can easily cope with the application scenarios of all walks of life.

Let's take a look at how to easily make small programs without code foundation and teach you how to make small programs!

In the decoration interface of the applet visual production tool, you can clearly see that there are "pages, components, modules, templates" and other functions on the left. In the middle is the visual design interface, and on the right is the setting.

1, component

Component functions can add elements such as text, pictures, videos, articles, and merchandise lists, and can also customize functions such as styles, sizes, borders, backgrounds, colors, shadows, rounded corners, transparency effects, and slide effects.

2. Components

There are ready-made component modules in the module library, which are suitable for the whole industry scene, such as slide show, navigation column, commodity display, graphic display, plain text, creative graphic, element icon, commodity list, exquisite title and so on. Users can add module layout pages with one click, and the content of components can be customized. There is no need to redesign typesetting, with many modules and components, strong adaptability, which can be completed by dragging and dropping, and can be freely combined and matched.

Step 3: Template

There are ready-made templates suitable for the whole industry scene in the template library. Users can add and use layout pages with one click, and the content on the template can be customized, and both can be redesigned and customized. There are many templates, which are highly adaptable and can be generated with one key. Doing small programs is just one step ahead of others.

If you use the template function, you can make a small program with one click, which takes a little time to do. Is it convenient?

Finally, I want to say that using the right tools and choosing the right methods is far more efficient than repeating operations.