0
0

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.

Laravelでメンテナンスモードに切り替える

Posted at

###メンテナンスモードにする。

Laravelではコマンド一つで簡単にメンテナンスモードに切り替えることが可能
以下のコマンドでメンテナンスモードに切り替えられる。
アクセスすると、503画面が表示される。

.bash
#サーバーで以下のコマンドを入力すると、メンテナンスモードに入る。
php artisan down

###メンテナンスモード(パスワード付き)にする。

Basic認証みたいにしたい場合(パスワードを知っている人は入れる)は、--secretオプションを使う。

.bash
#パスワードを設定して、メンテナンスモードに入る。
php artisan down --secret="A8mrLZ3x"

[URL]/A8mrLZ3xでアクセスすれば、認証が完了し、"/"にリダイレクトする。
以降認証情報は保存され、パスワードを入れる必要はなくなる。

###メンテナンスモードを中断する。

.bash
#メンテナンスモードを中断する。
php artisan up

###メンテ画面をカスタマイズしたい場合

resource/errors/503.blade.phpを書き換える。

.html
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <title>@yield('title')</title>

        <!-- Fonts -->
        <link rel="preconnect" href="https://fonts.gstatic.com">
        <link href="https://fonts.googleapis.com/css2?family=Nunito&display=swap" rel="stylesheet">

        <!-- Styles -->
        <style>
            html, body {
                background-color: #fff;
                color: #636b6f;
                font-family: 'Nunito', sans-serif;
                font-weight: 100;
                height: 100vh;
                margin: 0;
            }

            .full-height {
                height: 100vh;
            }

            .flex-center {
                align-items: center;
                display: flex;
                justify-content: center;
            }

            .position-ref {
                position: relative;
            }

            .content {
                text-align: center;
            }

            .title {
                font-size: 36px;
                padding: 20px;
            }
        </style>
    </head>
    <body>
        <div class="flex-center position-ref full-height">
            <div class="content">
                <div class="title">
                    <img src="images/maintenance/maintenance.png">
                    <p>システムメンテナンスのお知らせ</p> 
                </div>
            </div>
        </div>
    </body>
</html>

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

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?