渐进式Web应用程序模板

时间:2017-07-26 12:52:19

标签: progressive-web-apps

我想知道您是否可以推荐我可以从头开始使用的渐进式Web应用程序模板。

由于我是新手,我期待一些可供初学者使用的东西,不需要预先编程,复杂的终端指令和安装和使用的命令。

2 个答案:

答案 0 :(得分:2)

以下是从您的第一个Progressive Web App开始的示例。

你将构建什么

  

在此代码框中,您将使用构建Weather Web应用程序   渐进式Web应用程序技术。您的应用将:

     
      
  • 利用并演示Progressive Web Apps的上述原则。
  •   
  • 使用实时天气数据。
  •   
  • 提供类似应用的互动,以允许用户添加城市。
  •   

你将学到什么

  
      
  • 如何使用" app shell设计和构建应用程序"方法
  •   
  • 如何让您的应用脱机工作
  •   
  • 如何存储数据以供以后离线使用
  •   

您需要什么

  
      
  • Chrome的最新版本。请注意,这也适用于其他浏览器,但我们将使用Chrome DevTools的一些功能来   更好地了解浏览器级别发生的事情。
  •   
  • 适用于Chrome的Web服务器或您自己选择的Web服务器
  •   
  • The sample code
  •   
  • 文字编辑器
  •   
  • HTML,CSS,JavaScript和Chrome DevTools的基本知识
  •   

答案 1 :(得分:0)

在github上查看此pwa示例。

https://github.com/steffstefferson/pwa-example

这是一个简单的示例应用程序,可用于启动。只需将app文件夹复制到本地网络服务器,即可运行pwa。

要了解pwa是如何工作的,我推荐jake的食谱:

https://jakearchibald.com/2014/offline-cookbook/