pwa:简单的PWA应用资源-CSDN文库

共18个文件

png：6个

html：3个

js：3个

HTML

需积分: 10 25 浏览量 2021-03-14 13:42:26 上传评论收藏 103KB ZIP 举报

资源推荐

资源详情

资源评论

react-advanced-pwa-graphql:这个应用专注于 PWA 的概念，基本上是一个专注于宠物的摄影应用，它在 React JS 下工作，带有 Context API 和后端的简单 graphql API。它还使用 Apollo 来消耗来自 Front 的数据，并且还经过了 Cypress 的严格测试，以确保最佳的质量和性能。

高级React - PETGRAM 这个应用专注于 PWA 的概念，基本上是一个专注于宠物的摄影应用，它在 React JS 下工作，带有 Context API 和后端的简单 graphql API。它还使用 Apollo 来消耗来自 Front 的数据，并且还在 Cypress 中进行了严格的测试，以确保最佳的质量和性能。它是如何工作的？这很简单，如果你想在生产中看到它，你可以在这里

next-pwa:使用Next.js的简单服务器端呈现的PWA

下一轮这是使用React构建的渐进式Web应用程序。主要功能包括- 服务器端渲染和代码拆分（使用Next）由于组件缓存（使用lru缓存），因此具有更好的服务器渲染性能使用预缓存和运行时缓存对Service Worker进行脱机支持（感谢Workbox）清除未使用CSS（感谢PurifyCSS，我们还设置了autoprefixer）路由预取（命令式和声明式）使用webpack

amp-pwa-demo：一个简单的，无依赖性的博客，使用渐进式Web应用程序（PWA）来显示加速移动页面（AMP）

博客和新闻站点的AMP + PWA演示一个简单的，无依赖性的博客，它使用（PWA）显示（AMP）。这不是Google的官方产品。建立该项目需要和。在此npm install的根目录中，运行npm install下载所有依赖项，然后npm start启动服务器。您可以在访问该站点。请注意，这只是一个演示站点。某些功能（例如推送通知）需要更复杂的后端，此处未实现。实施细节我们

tap10_pwa:PWA 实现示例应用

tap10_pwa 将 Web 应用程序转换为 PWA 的示例基地可安装使用 Service Worker 缓存为 One Signal 引入推送通知

vitormalencar_pwa：:atom_symbol_selector:我的个人渐进式Web应用程序

vitormalencar.com 我的个人PWA :atom_symbol_selector:概要 :fire: 离线就绪 :party_popper: 档案较小（4.9压缩+ gzip） :high_voltage: 快速的表现 :atom_symbol_selector: 构建 :red_heart_selector: :hammer: ...

songkick-pwa：:musical_note::tear-off_calendar::nail_polish:Songkick的非官方渐进式Web应用程序

非官方的Songkick PWA :musical_note: :tear-off_calendar: :nail_polish: Songkick的安装1.克隆此仓库并安装所有依赖项： npm install 2.添加环境变量：您需要将以下内容添加到.env （请参阅.env-sample ）： ...

learning-pwa：:mobile_phone:一些有关如何开始您的第一个PWA的示例和博客

首先简单了解一下PWA。什么是PWA PWA，即Progressive Web App，是提升Web App的体验的一种新方法，能给用户原生应用的体验。我们需要理解的是，PWA不是某一项技术，或者某人一个新的产物；而是Web技术与标准的集合与...

flask-pwa：扩展功能，可在Flask应用中提供PWA体验

此扩展程序提供了一些文件，可为您的应用程序提供一些PWA体验，例如应用程序安装，缓存的文件和脱机页面。要求：烧瓶金佳安装：要在项目中使用Flask-PWA扩展，您需要使用pip安装它。 pip install flask-pwa...

news-pwa:让我们使用PWA的核心概念制作一个简单的新闻应用程序

新闻-pwa 让我们使用PWA的核心概念制作一个简单的新闻应用程序。使用 - - Google'c custom service workers - NEWS API - Plain old JS and - Lots of interest.

vuetify-todo-pwa：:check_mark:使用Vue CLI 3 + Vuex + Vuetify构建的简单Todo PWA

vuetify-todo-pwa 该项目是一个受启发的简单Todo （渐进式Web应用程序）。非常适合学习有关，和技术的基础知识。产品特点 Vue CLI 3 + Webpack + vue-loader用于单个文件Vue组件开发中的热重装使用保存时不手写笔CSS预处理器 Vue + Vue-Router + Vuex一起工作 Vuetify点菜（减少项目的生产规模）渐进式

react-pwa-boilerplate:使用Webpack，Workbox和TypeScript的简单React PWA设置

入门 yarn install yarn start 调试服务人员您可能已经注意到，运行头yarn start没有注册任何服务工人。这是因为离线功能在开发过程中会造成混乱，因为您总是会看到缓存的版本，而不是所做更改的最新版本。您可以通过构建生产捆绑包并以如下方式提供服务来在本地调试服务人员： yarn run build yarn run serve

reddit-pwa：无需构建：使用LitElement，Pika，import-maps和kv-storage制作的简单Reddit PWA

走向无建原始博客文章。相同的应用程序，但在使用Preact / htm进行。

pwa_from_scratch:从头开始构建简单PWA的指南

从零开始的PWA指南（还有另一本）欢迎使用我的指南，从头开始创建PWA（渐进式Web应用程序）。我希望它能帮助您了解更多服务工作者，Web App清单和缓存。享受 :graduation_cap: 。介绍在以下各节中，我们将从零开始构建一个非常简单的PWA。目的是要熟悉最重要的PWA概念；清单和服务人员。我们将不使用任何特定的框架，并且将使代码非常简洁。为了简单起见，我们将在ja

pwa:Dart的渐进式Web应用程序库

Dart的渐进式Web应用程序（PWA）渐进式Web应用程序（PWA）是常规网页（或网站）和移动应用程序的混合体。这种新的应用程序模型试图将大多数现代浏览器提供的功能与移动体验的优势相结合。警告：API是实验性的，...

flask-vue-pwa:在Flask后端上运行的vue-pwa

Flask后端上的Vue.js + PWA Python3，Vue-cli 3.0，node.js 8 演示： : 特征：前端：Vue.js 后端：烧瓶支持PWA：支持安装应用程序；离线检视阅读以部署到Heroku如何使用git clone cd flask-vue-pwa python3 -m ...

create-pwa:轻松创建渐进式Web应用

创建PWA（创建渐进式Web应用程序）轻松创建渐进式Web应用程序关于 create-pwa是一个用于快速create-pwa和生成渐进式Web应用程序的模块。 create-pwa添加了您的应用程序成为PWA所需的最低要求。 create-pwa可以...

svelte-pwa：Svelte渐进式Web应用程序（PWA）入门模板

苗条的PWA 这是用于应用程序的渐进式Web应用程序（PWA）模板。它位于。要使用基于此模板创建一个新项目： npx degit tretapey/svelte-pwa my-svelte-pwacd my-svelte-pwa 请注意，您将需要安装开始吧安装依赖项.....

vaadin-kotlin-pwa：Vaadin Kotlin PWA-任务列表演示

一个非常简单的的PWA演示。专为希望使用熟悉的强类型语言并且对JavaScript浏览器一无所知的Android开发人员而设计。此应用程序的开发模型着重于用服务器端Kotlin代码编写逻辑；不需要JavaScript开发。该应用...

frontpage_horizon_pwa:将电子商务简单地划分为PWA *发展

练习创建PWA 入门安装方式：如果要将此项目添加到自己的计算机中，可以通过以下方法安装它 git clone https://github.com/radespratama/horizon_pwa.git repoName npm install | yarn install npm run dev | yarn dev 会费您想要这个项目做得更好吗？您可以为这个项目做贡献，如果对此项目

course-project-pwa:PWA的完整指南。建立一个简单的Instagram副本

渐进式Web应用程序-完整指南此源代码是udemy.com上MaximilianSchwarzmüller的“ Progressive Web Apps-Complete Guide”课程的一部分。如何使用您需要在计算机上安装只需从下载安装程序，然后完成安装步骤。安装Node.js之后，打开命令提示符或终端并导航到该项目文件夹。在那里，运行npm install来安装所有必需的依赖

pwa-share-target-data-revealer:显示从Android应用共享到PWA的参数的详细信息

pwa-share-target-data-revealer 如果您在Android上安装了PWA，则可以将其注册为。出于调试目的，此PWA允许您确切查看将通过共享意图传输的数据类型。将此站点从android chrome添加到您的主屏幕，然后从任何android应用共享添加到此PWA，以显示正在传输的数据。

pwa-play-billing:此示例演示了如何使用受信任的网络活动（TWA）在Google Play商店上发布渐进式Web应用（PWA），以及如何使用Digital Goods API和Payment Request API通过Google Play结算接收付款

PWA Play计费示例设置介绍该示例应用程序演示了如何使用Google Play商店上的Trusted Web Activities（TWA）发布渐进式Web应用程序（PWA），以及使用和通过Google Play帐单接收付款。为了简单起见，该示例使用Firebase进行静态托管和后端服务器操作。但是，您可以使用任何其他服务在Play商店上发布，也可以使用Play结算。结帐和设置 $ g

laravel-pwa：具有渐进式Web应用程序（PWA）的Laravel

Laravel-PWA Laravel是一个具有表达力，优雅语法的Web应用程序框架。我们认为，发展必须是一种令人愉悦的创造力，才能真正实现。 Laravel试图通过减轻大多数Web项目中使用的常见任务来减轻开发工作的痛苦，例如： ...

gruenstromindex-pwa:基于GSI的移动设备基本应用程序的框架实现

gruenstromindex-pwa:基于GSI的移动设备基本应用程序的框架实现

收起资源包目录

pwa-master.zip （18个子文件）

pwa-master

LICENSE 1KB

chat

serviceWorker.js 378B

manifest.json 487B

icon512.png 49KB

icon192white.png 21KB

index.html 4KB

icon192.png 12KB

favicon.ico 17KB

tictactoe

app.js 1KB

index.html 779B

style.css 344B

calc

serviceWorker.js 378B

manifest.json 485B

icon512.png 3KB

icon192white.png 7KB

index.html 3KB

icon192.png 3KB

favicon.ico 17KB

评论收藏

内容反馈

潜水小透明

粉丝: 35
资源: 4508

pwa:简单的PWA应用

简单单页应用程序PWA：简单单页应用程序（SPA）和渐进式Web应用程序（PWA）和Materialize＆Workbox InjectManifest

PWA:PWA的演示应用

hexo-pwa：Hexo PWA插件

awesome-pwa：令人赞叹的渐进式Web应用程序列表！ （欢迎PR;））

todo-app：一个简单的PWA Todo应用

next-pwa:使用Next.js的简单服务器端呈现的PWA

amp-pwa-demo：一个简单的，无依赖性的博客，使用渐进式Web应用程序（PWA）来显示加速移动页面（AMP）

tap10_pwa:PWA 实现示例应用

vitormalencar_pwa：:atom_symbol_selector:我的个人渐进式Web应用程序

songkick-pwa：:musical_note::tear-off_calendar::nail_polish:Songkick的非官方渐进式Web应用程序

learning-pwa：:mobile_phone:一些有关如何开始您的第一个PWA的示例和博客

flask-pwa：扩展功能，可在Flask应用中提供PWA体验

news-pwa:让我们使用PWA的核心概念制作一个简单的新闻应用程序

vuetify-todo-pwa：:check_mark:使用Vue CLI 3 + Vuex + Vuetify构建的简单Todo PWA

react-pwa-boilerplate:使用Webpack，Workbox和TypeScript的简单React PWA设置

reddit-pwa：无需构建：使用LitElement，Pika，import-maps和kv-storage制作的简单Reddit PWA

pwa_from_scratch:从头开始构建简单PWA的指南

pwa:Dart的渐进式Web应用程序库

flask-vue-pwa:在Flask后端上运行的vue-pwa

create-pwa:轻松创建渐进式Web应用

svelte-pwa：Svelte渐进式Web应用程序（PWA）入门模板

vaadin-kotlin-pwa：Vaadin Kotlin PWA-任务列表演示

frontpage_horizon_pwa:将电子商务简单地划分为PWA *发展

course-project-pwa:PWA的完整指南。 建立一个简单的Instagram副本

pwa-share-target-data-revealer:显示从Android应用共享到PWA的参数的详细信息

pwa-play-billing:此示例演示了如何使用受信任的网络活动（TWA）在Google Play商店上发布渐进式Web应用（PWA），以及如何使用Digital Goods API和Payment Request API通过Google Play结算接收付款

laravel-pwa：具有渐进式Web应用程序（PWA）的Laravel

gruenstromindex-pwa:基于GSI的移动设备基本应用程序的框架实现

最新资源

awesome-pwa：令人赞叹的渐进式Web应用程序列表！（欢迎PR;））

course-project-pwa:PWA的完整指南。建立一个简单的Instagram副本