3 minutes to take you to understand WeChat applet development

What is WeChat Mini Program

WeChat applet is a WeChat-based application that does not require installation and was officially launched by Tencent on January 9, 2017

What is WeChat based

Simple and rough understanding is the application running in WeChat, if WeChat is not installed, it cannot run

What is No Installation

No installation is just a publicity stunt. In essence, the applet also needs to be downloaded and installed. It's just that the WeChat official has a strict limit on the size of the applet installation (single package 2M/total package 20M), so the download and installation is very fast, withAs for giving users the illusion that no installation is required

Comparison of applet with webpage and native APP

• Webpage

Running environment: browser (you can run it if you have a browser)

Advantages: low development cost (one set of code can run on various platforms), fast dissemination (you can use it by entering the webpage address)

Disadvantages: poor user experience (interactive experience is not as good as native), poor system fit (many system functions cannot be used)

• Native APP

Operating Environment:iOS/Android/HarmonyOS

Advantages: good user experience, high degree of system fit (all open functions of the system can be used)

Disadvantages: high development cost (each platform requires a separate set of code), slow propagation (cumbersome download and installation)

• Mini Programs (between web pages and native apps)

Running environment: WeChat

Advantages: good user experience, low development cost, fast dissemination (scan code/chat sharing/WeChat search)

Disadvantages: The system fit is not as good as native (only functions that are open to the system and WeChat)

For example: the system has opened the camera function, and WeChat has also opened this function, so developers can use it

For example: the system has opened the function of reading the address book, but WeChat is not open, so the developer cannot use it

But don't worry, the open functions of WeChat can fully meet the needs of most applications on the market

Summary

A applet is an application between a web page and a native APP

It not only has good user experience and good system fit of native APP, but also has low development cost and excellent dissemination speed of web pages
The only two points worth noting are:

In order to achieve the effect of non-inductive installation, the applet is limited in size, so the overly complicated program is not suitable for the applet

The applet has its own review mechanism, and the developed applet must be reviewed by Tencent before it can be put on the shelves

Preparation for applet development

Knowledge Reserve

Required: HTML/CSS/JavaScript (syntax part)

There is no concept of browser and document (Document) objects in the applet, so no BOM/DOM related knowledge is required
Optional: TypeScript/SASS/LESS/NodeJS
The applet supports TypeScript/SASS/LESS/NodeJS, but it will not affect our development
Do more with less: Vue/React
There are also concepts such as modularization/componentization/life cycle/instructions in the applet, if you have learned Vue or React, it will give youA feeling of seeing your first love
Account preparation

Because the WeChat developer tool needs to be logged in before it can be used, it is necessary to register a small program account

Account Registration Guide: https://developers.weixin.qq.com/miniprogram/introduction/

Account registration address: https://mp.weixin.qq.com/wxopen/waregisteraction=step1

Individual developers: After registering an account, you can get the AppId to start working

Team developers: After registering an account, you need to add other developers

Developer tools ready

Download address: https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

Introduction to development tools: https://developers.weixin.qq.com/miniprogram/dev/devtools/devtools.html

Related Documents/Demo

Development guide: https://developers.weixin.qq.com/ebook

action=get_post_info&docid=0008aeea9a8978ab0086a685851c0a

Development documentation: https://developers.weixin.qq.com/miniprogram/dev/framework/

Demo case: https://github.com/wechat-miniprogram/miniprogram-demo

Let me introduce myself first. The editor graduated from Shanghai Jiaotong University in 2013. I worked in a small company and went to big factories such as Huawei and OPPO. I joined Alibaba in 2018, until now.I know that most junior and intermediate java engineers want to upgrade their skills, they often need to explore their own growth or sign up to study, but for training institutions, the tuition fee is nearly 10,000 yuan, which is really stressful.Self-learning that is not systematic is very inefficient and lengthy, and it is easy to hit the ceiling and the technology stops.Therefore, I collected a "full set of learning materials for java development" for everyone. The original intention is also very simple. I hope to help friends who want to learn by themselves but don't know where to start, and at the same time reduce everyone's burden.Add the business card below to get a full set of learning materials