当前位置:网站首页>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
边栏推荐
- 登堂入室之soc开发makefile
- 解决centos8 MySQL密码问题ERROR 1820 (HY000) You must reset your password using ALTER USER
- 关于SFML Rect.inl文件报错的问题
- c语言进阶篇:指针(五)
- 在IDEA中使用JUnit4和JUnitGenerator V2.0自动生成测试模块
- LeetCode · 23. Merge K ascending linked lists · recursion · iteration
- Navicat连接MySQL时弹出:1045:Access denied for user ‘root’@’localhost’
- 你需要知道的ES6—ES13开发技巧
- DPW-SDNet: Dual Pixel-Wavelet Domain Deep CNNsfor Soft Decoding of JPEG-Compressed Images
- 弹性盒子模型
猜你喜欢
活动推荐 | 2022年深圳最值得参加的边缘计算活动
c语言进阶篇:指针(五)
About the data synchronization delay of MySQL master-slave replication
深入浅出富文本编辑器
QUALITY-GATED CONVOLUTIONAL LSTM FOR ENHANCING COMPRESSED VIDEO
WinDbg实践--入门篇
KingbaseES V8R6备份恢复案例之---同一数据库创建不同stanza备份
一个网络两种用途!南开&哈工程提出TINet,通过细化纹理和边缘,在显著性目标检测和伪装目标检测上实现双SOTA!...
数字货币期货现货交易技巧,把握关键进场的买入点!(纯干货)
[Deep Learning] Target Detection | SSD Principle and Implementation
随机推荐
ELF:加载过程
数字货币期货现货交易技巧,把握关键进场的买入点!(纯干货)
你需要知道的ES6—ES13开发技巧
共用体、共用体与结构体的区别、枚举之C语言犄角旮旯的知识
ClickHouse删除数据之delete问题详解
mysql死锁
How strict Typescript strict mode?
Google Earth Engine ——我们如何筛选一个列表中的排序以时间为例
[Limited Time Bonus] 21-Day Learning Challenge - MySQL from entry to mastery
一个网络两种用途!南开&哈工程提出TINet,通过细化纹理和边缘,在显著性目标检测和伪装目标检测上实现双SOTA!...
QUALITY-GATED CONVOLUTIONAL LSTM FOR ENHANCING COMPRESSED VIDEO
bgp路由过滤
KingbaseESV8R6 snapshot too old的配置和测试
R package调试
Image Restoration by Estimating Frequency Distribution of Local Patches
ArrayList扩容机制分析
【菜鸡含泪总结】如何用pip、anaconda安装库
navicat新建数据库
字节对齐之C语言犄角旮旯的知识
DistSQL 深度解析:打造动态化的分布式数据库