Cara mengunggah Laravel Ke server dengan mudah dan efisien

-

 Saat ini, Laravel adalah kerangka kerja PHP paling terkenal, yang membanggakan komunitas pengembang besar; beberapa paket open source, seperti Cashier, Sanctum, Scout, dan Telescope; dan sejumlah platform berbayar, misalnya Laravel Forge, Envoyer, dan Vapor. Laravel Forge & Envoyer dengan cakap mendukung penyebaran dan penggunaan aplikasi berbasis produksi Laravel.


Memperkenalkan Laravel SDK Cloudinary. Pelajari manfaat dan kemampuan framework Laravel PHP dan cara mengunggah dan mengubah file.


Bagian di bawah ini memandu Anda melalui proses pengaturan unggahan file Laravel.


Cara Mengoptimalkan Kecepatan Muat Halaman


Siapkan Proyek Laravel

Instal Komposer dan PHP pada mesin pengembangan atau produksi Anda dan kemudian jalankan perintah ini:


komposer create-project --prefer-dist laravel/laravel upload

Buka direktori unggah dan ganti nama file env.example menjadi .env.


Jalankan proyek dengan perintah php artisan serve.


Proyek Laravel Anda sekarang aktif dan berjalan.


Siapkan Mekanisme untuk Upload File

Buat pengontrol unggah file (FileUpload Controller) di proyek Anda:


php artisan make:controller FileUploadController

Buka file FileUploadController.php dan tambahkan metode untuk menampilkan formulir unggah:


<?php

namespace App\Http\Controllers;

gunakan Illuminate\Http\Request;


kelas FileUploadController memperluas Controller

{

    fungsi publik showUploadForm()

    {

        kembali tampilan('unggah');

    }

}

Buat file upload.blade.php di direktori resources/views dan isi file dengan kode di bawah ini:


<!DOCTYPE html>

<html>

<kepala>

    <meta charset="utf-8">

    <meta name="viewport" content="width=device-width, initial-scale=1">


    <title>Unggah File Laravel</title>


    <!-- Font -->

    <link href="https://fonts.googleapis.com/css?family=Nunito:200.600" rel="stylesheet">


    <!-- Gaya -->

    <gaya>

        html, isi {

            warna latar belakang: #fff;

            warna: #636b6f;

            font-family: 'Nunito', sans-serif;

            font-berat: 200;

            tinggi: 100vh;

            margin: 0;

        }


        .tinggi penuh {

            tinggi: 100vh;

        }


        .flex-center {

            align-item: tengah;

            tampilan: fleksibel;

            justify-content: pusat;

        }


        .posisi-ref {

            posisi: relatif;

        }


        .kanan atas {

            posisi: mutlak;

            kanan: 10 piksel;

            atas: 18 piksel;

        }


        .isi {

            perataan teks: tengah;

        }


        .judul {

            ukuran font: 84px;

        }


        .link > a {

            warna: #636b6f;

            bantalan: 0 25px;

            ukuran font: 13px;

            font-berat: 600;

            spasi huruf: .1rem;

            dekorasi teks: tidak ada;

            transformasi teks: huruf besar;

        }


        .m-b-md {

            margin-bawah: 30px;

        }

    </ gaya>

</head>

<tubuh>

    <div class="flex-center position-ref full-height">

        <div class="konten">

            <div class="judul m-b-md">

                Unggah File Laravel

            </div>


            @if ($pesan = Sesi::get('berhasil'))

                <div class="alert alert-success alert-block">

                    <button type="button" class="close" data-dismiss="alert">×</button>

                        <strong>{{ $pesan }}</strong>

                </div>

            @berakhir jika


            <div class="link">

                 <form action="/upload" method="POST" enctype="multipart/form-data">

                    @csrf

                    <div class="baris">


                        <div class="col-md-6">

                            <input type="file" name="file" class="form-control">

                        </div>


                        <div class="col-md-6">

                            <button type="submit" class="btn btn-success">Unggah File</button>

                        </div>


                    </div>

                </form>

            </div>

        </div>

    </div>

</tubuh>

</html>

Kode diatas menampilkan form beserta pesan konfirmasi jika upload berhasil. Secara bersamaan, pengontrol unggah file memposting data formulir ke rute /upload di file route/web.php. Catatan: Kode terkait akan ditampilkan nanti di posting ini.


Buka direktori route/web.php dan tambahkan dua rute: satu untuk menampilkan formulir dan yang lainnya untuk memproses unggahan file:


Rute::get('/upload', 'FileUploadController@showUploadForm');

Rute::post('/upload', 'FileUploadController@storeUploads');

Sekarang muat ulang aplikasi dan pergi ke /upload route. Halaman ini ditampilkan:


unggah file laravel

Memproses Unggahan

Selanjutnya, pastikan file yang diunggah disimpan melalui formulir dengan menambahkan metode storeUploads ke file FileUploadController.php, sebagai berikut:


….

fungsi publik storeUploads(Permintaan $permintaan)

    {

        $request->file('file')->store('images');


        kembali()

            ->with('success', 'File berhasil diunggah');

    }

Comments

Post a Comment

Popular posts from this blog

Apa Itu AWS Trusted Advisor ? Penjelasan dan Pembahasan

-
Image
  AWS Trusted Advisor Saat menjalankan kedai kopi, mungkin Anda memerlukan seorang penasihat yang datang menganalisis sistem dan berkata, “Hei, proses ini harus disederhanakan.” Atau, “Saya punya beberapa tips bagus tentang cara menghemat uang untuk bisnis Anda.” Atau bahkan, “Tahu, nggak? Saya bisa masuk ke area mesin kasir Anda dan membuka laci kasnya tanpa ada yang memperhatikan. Itu tidak baik!” Poinnya, akan sangat sempurna jika Anda kenal seseorang yang mengerti praktik terbaik di industri, paham apa yang harus dianalisis, dan memberi tahu apa yang perlu dilakukan. Jika poin-poin di atas diterapkan, maka sistem dapat berjalan lebih efisien, lebih aman, dan lebih hemat. Lalu, bagaimana cara untuk menerapkannya? AWS memiliki penasihat otomatis yang disebut dengan AWS Trusted Advisor. Ia adalah layanan web yang memeriksa lingkungan AWS Anda dan memberikan rekomendasi secara real time sesuai dengan praktik terbaik AWS. Jika Anda penasaran, berikut adalah ...
Read more

Apa Itu API, Rest API Web Service ? Penjelasan Fungsi

-
  REST Web Service Dalam mengembangkan web service, Anda perlu menetapkan arsitektur apa yang hendak diadaptasi. Dengan menetapkan arsitektur, client dan server lebih mudah dalam berkomunikasi karena memiliki pola atau gaya yang konsisten. Salah satu arsitektur web service yang banyak digunakan saat ini adalah REST .  REST atau RE presentational S tate T ransfer adalah salah satu gaya arsitektur yang dapat diadaptasi ketika membangun web service. Arsitektur ini sangat populer digunakan karena pengembangannya yang relatif mudah. REST menggunakan pola request-response dalam berinteraksi, artinya ia memanfaatkan protokol HTTP seperti yang sudah kita pelajari di materi sebelumnya.  Dalam implementasinya arsitektur REST benar-benar memisahkan peran client dan server, bahkan keduanya tidak harus saling mengetahui. Artinya ketika terjadi perubahan besar di sisi client, tidak akan berdampak pada sisi server, begitu juga sebaliknya. REST API Sebagian dari kalian m...
Read more

Penjelasan HTPP Verbs/Methods dan HTPP Response Code

-
  HTTP Verbs/Methods Karena REST API menggunakan protokol HTTP, kita dapat memanfaatkan HTTP verbs untuk menentukan aksi. GET  untuk mendapatkan data,  POST  untuk mengirimkan data baru,  PUT  untuk memperbarui data yang ada, dan  DELETE untuk menghapus data. Verbs tersebutlah yang umum digunakan dalam operasi CRUD . HTTP Response Code Status-Line merupakan salah satu bagian dari HTTP Response. Di dalam status line terdapat response code yang mengindikasikan bahwa permintaan yang client lakukan berhasil atau tidak. Karena itu, ketika membangun REST API kita perlu memperhatikan dan menetapkan response code secara benar. Status code bernilai 3 digit angka. Pada REST API, berikut nilai-nilai status code yang sering digunakan: 200 (OK) - Permintaan client berhasil dijalankan oleh server. 201 (Created) - Server berhasil membuat/menambahkan resource yang diminta client. 400 (Bad Request) - Permintaan client gagal dijalankan karena proses validasi ...
Read more