The following APIs can be used by a service worker to make your app work offline: CacheĪ persistent storage mechanism for HTTP responses used to store assets that can be reused when the app is offline. Broadcast Channel APIĪllows a service worker and its client PWA to establish a basic two-way communication channel. The following APIs can be used by a service worker to communicate with its associated client PWA: Client.postMessage()Īllows a service worker to send a message to its client PWA. This tutorial includes all the basics for creating a PWA, with additional features, including notifications, push, and app performance. This intermediate-level tutorial walks through the creation of a PWA that lists information about games submitted to the A-Frame category in the js13kGames 2017 competition. Lessons include a walk through of the HTML, CSS, and JavaScript required to create a fully functional web app, setting up a testing environment, and complete explanations guiding the learner through upgrading the web app into a PWA including developing and inspecting a manifest, adding a service worker, and using the service worker to delete stale caches. ![]() This novice-level tutorial walks through the creation of a PWA to track menstrual cycles. Tutorials walk through the steps of creating an app, from start to finish, explaining how the different features of the app are implemented. In these tutorials, you'll build a PWA from scratch. Associate files with your PWAĭescribes how you can create an association between file types and your PWA, so that when the user clicks on the file, your PWA is launched to handle it. Trigger installation from your PWAĭescribes how developers can provide their own UI to invite users to install their PWA. Share data between appsĭescribes how PWAs can share data with each other by using the operating system's app sharing mechanism. Expose common app actions as shortcutsĭescribes how to expose common actions for a PWA that can be launched from the operating system's app shortcut menu. Display badgesĭescribes how to display a badge on the PWA's icon: for example to let the user know that they have received new messages. Customize your app's colorsĭescribes how to set background and theme colors for a PWA. Define your app iconsĭescribes how to define your own set of icons to be used when the PWA is installed on a device. Create a standalone appĭescribes how to specify that a PWA should be launched in its own dedicated window when it is launched, rather than a browser tab. These guides give concrete detailed instructions for how to implement specific PWA features. This guide provides a list of best practices to help you make sure your PWA is as good as it can be. PWAs should adapt to different browsers and devices, be accessible, have good performance, and integrate well with the operating system. CachingĪn overview of the APIs that enable a PWA to cache resources locally, and some common strategies used by PWAs to implement offline functionality. ![]() In this guide, we'll introduce a set of technologies that enable a PWA to provide a good user experience even when the device has intermittent network connectivity and to perform operations in the background, even when the main app is not running. ![]() This guide covers how users can install and uninstall PWAs on their devices. In this guide we'll explore what "installable" means, what a PWA needs to provide for it to be installable, and how you can customize the install experience. One of the defining aspects of a PWA is that it can be installed on the device, and then appears to users as a platform-specific app, a permanent feature of their device which they can launch directly from the operating system like any other app. What is a progressive web app?Īn introduction to PWAs, comparing them with traditional websites and with platform-specific apps, and outlining their main features. They're intended to help you understand what kinds of things are possible with PWAs, and to provide enough pointers to help you understand how to achieve them. ![]() These guides give conceptual explanations of different aspects of PWAs.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |