你的第一个渐进式网站应用(2)

2. 开始设置

下载代码

点击下面的链接,下载这个代码实验室的完整代码:

DOWNLOAD SOURCE CODE

解压缩下载的zip文件。会解压一个根文件夹 (your-first-pwapp-master), 所有的步骤都包含在这个文件夹中,还有所有你将会用到的资源。

step-NN 文件夹包含了这个代码实验室所有步骤的最终状态。他们用来做为参考。我吗将在work的目录中完成我我们所有的编码工作。

安装并验证网站服务器

虽然您可以随意使用自己的网站服务器,但是这个代码实验室在Chrome Web服务器上会更好的运行。如果您尚未安装该应用,你可以从Chrome网上应用店安装。

INSTALL WEB SERVER FOR CHROME

在安装完Web Server for Chrome这个app后, 点击书签栏上的apps快捷键:

更多帮助: Add and open Chrome apps

在随后出现的窗口中,点击Web Server图标:

接下来你就会看到这个对话框, 允许你配置你的本地网站服务器:

击选择文件夹按钮,然后选择工作文件夹。这将使你可以通过网站服务器对话框中突出显示的URL(位于“Web Server URL(s)”部分)去服务你的工作进程。

下面是各个选项,选择 "Automatically show index.html", 如下图所示:

通过下面的滑块去更改 "Web Server: STARTED" ,先滑到左边再滑到右边去完成停止和重启服务。

现在可以在你的浏览器中访问你的工作站点了(点击Web Server URL高亮部分),你将会看到一个下图这样的页面:

目前为止,这个应用程序还没有做任何有趣的事情,这只是一个用于验证你的网站服务器功能的最小骨架。我们将在随后的步骤中添加功能和UI特性。

从这开始,所有测试/验证(例如后续步骤中的“测试”部分)都会使用这个网站服务器设置来执行。

原文链接:https://codelabs.developers.google.com/codelabs/your-first-pwapp/#1

原文作者:codelabs.developers.google.com

编辑于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏pangguoming

Spring Boot集成JasperReports生成PDF文档

由于工作需要,要实现后端根据模板动态填充数据生成PDF文档,通过技术选型,使用Ireport5.6来设计模板,结合JasperReports5.6工具库来调用渲...

1.5K7
来自专栏Ceph对象存储方案

Luminous版本PG 分布调优

Luminous版本开始新增的balancer模块在PG分布优化方面效果非常明显,操作也非常简便,强烈推荐各位在集群上线之前进行这一操作,能够极大的提升整个集群...

3725
来自专栏Golang语言社区

【Golang语言社区】GO1.9 map并发安全测试

var m sync.Map //全局 func maintest() { // 第一个 YongHuomap := make(map[st...

5568
来自专栏魂祭心

原 canvas绘制clock

5214
来自专栏转载gongluck的CSDN博客

cocos2dx 打灰机

#include "GamePlane.h" #include "PlaneSprite.h" #include "BulletNode.h" #include...

7436
来自专栏我和未来有约会

Silverlight第三方控件专题

这里我收集整理了目前网上silverlight第三方控件的专题,若果有所遗漏请告知我一下。 名称 简介 截图 telerik 商 RadC...

4435
来自专栏陈仁松博客

ASP.NET Core 'Microsoft.Win32.Registry' 错误修复

今天在发布Asp.net Core应用到Azure的时候出现错误InvalidOperationException: Cannot find compilati...

5318
来自专栏杨龙飞前端

scrollto 到指定位置

2994
来自专栏落花落雨不落叶

canvas画简单电路图

89411
来自专栏张善友的专栏

Silverlight + Model-View-ViewModel (MVVM)

     早在2005年,John Gossman写了一篇关于Model-View-ViewModel模式的博文,这种模式被他所在的微软的项目组用来创建Expr...

3358

扫码关注云+社区