你的第一个渐进式网站应用(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 条评论
登录 后参与评论

相关文章

来自专栏weixuqin 的专栏

Maven配置与安装

首先在 maven 官网下载 maven 压缩包:https://maven.apache.org/download.cgi 。

791
来自专栏从零开始学自动化测试

Selenium2+python自动化2-pip降级selenium3.0

selenium版本安装后启动Firefox出现异常:'geckodriver' executable needs to be in PATH selenium...

2885
来自专栏Flutter入门到实战

React Native初探--从安装运行首个app到填坑指南

好多人说rn好用,一直要推荐我用,我就不信了,来安装玩一下试试效果。实践出真知!安装过程各种坑,工具太多了,太麻烦了,差点放弃(还好坚持下来呢)。

1213
来自专栏吴伟祥

Fiddler是位于客户端和服务器端的HTTP代理(目前最常用的http抓包工具之一)

抓包工具有很多,小到最常用的web调试工具firebug,达到通用的强大的抓包工具wireshark.为什么使用fiddler?原因如下:

684
来自专栏拂晓风起

mysql下如何执行sql脚本

633
来自专栏BestSDK

使用 JS 构建跨平台的原生应用(一):React Native for Android 初探

Facebook 于 2015 年 9 月 15 日推出 React Native for Android 版本。相比起 for iOS,for Android...

1985
来自专栏mySoul

linux基础 二

可分享的,可分享给其他系统挂载使用的目录,即执行文件,用户邮件,可分享给网络上其他用户的

913
来自专栏Spring相关

Git ssh 配置及使用

前言:前几天在写博客 手把手教你用Hexo + github 搭建自己博客的时候,经常需要用到一些git操作,截了好多图,于是就想干脆整理成一系列的git 教程...

672
来自专栏Jackson0714

配置Meld为git的默认比较工具

25910
来自专栏IT可乐

Tomcat 部署项目的三种方法

1、下载 Tomcat 服务器   ①、官网下载地址:http://tomcat.apache.org/   ②、tomcat 8.0 64位百度云下载地址:h...

2467

扫码关注云+社区