Help us understand the problem. What is going on with this article?

webサービスの本番サーバーをダウンさせてしまった時に爆速で土下座する方法🙇‍♂️🙇‍♂️💦💦

こんにちわ。
れとるときゃりー(@retoruto_carry)です。よろしくね。

なにをしたか

運営している「みんなのボタンメーカー」というサービスのサーバーを誤って落としてしまった。

※ このサービスの開発に関する記事も書いているのでこっちも読んでね
「ツイッターでつぶやけるボタン」を簡単に作成できるサービスをリリースしました【個人開発】

復活させるまでの間、サービスを訪れた人に「サーバーがダウンしているのでしばらく待ってね」と伝えたい。

そのために、DNSを設定して、GitHub Pagesでホスティングした「サーバーがダウンしています」ページにリダイレクトするようにした。

順番に説明していく。

1. 誤ってサーバーを落とす

LINEで通知が来る

image.png

サーバーがダウンするとLINEに通知が来るようにmackerelというツールで設定している

実際にサービスを見に行くと落ちている

あっ....

スクリーンショット 2019-05-15 22.10.52.png

2. とりあえずtwitterで謝る🙏🙏

謝ろう


3. 「サーバーがダウンしています」ページを用意

GitHubレポジトリを作ってこんな感じのページをpush

index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>sorry</title>
</head>
<body>
  <p>ごめんwwwwwwサーバー落としちゃったwwww</p>
</body>
</html>
404.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>sorry</title>
</head>
<body>
  <p>ごめんwwwwwwサーバー落としちゃったwwww</p>
</body>
</html>

スクリーンショット 2019-05-15 22.14.49.png

404.htmlにも同じ内容を用意することで、 https://btnmaker.me/hoge などで遷移して来たものも「サーバーがダウンしています」が表示できるようにする。

※ CNAMEというファイルは後でGitHub上で設定するので作らなくて良い。

4.GitHub Pageを有効にする

master branchを選択

image.png

5. webサーバーのDNSのCNAMEを変更して、上記で用意したページに向き先を変更

DNS上の設定

[ユーザー名].github.ioをCNAMEに設定

スクリーンショット 2019-05-15 23.52.24.png

GitHub上でのCNAMEの設定

Custom domainにbtnmaker.meなどのリダイレクト元を設定

スクリーンショット 2019-05-15 22.15.07.png

6.サイトを訪れた人全員に謝れるようになる🙏🙏

btnmaker.meに訪れた人は、全員このページを見ることになる

image.png

番外編

復活させよう

本番サーバーを復活させて、DNSのCNAMEをもとに戻す
元通りになった🎉🎉
スクリーンショット 2019-05-15 22.13.25.png

まとめ

webサービスを落としたら謝ろう🙏🙏🙏🙏

合わせて読んでほしい記事

このサービスの開発に関する記事も書いているのでこっちも読んでね
「ツイッターでつぶやけるボタン」を簡単に作成できるサービスをリリースしました【個人開発】

ここまで読んでくれた方へ

ここまで読んでくださりありがとうございます。

いいねやコメント、SNSでの共有等をしてくださると、今後の励みになります。よろしくお願いします。

良かったらツイッター(@retoruto_carry)もフォローしてね

retoruto_carry
個人WEBサービス開発者。おうちハックもします。大学3年生。 作ったサービス ・みんなのボタンメーカー (https://btns.fun) ・やるぞ宣言(https://yaruzo.me) ・仮想通貨で投げ銭出来る音楽投稿サイト(https://tipmusics.com) 等
https://retoruto-carry.github.io
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
Comments
No comments
Sign up for free and join this conversation.
If you already have a Qiita account
Why do not you register as a user and use Qiita more conveniently?
You need to log in to use this function. Qiita can be used more conveniently after logging in.
You seem to be reading articles frequently this month. Qiita can be used more conveniently after logging in.
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
ユーザーは見つかりませんでした