動作確認（サービスの公開）

この記事は、「[架空プロジェクトを通してシステム開発とドキュメント作成を体験してみる（2022 Late）](https://qiita.com/minimumskills/items/aedf6a93658db3f74747)」の記事の一部です。

# 概要

では完成したWebサイトを公開してみましょう。
一般にはWebサーバを用意してWebページを公開することが多いですが、ここではGoogle DriveをWebサーバとして利用し公開してみます。

> 正確にはDrive To WebというGoogle ドライブやMicrosoft OneDriveのクラウドドライブに保存されているファイルをWebサイトとして公開できるサービスを利用します。
**※公開できるのは、HTML・CSS・JSなどの静的ページのWEBサイトのみです（PHPとかはNG）**

# Google Driveへアップロード
[Google Drive](https://drive.google.com/)を開き、左にある「新規」から「フォルダのアップロード」をクリックして、フォルダをアップロードします。

アップロードが完了すると、左のマイドライブにアップロードしたフォルダが表示されています。

<img width="300" alt="000001.jpg" src="https://drive.google.com/uc?export=view&id=1ciK7w2Syxj8UNzlNK8Vlla0jlQ3hW09G">


#  アクセス制限変更
フォルダ名を右クリックし、「リンクを取得」をクリックします。
<img width="300" alt="000010.jpg" src="https://drive.google.com/uc?export=view&id=1gooEXu4xrVJMO5oXZKFpg2s2a4mY-2GB">

一般的なアクセスを「リンクを知っている全員」に変更して「完了」をクリックします。
![000020.jpg](https://drive.google.com/uc?export=view&id=1INUycQOgpzmtoeDwpXdDiOSpziI7_1KP)

:::note alert
この設定をするとURLを知っている人にはフォルダの中身が全て公開されます。同じフォルダの中に会員リストやサーバ構成ファイルなどを保存していたりするとアウトです。一般のファイル共有にはあまり使わないほうがいいです（よくあるクラウド設定ミスによる公開事故に繋がります）。
:::


# サイト確認
https://www.drv.tw にアクセスしてホスティングURLを確認します。
下記ページが表示されたら、「Host on Google Drive」をクリックします。
![000030.jpg](https://drive.google.com/uc?export=view&id=133vFQTjfQfI-HB64pcjM6SRLvLvchD_L)


使用しているDriveのアカウントを選択します。
<img width="500" alt="000040.jpg" src="https://drive.google.com/uc?export=view&id=1cXhZoB3DBjDvxSmr-Vl4oQeVys4gS1pj">


「DriveToWebがGoogleアカウントへのアクセスをリクエストしています」が開いたら「許可」をします。
<img width="500" alt="000001.jpg" src="https://drive.google.com/uc?export=view&id=1nrR9ic86HPN8lH8YWIZoBMBbb8UdVw3S">


すると管理パネルが開き、URLが表示されます。
フォルダ内にindex.htmlとcontact.htmlがあるため、各ページのURLが表示されています。
<img width="500" alt="000060.jpg" src="https://drive.google.com/uc?export=view&id=1q66IOCGGECChCo_KRk6oDIxNnIX4nv4h">

URLをクリックすると実際に公開されている状態を確認できます。
![000070.jpg](https://drive.google.com/uc?export=view&id=1CvVWdNKRii0bq4q4gUTg4Wa-baBAy05H)

公開されたお問合せ機能も含めテストしてみてください。
正常に動いていれば、最低限度のWebサイトが世界に公開されました。

>ここまでで「狭義の開発」は終わりです。が、ITプロジェクトとしての開発（関連業務）はまだまだ続きます。。。

# ページ更新や削除について
必要に応じて実行してみてください。
## ページ更新方法　
 公開ページを更新したい場合は、ローカル環境で更新したファイルを再度アップロードすれば更新されます。
    
## 公開ページの削除方法
公開ページを削除する方法は3パターンあります。
- ファイル削除する
    - ページを削除したい場合、一番簡単な方法は、アップロードしたファイルを削除することです。
- アクセス制限の変更をする
    - ファイル削除したくない場合は、ファイルのアクセス制限を変更します。
        - ドライブ > マイドライブ > website > 右クリックで「リンク取得」> 一般的なアクセスを「制限付き」に変更
- URLを変更する
    - URLを変更することで、変更前のURLにアクセスすると「File not found」とすることができます。<img width="300" alt="000080.jpg" src="https://drive.google.com/uc?export=view&id=1JSGKNA24ZF2_gEjfqFSA2l5Jp0sTicbb">
    - [DriveToWeb](https://www.drv.tw/)にアクセスし、Your site nameに入力、「Set Site Name」で変更可能です。<img width="300" alt="000090.jpg" src="https://drive.google.com/uc?export=view&id=1WsSZOol_X18-_aNmgbAhpGfvE0QZGECt">



:::

# まとめ

* Webを外部に公開するにはWebサーバにファイルをアップロードする必要がある
* 通常はWebサーバを用意するが、無償で公開できる方法もいくつかある
* 実案件ではステージングサーバなどを経て、本番公開することが多い

# ドキュメント作成視点での考察

* 作成したWebをどのように公開するかはどこにどう記述すべきか？
* 公開に必要な情報は何があるか？（ドメインやアカウント情報等）
* ステージングサーバ等の有無、どう運用するかはどこにどう記述すべきか？

# 関連コンテンツ

* 次：[テストをしてみよう（単体テスト）](https://qiita.com/minimumskills/items/661e5287681469e29546)
* 前：[バックエンド開発１](https://qiita.com/minimumskills/items/66514e324bcf6f4729eb)