当前位置：网站首页>Do you really know the difference between H5 and applet?

Do you really know the difference between H5 and applet?

2022-06-24 14:58:00 【Xiaowu knock code】

What are applets ？

Insert picture description here
from “ The father of WeChat ” In zhangxiaolong's definition , We can see , The applet is actually embedded in wechat , A new application form without installation and uninstallation . It has two strong properties ： Increase of efficiency , Go as soon as you use it ！ Therefore, the design of small programs is light 、 Fast as the principle , Encourage users “ Instant access ”！

Be careful ： Except for wechat applet , And Baidu applet 、 Wechat applet 、 Alipay applet 、 Tiktok applet , Each platform developed its own , Are targeted platform applications . I think the mainstream is wechat applet , Therefore, the applet in the following paragraphs refers to by default “ Wechat applet ”！

Small programs are embedded in wechat , Therefore, its operation can only rely on wechat client , In other words, it can only be opened in wechat .

What is? H5？

H5, That is to say “HTML5”, finger “HTML” Of the 5 A version . as everyone knows “HTML” yes ” Hypertext markup language ”, Is a standard language for describing web pages , therefore HTML5 It is also a web technology , And it's more advanced web technology , Include HTML、CSS and JavaScript A set of technologies in .

therefore ,H5 In essence, it can be understood as a web page ！

since H5 It's a web page , So the dependent shell is mainly the browser , So as long as there is a browser , You can use . For example, the built-in browser of the mobile phone ,APP Of web-view Components , And what the app provides web-view Components , Can be opened H5 page .

Applets and H5 The difference between

In fact, we can see some basic differences from the explanation of the above concepts . So next , We will start from the aspects of principle and application , Let's compare the applet and H5 The difference .

One 、 From a development perspective

H5 And applet development tools are very different , Small programs depend on wechat clients , So relatively speaking, the development tools do not H5 There are so many ;

And their development languages are also different , Wechat applet has its own set of label and style language , And standard H5 The language is different ; But also independent of a lot of native app The components of , So it is related to the component encapsulation H5 They are all different .

therefore , To develop a H5, You need to start with the development tools 、 The front frame 、 Module management tool 、 Task management tools , also UI Library selection 、 Interface call tool 、 Browser compatibility and so on , Need to be considerate . Although most developers face these tools , All have their own configuration templates , But the cost is still not low ！

The development of wechat applet uses the change from js、CSS、HTML Language , At the same time, it provides various self owned components and API, It is a set of custom syntax tailored for wechat . therefore , Don't worry about browser compatibility , Don't worry about inexplicable bug, Moreover, the experience of using small and medium-sized programs on wechat is more than ordinary H5 More smoothly 、 quick .

therefore , Small program development costs are higher than before HTML5 Developed Web The cost is much lower .

Two 、 From the operating environment

Client running environment ：

H5 Because it's a web page , So the running environment is mainly the browser ;
Wechat applet running environment is a computer program , With the development language standard defined by myself , Greatly improve the smoothness and performance of the applet .

Server configuration ：

Because the performance of the applet will H5 higher , So the configuration requirements of the server are , The requirements of small programs are more than H5 Higher .

3、 ... and 、 System permissions

Because wechat can obtain more system permissions , Such as network communication status 、 Data cache capacity, etc , These system level permissions can be seamlessly connected with wechat applets , This is what the official wechat applet can have Native App（ Native APP） Smooth performance .

and H5 Web The access of the application to the system itself is relatively less , This happens to be H5 Web Applications are often criticized . Therefore ,H5 Most of the applications are delineated in terms of simple business logic 、 On the scope of single function .

Four 、 User experience

1） Performance experience

We're opening a H5 On the page , It's actually opening a Web Webpage , Before that PC It makes no difference to browse the web , Every time you need to request various picture style resources , Render in the browser kernel , This process is called loading , No matter how long it takes to load , Will give users a kind of ” card “ perhaps “ Not sensitive ” The feeling of , The experience will be worse ;

The applet is a cloud application in wechat , adopt WebSocket Two-way communication （ No need to refresh instant messaging ）、 Local cache （ Once you open the applet for the first time, you can directly cache many resources and pictures , Reduce the interaction delay with the server ） As well as the wechat underlying technology optimization, the small program is close to native APP Experience . So when using small programs , There is almost no need to wait under the same network conditions , It can be operated as normal app As smooth as .

The advantage of applet is that it retains H5 The convenience and flexibility of development , It can be comparable to Native Experience .

2) Visual experience

H5 The animation effect is more abundant , More freedom , More powerful

5、 ... and 、 Use scenarios

1） Open the way ： As mentioned in the above concept , Small programs can only be opened in wechat , and H5 The page can be opened in any browser by scanning the code or clicking the link in the wechat environment , therefore , If the product needs to notify the user to bring the access address by SMS , Can't be implemented with a applet ; and H5 It can be opened directly in the text of the SMS with the built-in browser of the mobile phone .

2） The way to share ： Due to the limitations of wechat's own strategy ,H5 You can directly share it with the circle of friends on wechat ; The small program can only generate pictures with small program code and send them to the circle of friends , Not as good as H5 convenient ; But for sharing with friends or groups , The applet provides a card like sharing interface , It has a lot of information and looks high-end , This effect H5 It can't be done .

3） Ability to pay ： Because the applet is embedded in wechat , So payment only supports wechat payment ; and H5 You can choose to use the payment methods provided by other payment platforms , therefore H5 More diversified payment methods .

**4） Conductivity function ：** Users are all on wechat , Users willing to spend money are also on wechat, so I can get more customers by making my services on wechat ; Applet attached to wechat , With wechat 11 Social networks with 100 million users , More and more developers choose wechat applet technology .

According to the applet team , At present already 50 ten thousand + The developers of are engaged in actual development , Small programs have become the domain of mobile Internet “ The facts ” Standards for . With this trend , Ali 、 Baidu respectively 2017 Year of 8 The month and 2018 Year of 3 In June, I started my own small program project , Around Alipay and mobile Baidu APP Several super APP In the field of mobile Internet, it has once again attacked cities and occupied territories . Small programs have become the hottest in recent years “ phenomenal ” technology .

5） Tracking user behavior ： There is another advantage of applets , Is to share and forward through the applet , Every time who forwarded , Where to , We can all know who clicked on the information , Through this, you can know the brand preferences of users and friends around you . This message is from the past APP Online retailers 、PC What Internet e-commerce can't do , Based on community-based sharing and communication, we can know how the consumption power of the community is , What kind of brand do you like , What kind of way is more appropriate . There is an algorithm behind such information collection that can accurately recommend calculations , These things are really APP On 、H5 What you can't do on the .

summary

in summary , Each has its own merits , There are no absolute advantages or disadvantages , Only more suitable use scenarios . So according to the needs and purposes of our products , Just choose the way that suits you best .

But according to the forecast , The mainstream trend of future applications may be like wechat 、QQ、 Microblogging 、 Alipay 、 TaoBao 、 Mobile games are powerful and frequently used APP Will remain on the phone , Such as take out 、 Group purchase 、 Software with timeliness functions such as travel will be ported to platforms such as wechat or Alipay as a small program .

Finally, thank everyone who reads my article carefully , The following online link is also a very comprehensive one that I spent a few days sorting out , I hope it can also help you in need ！

Insert picture description here

These materials , For those who want to change careers 【 software test 】 For our friends, it should be the most comprehensive and complete war preparation warehouse , This warehouse also accompanied me through the most difficult journey , I hope it can help you ！ Everything should be done as soon as possible , Especially in the technology industry , We must improve our technical skills . I hope that's helpful ……

If you don't want to grow up alone , Unable to find the information of the system , The problem is not helped , If you insist on giving up after a few days , You can click the small card below to join our group , We can discuss and exchange , There will be various software testing materials and technical exchanges .

Click the small card at the end of the document to receive it

Typing is not easy , If this article is helpful to you , Click a like, collect a hide and pay attention , Give the author an encouragement . It's also convenient for you to find it quickly next time .