1
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

初めてのGCP pert3 (画像など静的なファイル設定方法)

Last updated at Posted at 2019-01-09

とても短い文ですが大切なことなので。

GCPで静的画像を扱うには、ストレージ→ブラウザ→バケットに画像UPロードして
qs://バケット名/ファイル名.jpgみたいな感じで呼び出す方法しかないと思っていたのですが
(※実際この方法でも呼び出すことはできる)

もっと簡単で身近な静的画像、js,cssファイルを扱う方法がありましたので記載。

:relaxed:app.yamlに静的ファイル設置するフォルダを指定するだけで、
フォルダ内ファイルはすべて静的ファイルとしてみることができるようです。

・app.yaml

runtime: php55
api_version: 1
threadsafe: true

handlers:
- url: /www
  static_dir: www
  
- url: /.*
  script: index.php


static_dirでしているフォルダ名がそうで、
/www/以下のファイルはすべて静的ファイルとして使用できます。

・ファイル構成
app/yaml
/www/
 ┣css/xxx.css
 ┣js/xxx.js
 ┗img/xxxx.jpg
など。

HTML記入例)

<img src="/www/css/xxxx.jpg" />

短いですがこれでまた一歩進めた。

1
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?