当前位置:网站首页>3 minutes to take you to understand WeChat applet development
3 minutes to take you to understand WeChat applet development
2022-07-30 21:32:00 【m0_54853420】
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 has a size limit, 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 copy of "a complete 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
边栏推荐
猜你喜欢
openim支持十万超级大群
在IDEA中使用JUnit4和JUnitGenerator V2.0自动生成测试模块
openim支持十万超级大群
Navigation Bar----Personal Center Dropdown
牛客小白月赛53 A-E
不用bs4的原因居然是名字太长?爬取彩票开奖信息
一个网络两种用途!南开&哈工程提出TINet,通过细化纹理和边缘,在显著性目标检测和伪装目标检测上实现双SOTA!...
为什么那么多自学软件测试的人,后来都放弃了...
【Network Security Column Directory】--Penguin Column Navigation
基于ABP实现DDD--仓储实践
随机推荐
Union, the difference between union and structure, the knowledge of enumeration of C language corners
JUC原子类详解
系统结构考点之并行主存
牛客小白月赛53 A-E
8 ways to get element attributes in JS
MySQL笔记2(函数,约束,多表查询,事务)
解决npm warn config global `--global`, `--local` are deprecated. use `--location=global` instead
解决centos8 MySQL密码问题ERROR 1820 (HY000) You must reset your password using ALTER USER
MySQL60题作业
深入浅出富文本编辑器
DPW-SDNet: Dual Pixel-Wavelet Domain Deep CNNsfor Soft Decoding of JPEG-Compressed Images
用于命名实体识别的模块化交互网络
【网络安全专栏目录】--企鹅专栏导航
Qt 同时生成动态库和静态库
三层架构简单配置
A simple rich text editor
Motion Tuned Spatio-temporal Quality Assessmentof Natural Videos
用于视频压缩伪影消除的深度卡尔曼滤波网络
不用bs4的原因居然是名字太长?爬取彩票开奖信息
Navicat连接MySQL时弹出:1045:Access denied for user ‘root’@’localhost’