传送静态文件

本页面介绍如何将 CSS 作为静态文件进行传送。

与传统的网络托管环境不同，未进行相关配置之前，Google App Engine 不会直接在您应用的源目录之外提供文件。不过，您可能希望将静态文件（如图片，CSS 和 JavaScript 代码）直接提供给网络浏览器。您可以指示 App Engine 传送特定文件，而无需创建自己的处理程序。

本页面是多页教程中的一页。如需从头开始并查看设置说明，请转到创建留言板。

定义处理程序

在以下代码示例中，app.yaml 文件定义了两个新的网址处理程序：

  1. 当 App Engine 收到网址以 /stylesheets 开头的请求时，App Engine 会将路径的剩余部分映射至 stylesheets 目录中的文件，而且如果找到了相应的文件，该文件的内容就会返回至客户端。

  2. 其他所有网址将与 /.* 路径相匹配，并由 helloworld.php 脚本进行处理。

    app.yaml 
    runtime: php55
api_version: 1

handlers:
- url: /stylesheets
  static_dir: stylesheets

- url: /.*
  script: helloworld.php

网址处理程序路径格式将按照其在 app.yaml 中的顺序进行测试。在这种情况下，/stylesheets 模式将在 /.* 模式之前与相应路径进行匹配。如需详细了解网址映射和可在 app.yaml 中指定的其他选项，请参阅 app.yaml 参考文档。

添加样式表

以下代码示例创建一个 CSS 文件，然后将其添加到应用中。

  1. 该代码示例将以下内容添加到 helloworld/stylesheets 目录中的 main.css 文件：

    stylesheets/main.css 
    body {
  font-family: Verdana, Helvetica, sans-serif;
  background-color: #DDDDDD;
}

    默认情况下，App Engine 会根据文件扩展名使用 MIME 类型传送静态文件。例如，以 text/css MIME 类型传送名称以 .css 结尾的文件。在 app.yaml 配置文件中配置处理程序时，您可以使用 mime_type 设置配置具体的 MIME 类型。

  2. 为了在应用中使用样式表，示例代码在顶部的 <html> 行之后插入以下几行：

    helloworld.php 
    <head>
  <link type="text/css" rel="stylesheet" href="/stylesheets/main.css" />
</head>