Membuat Blog dengan Laravel dan VueJS - #1 | Instalasi

wahyunanangwidodo

wahyunanangwidodo Senin, 12 Agustus 2019

Membuat Blog dengan Laravel dan VueJS - #1 | Instalasi

Pada artikel ini kita akan memulai membangun sebuah blog, dan ini adalah bagian pertama dari tutorial membuat blog dengan laravel dan vue.js ini.

Seperti yang sudah saya bahas sebelumnya bahwa banyak kegunaan dari sebuah blog, banyak juga cara bagaimana kita bisa memiliki suatu blog, salah satu caranya adalah dengan membuatnya sendiri.

Dengan membuatnya sendiri tentu banyak hal dapat kita lakukan untuk blog. Kita bisa tentukan seperti apa blog yang akan dibuat dan untuk apa blog itu dibuat.

Saran

Dalam pembuatan blog ini, diharapkan memiliki sedikit pengetahuan dasar untuk beberapa hal. Seperti:
  • Pengetahuan dasar mengenai Laravel dan VueJS
  • JavaScript dan PHP
  • MySQL

Instalasi Laravel

Kita akan mulai menginstall atau mendownload project laravel, untuk melihat dokumentasi lengkapnya bisa dibuka disitus https://laravel.com/.

Install Composer

Composer adalah package manager PHP untuk mengelola suatu dependensi. Untuk dapat mendowload project laravel kita harus menginstallnya terlebih dahulu di kompuer kita.

Silahkan mendownload di website https://getcomposer.org/ dan silahkan di install.

Setelah composer terinstall, selanjutnya adalah mendownload project. Ada dua cara yang bisa kita gunakan:

Via Composer Create-Project

Cara pertama adalah dengan composer create-project. Silahkan buka command promt / terminal dan jalankan perintah dibawah ini:
composer create-project --prefer-dist laravel/laravel blog[nama blog]
Setiap ingin mendownlad laravel, kita dapat guanakan perintah diatas.

Via Laravel Installer

Cara kedua adalah dengan laravel installer. Silahkan buka command promt / terminal dan jalankan perintah dibawah ini:
composer global require laravel/installer
Perintah diatas belum mendownload project laravelnya dan cukup di install sekali saja dalam komputer kita.

Untuk mendownloadnya silahkan jalankan perintah dibawah ini:
laravel new blog[nama folder]
Kita gunkanan perintah 'laravel new blog' untuk setiap mendownlaod laravel, dan 'blog' adalah nama folder project kita. Untuk contoh seperti gambar dibawah ini:

Membuat Blog dengan Laravel dan VueJS - #1 | Instalasi

Diatas adalah gambar dimana saya mendownload project laravel dengan nama 'blog_laravel_vuejs' dan lokasi folder akan berada di dekstop.

Setelah proses download selesai, kita masuk ke direktori project dan jalankan perintah dibawah ini untuk menjalankan aplikasi.
php artisan serve
Lalu kita buka browser dan buka url http://localhost:8000/.

Membuat Blog dengan Laravel dan VueJS - #1 | Instalasi

Selanjutnya buka project di text editor yang kita gunakan. Disini untuk struktur folder dan setiap filenya tidak perlu saya jelaskan.

Kita akan membuat database baru dan melakukan konfigurasi pada project. Silahkan ikuti beberapa langkah dibawah ini:

1. Buat database mysql baru
Langkah pertama kita membuat database baru di MySQL. Sebagai contoh, saya membuat database dengan nama 'db_blog_laravel_vuejs'.

2. Buka File .Env
Unuk menghubungkan database dengan project, buat pengaturan dibawah ini:
//.env
DB_DATABASE=db_blog_laravel_vuejs
DB_USERNAME=root
DB_PASSWORD=
3. Membuat Autentikasi
Laravel menyediakan autentikasi otomatis sekaligus tabel databasenya untuk membuat proses login dan juga registrasi dengan mudah.

Untuk membuatnya ketikan perintah dibawah ini pada terminal dan tekan enter:
php artisan make:auth
Setelah itu ketikan perintah dibawah ini untuk membuat tabel pada database:
php artisan migrate
Jika terajadi error seperti dibawah ini, kita perlu mengatur default panjang karakternya.

Membuat Blog dengan Laravel dan VueJS - #1 | Instalasi

Untuk mengatasinya, buka file AppServiceProvider.php dan tambahkan syntax dibawah ini:
//AppServiceProvider.php
use Illuminate\Support\Facades\Schema;

...

public function boot()
{
  Schema::defaultStringLength(191);
}
Kemudian kembali kita lakukan migrasi:
php artisan migrate:fresh
*Perintah diatas digunakan untuk menghapus tabel yang sudah ada dan melakukan migrasi ulang.

Membuat Blog dengan Laravel dan VueJS - #1 | Instalasi

Jika tidak ada error maka akan terbuat 3 table seperti pada gambar dibawah ini:

Membuat Blog dengan Laravel dan VueJS - #1 | Instalasi

Sampai disini kita sudah bisa melakukan registrasi membuat user baru.

Membuat Blog dengan Laravel dan VueJS - #1 | Instalasi

Membuat Blog dengan Laravel dan VueJS - #1 | Instalasi

Demikian, sampai disini kita sudah melakukan instalasi laravel, membuat database dan menghubungkannya dengan project serta melakukan registrasi. 

Selanjutnya: Admin Dashboard.

Urutan part / bagian dari tutorial ini bisa dilihat disini.

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel

Berlangganan

Berlangganan untuk mendapat pemberitahuan artikel terbaru via email.