0
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 1 year has passed since last update.

ランニングコスト0の書籍管理webアプリ! google driveのホスティングってどんなもの?

Last updated at Posted at 2022-03-21

ランニングコスト0の書籍管理webアプリを開発! google driveのホスティングってどんなもの?

※こちらの記事の内容は2022/3/21に執筆したものです。

初めに

この記事は、以下の元記事で紹介しているアプリを構築する際に使ったGASの機能について紹介している記事です。よろしければ元記事からご覧ください。

google driveのホスティングってなに?

google driveはご存じの方も多いと思いますが、googleが提供している基本無料のストレージサービスです。ファイルを保存できるほかに、google drive上で起動や編集ができる様々なサービスが存在します。

そしてgoogle driveで利用できるサービスの一つに、drive上のフォルダを指定してのホスティングサービスがあるのです!

どうやって始めるの?

ざっくり2ステップで公開できます(強い)。

  1. 公開用のフォルダを作成し、共有設定を仕掛ける。
    フォルダを作成しまして
    image.png
    右クリックからリンクを取得を選択
    image.png
    こんなのが出てくるので、リンクの下の選択肢をリンクを知っている全員に変更して完了しましょう!
    image.png
    公開設定が完了したら、確認用に拡張子がhtmlのファイルを配置しておきましょう。

  2. driveのホスティング設定用のページにアクセス。
    driveとは別タブを開いてこちらのリンクにアクセスするとこのようなページが開く。
    image.png
    上の画面でgoogle driveのアイコンを選択するとログイン画面が出てくるので、出てきたらホスティングに使用するアカウントでログインしましょう。
    すると許可するかの選択が出てくるので許可しましょう。
    image.png

はいこれで完了です!
ログイン後にこんな画面に遷移したと思います。
image.png
ぼかしている部分に、リンクを知っている人全員が閲覧できるフォルダ内のhtmlへのリンクがでいるはずです!
ここには表示されていませんが、cssやjsや画像もこのホスト名でアクセスできます!

以上google driveでのホスティングについての簡単なあれこれでした!

0
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
0
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?