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

相关文章

来自专栏王磊的博客

ubuntu搭建nodejs生产环境——快速部署手册

1115
来自专栏文渊之博

windows下安装mysql

1.先下载好 mysql5.7 版本的安装包,可以去官网自己下载,也可以从我的百度云分享

663
来自专栏尾尾部落

centos neo4j 安装+远程访问配置

直接用yum install neo4j不可行,可能是版本库中不存在neo4j,得手动加入。

712
来自专栏我的博客

linux目录结构说明

/:根目录,一般根目录下只存放目录,不要存放文件,/etc、/bin、/dev、/lib、/sbin应该和根目录放置在一个分区中 /bin:/usr/bin:可...

3146
来自专栏Java面试笔试题

在VMware上安装CentOS版本的Linux虚拟机

2.点击“编辑虚拟机设置”,选择“CD/DVD”,点击"使用ISO映像文件"在本地找到合适的镜像文件;

712
来自专栏有困难要上,没有困难创造困难也要上!

使用pipework将Docker容器配置到本地网络环境中

36112
来自专栏小巫技术博客

Android入门教程AS重制-A003开发环境搭建

上一节课给大家粗略的介绍了在实际开发当中会使用到的一些开发工具,本节课正式给大家介绍如何在我们的PC来大家开发环境,主要有两个步骤:

562
来自专栏Laoqi's Linux运维专列

安装配置kibana+logstash

1062
来自专栏北京马哥教育

Auditd - Linux 服务器安全审计工具

安全防护是首先要考虑的问题。为了避免别人盗取我们的数据,我们需要时刻关注它。安全防护包括很多东西,审计是其中之一。 我们知道Linux系统上有一个叫 audit...

1984
来自专栏Python

CentOS 7 安装与卸载MySQL 5.7

https://blog.csdn.net/zyw_java/article/details/70949596

501

扫码关注云+社区