{"id":50767,"date":"2024-10-25T15:43:30","date_gmt":"2024-10-25T08:43:30","guid":{"rendered":"https:\/\/www.rumahweb.com\/journal\/?p=50767"},"modified":"2024-10-25T15:43:32","modified_gmt":"2024-10-25T08:43:32","slug":"belajar-laravel-bagian-6","status":"publish","type":"post","link":"https:\/\/www.rumahweb.com\/journal\/belajar-laravel-bagian-6\/","title":{"rendered":"Belajar Laravel Bagian 6: Membuat Tampilan Maintenance Mode"},"content":{"rendered":"\n

Setelah mempelajari tentang Database, Seeder, dan Faker di sesi belajar Laravel bagian 5<\/a><\/strong>, kini kami akan melanjutkan ke bagian 6 dengan membahas cara membuat tampilan maintenance mode<\/em> di Laravel.<\/p>\n\n\n\n\n\n

Saat website Anda masih dalam pengembangan atau masih dalam proses pembuatan, akan lebih baik bila Anda membuat tampilan websitenya menjadi mode maintenance<\/em>. Setelah selesai perbaikan, Anda dapat mengonlinekan kembali websitenya. Hal ini bertujuan agar visitor website Anda mengetahui, bahwa saat ini website belum siap untuk digunakan dan sedang dalam perbaikan.<\/p>\n\n\n\n

Di Laravel<\/a>,\u00a0 untuk membuat tampilan halaman menjadi mode maintenance<\/em> dapat dilakukan dengan mudah. Anda dapat melakukannya dengan menggunakan perintah artisan. Cukup dengan 1 baris perintah saja, tampilan website sudah berganti ke tampilan mode maintenance<\/em>. Penasaran cara membuatnya ? Mari ikuti caranya sebagai berikut.\u00a0<\/p>\n\n\n\n

Membuat Tampilan Maintenance<\/em> di Laravel<\/h2>\n\n\n\n

Untuk belajar membuat tampilan maintenance<\/em> di Laravel, Anda dapat lakukan dengan mudah menggunakan perintah artisan. Langkahnya sebagai berikut.\u00a0<\/p>\n\n\n\n

    \n
  1. Klik terminal Laragon.<\/li>\n\n\n\n
  2. Masuk ke directory kerja Laravel.<\/li>\n\n\n\n
  3. Jalankan perintah artisan berikut:<\/li>\n<\/ol>\n\n\n\n
    php artisan down<\/code><\/pre>\n\n\n
    \n
    \"php<\/a><\/figure>\n<\/div>\n\n\n
      \n
    1. Selanjutnya jalankan Laravel Anda, dengan menggunakan perintah artisan <\/em>berikut.<\/li>\n<\/ol>\n\n\n\n
      php artisan serve<\/code><\/pre>\n\n\n
      \n
      \"php<\/a><\/figure>\n<\/div>\n\n\n
      Oke, sekarang Anda dapat mengakses website Anda menggunakan URL http:\/\/localhost:8000<\/em>.<\/p>\n\n\n
      \n
      \"maintenance<\/a><\/figure>\n<\/div>\n\n\n
      Terlihat bahwa website Laravelnya dalam kondisi maintenance<\/em>. Error 503 yang ditampilkan menandakan website masih dalam tahap maintenance<\/em> atau pengembangan.<\/p>\n\n\n\n
      Mengganti Tampilan Maintenance<\/em><\/h2>\n\n\n\n
      Bila Anda ingin mengganti tampilan 503-nya menggunakan tampilan informasi halaman Under construction <\/em>atau yang lainnya, maka Anda dapat melakukan custom <\/em>tampilannya. Bagaimana caranya ?<\/p>\n\n\n\n
        \n
      1. Silakan menuju ke directory views, kemudian buat file resources\/views\/errors\/503.blade.php<\/code><\/li>\n\n\n\n
      2. Selanjutnya edit file 503.blade.php<\/code>, kemudian isi tampilan Under construction<\/em>. Sebagai contoh;<\/li>\n<\/ol>\n\n\n\n
        <!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>503 Service Unavailable<\/title>\n    <style>\n        body {\n            text-align: center;\n            padding: 150px;\n            font-family: Arial, sans-serif;\n            color: #333;\n        }\n        h1 {\n            font-size: 50px;\n        }\n        p {\n            font-size: 22px;\n        }\n    <\/style>\n<\/head>\n<body>\n    <h1>We'll be right back!<\/h1>\n    <p>Our site is currently under maintenance. Please check back soon.<\/p>\n<\/body>\n<\/html>\n<\/code><\/pre>\n\n\n\n
          \n
        1. Jalankan perintah artisan berikut<\/li>\n<\/ol>\n\n\n\n
          php artisan down<\/code><\/pre>\n\n\n\n
            \n
          1. Selanjutnya jalankan Laravel Anda, dengan menggunakan perintah artisan berikut.<\/li>\n<\/ol>\n\n\n\n
            php artisan serve<\/code><\/pre>\n\n\n\n
              \n
            1. Saat diakses, maka akan tampil tampilan sebagai berikut. <\/li>\n<\/ol>\n\n\n
              \n
              \"undermaintenance<\/a><\/figure>\n<\/div>\n\n\n
              Untuk Menonaktifkan Tampilan Maintenance<\/em><\/h2>\n\n\n\n
              Sebelumnya telah dibahas langkah-langkah untuk membuat tampilan maintenance<\/em> di Laravel. Selanjutnya saat Anda ingin menonaktifkan mode tersebut supaya website bisa diakses kembali, maka Anda cukup gunakan perintah artisan berikut.\u00a0<\/p>\n\n\n\n
              php artisan up<\/code><\/pre>\n\n\n
              \n
              \"php<\/a><\/figure>\n<\/div>\n\n\n
              Setelah dijalankan perintah tersebut, maka saat ini website sudah bisa diakses kembali seperti semula. Silakan akses url http:\/\/localhost:8000<\/mark>.<\/p>\n\n\n
              \n
              \"tampilan<\/a><\/figure>\n<\/div>\n\n\n
              Kesimpulan<\/h2>\n\n\n\n
              Untuk membuat tampilan mode maintenance<\/em> di Laravel caranya sangat mudah. Cukup menggunakan perintah php artisan down , maka tampilan website Anda berubah ke tampilan maintenance mode<\/em>.\u00a0 Bila Anda ingin mengaktifkan kembali websitenya, maka cukup menggunakan perintah php artisan up. Mudah bukan?<\/p>\n\n\n\n
              Demikian sesi belajar laravel bagian 6 tentang cara membuat maintenance mode <\/em>di Laravel. Di sesi tutorial belajar laravel selanjutnya, kami akan membahas tentang cara CRUD di Laravel.\u00a0Jangan sampai ketinggalan, ya!<\/p>\n","protected":false},"excerpt":{"rendered":"
              Setelah mempelajari tentang Database, Seeder, dan Faker di sesi belajar Laravel bagian 5, kini kami akan melanjutkan ke bagian 6 dengan membahas cara membuat tampilan maintenance mode di Laravel. Saat website Anda masih dalam pengembangan atau masih dalam proses pembuatan, akan lebih baik bila Anda membuat tampilan websitenya menjadi mode maintenance. Setelah selesai perbaikan, Anda […]<\/p>\n","protected":false},"author":319,"featured_media":51172,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[7],"tags":[1587,796,1497],"class_list":{"0":"post-50767","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-web-programming","8":"tag-belajar-laravel","9":"tag-laravel","10":"tag-tutorial-laravel"},"aioseo_notices":[],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/10\/banner-belajar-laravel-bagian-6.png","jetpack_shortlink":"https:\/\/wp.me\/p8n3G7-dcP","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/posts\/50767","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/users\/319"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/comments?post=50767"}],"version-history":[{"count":0,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/posts\/50767\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/media\/51172"}],"wp:attachment":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/media?parent=50767"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/categories?post=50767"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/tags?post=50767"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}