当前位置:网站首页>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
边栏推荐
猜你喜欢
【限时福利】21天学习挑战赛 - MySQL从入门到精通
kubernetes
LeetCode·Daily Question·952. Calculate Maximum Component Size by Common Factor·Union Check
触摸屏状态机
基于ABP实现DDD--领域逻辑和应用逻辑
【深度学习】对迁移学习中域适应的理解和3种技术的介绍
MySQL 灵魂 16 问,你能撑到第几问?
大家都在用的plm项目管理软件有哪些
[Limited Time Bonus] 21-Day Learning Challenge - MySQL from entry to mastery
关于MySQL主从复制的数据同步延迟问题
随机推荐
mysql deadlock
Outsourcing worked for three years, it was abolished...
系统结构考点之CRAY-1向量处理机
Google Earth Engine ——ee.List.sequence函数的使用
[Nuxt 3] (十三) Nuxt 是如何工作的?
不用bs4的原因居然是名字太长?爬取彩票开奖信息
深入浅出富文本编辑器
navicat无法连接mysql超详细处理方法
系统结构考点之并行计算霍纳法则
Quick Master QML Chapter 6 Animation
Babbitt | Metaverse Daily Must Read: The shuffling is coming, will the digital Tibetan industry usher in a new batch of leaders in the second half?Will there be new ways to play?...
Image Restoration by Estimating Frequency Distribution of Local Patches
Typescript 严格模式有多严格?
ML.NET相关资源整理
牛客网——业务分析-提取值
DPW-SDNet: Dual Pixel-Wavelet Domain Deep CNNsfor Soft Decoding of JPEG-Compressed Images
Knowledge of C language corners of byte alignment
What is the common factor
MySQL 游标
用于视频压缩伪影消除的深度卡尔曼滤波网络