PWA Web App Model

Source: Internet
Author: User

The first blog in 2018, has recently been to squeeze the library, I hope the New Year ...

Brief introduction

PWA is a new web front-end technology launched by Google, the full name of Progressive Web App, which Google introduced in 2015 and launched in June 2016, is a combination of a series of modern web technologies, Implement a user experience that is similar to native apps in Web applications.

PWA does not describe a technology, but a collection of technologies. PWA is specifically designed to address mobile web development, through the maturation of new technologies to achieve the best Web + mobile APP. That means you feel like you're using the APP when you're using the Web.

PWA Features
    • Progressive: Ensure that each user can open the Web page;
    • Responsive: PC, mobile phone, tablet, whatever format, Web page can be perfectly adapted
    • Offline Response: Support users can open the Web page without a network, where service workers are required;
    • App: the ability to interact with users like apps
    • Frequently updated: Once the Web page has changed, it can be immediately displayed on the client side
    • Security: Security is the first, to their own website plus a green lock-https;
    • searchable: Can be searched by the engine
    • Push: To push a new message without opening the page
    • Installable: The ability to add web-like apps to the desktop without the need to go through the store
    • Jump: You can jump to your Web page with just one connection. (easy to share apps with URLs and run without complicated installation)
Technologies required by PWA
    • Push (push message)
    • Cache
    • Manifest (App manifest: Defines a JSON-based manifest that provides developers with a centralized place to place metadata associated with a Web application)
    • Responsive Dev
    • Material Design
    • Service worker (part of cache, and part of Worke)
PWA and other apps
    • Native APP
      Refers to the native app, is a complete app, extensible, requires users to download and install the use of

    • Web APP
      Apps that are written in HTML5 language, live in a browser, do not need to be downloaded and installed

    • Hybird app
      Semi-native semi-web hybrid app that needs to be downloaded and installed

PWA in China

Slightly

Summarize

I feel that PWA involves a lot more APIs. If you want to study thoroughly, you need to study the API that it involves and study it slowly.

PWA Web App Model

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.