Unlimited Plugins, WordPress themes, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Code
  2. Yii
Code

Cara Menginstall Yii pada Windows atau Mac

by
Difficulty:BeginnerLength:LongLanguages:

Indonesian (Bahasa Indonesia) translation by Ratnawati (you can also view the original English article)

Final product image
What You'll Be Creating

Ingin lebih mengetahui tentang Yii? Baca perkenalan terhadap Yii Framework dan ikuti seri Pemrograman Yii kami.

Selamat Datang

Pada tutorial hari ini, kami akan menjelaskan bagaimana cara menginstall Yii pada development lokal baik pada windows maupun macOS. Untuk panduan bagi Windows, kita akan mengandalkan server WAMP, sebuah Windows web development environment untuk Apache, PHP dan Mac, dan untuk paduan bagi Mac, kami akan menggunakan sejenisnya, MAMP. Meskipun Rod menggunakan WAMP pada tutorial hari ini, ada juga versi Windows dari MAMP.

Saya menulis bagian Mac dalam panduan ini, dan kolega saya Rod Ussing menulis bagian Windows. Saya bertemu dengan Rod  di sekolah menengah di California pada pekerjaan pemrograman saya yang kedua, angka heksadesimal yang sangat besar dalam beberapa tahun lalu. Dia masih menggunakan Windows, tetapi setelah delapan tahun bekerja pada Microsoft dan Lelah melakukan reboot system untuk memulai ulang Outlook, saya beralih pada macOS.

Apa Itu Yii?

Yii dirancang dengan baik, terdesain dengan baik, framework dengan performa tinggi untuk PHP, sebagaimana Rails untuk Ruby dan mirip dengan Laravel. Jika kamu membayangkan dirimu dapat membangun aplikasi real-world dengan Yii, temukan dalam seri Meeting Planner dan Buiding Your Startup.

Saya suka membuat kode menggunakan Yii. Segalanya terasa lebih cepat dan lebih mudah bagi saya. Dan Yii relative sejalan dengan perkembangan Framework (hal itu yang saya bayangkan dari Rails).

Kita akan memulai dengan dasar yang unik dari penginstallan Yii pada macOS, kemudian berpindah kepada Windows. Seperti apa yang dibutuhkan untuk menyelesaikan instalasi pada ssetiap platform konvergen, kami akan menjelaskan instruksi-instruksi dengan bentuk yang terpadu untuk kedua platform.

Memilih antara Yii Basic dan Yii Advanced

Yii Basic merupakan bentuk paling sederhana dari Yii. Dengannya anda dapat membuat semua jenis aplikasi, tetapi paling baik jika digunakan untuk single tier, misalnya satu pelanggan hanya satu sisi.

Berikut ini struktur direktori dari aplikasi Yii Basic dengan hanya satu set direktori untuk aplikasi tunggal:

Yii 2 Advanced Project Template merupakan yang terbaik untuk mengembangkan aplikasi-aplikasi Web yang kompleks dengan beberapa tingkatan, seperti frontend, backend, dan konsol, yang masing-masing secara terpisahadalah aplikasi Yii. Sebagai contoh, situs administratif dapat berjalan di backend, dan tugas-tugas cron dapat berjalan di lingkungan konsol.

Sebaliknya berikut ini struktur direktori aplikasi Yii Advanced yang menggunakan tiers ganda:

masing-masing tier merupakan situs itu sendiri, tetapi dapat dengan mudah membagi kode dan basis data umum jika diinginkan. Saya menggunakan template ini dalam seri-seri startup kami. Yii Advances juga menyediakan bantuan konfigurasi buit-in untuk konfigurasi yang berbeda, menjadikan pengembangan tim lebih mudah.

Mempersiapkan macOS untuk Yii

Saya telah membuat kode Yii menggunakan macOS untuk beberapa tahun. Tentu, terdapat banyak cara untuk menjalankan Apache, MySQL, PHP pada Mac, tapi saya lebih memilih MAMP.

Menginstall MAMP

Install Yii on Windows or a Mac - MAMP Website Home Page

Pada dasarnya, hanya perlu mengunjungi website MAMP dan mengunduh paket macOS:

Install Yii on Windows or a Mac - MAMP Downloads Page

Jika sudah terunduh, kamu bisa meletakkannya pada folder Aplikasi dan klik dua kali untuk menginstall Yii pada Windows atau Mac-MAMP Window:

Install Yii on Windows or a Mac - MAMP Window

Konfigurasi MAMP

Klik Preferences untuk mengkonfigurai port-port yang anda inginkan untuk server yang menyala (saya menggunakan 8888 untuk Apache):

Install Yii on Windows or a Mac - MAMP Preferences Ports Configuration

Klik Web Server untuk meninjau atau mengubah direktori dari server anda. Saya menggunakan Apache secara lokal:

Install Yii on Windows or a Mac - MAMP Preferences Web Server Configuration

Menginstall Composer pada macOS

Yii2 membutuhkan Composer, sebuah manajer dependency populer untuk PHP. Jika anda belum menginstall Composer, lakukan hal ini:

Berikutnya, gunakan Composer untuk menginstall Yii2. Permintaan penginstallan mengharuskan anda menggunakan kredensial akun GitHub anda, mendaftarlah terlebih dahulu jika anda belum memiliki akun.

Sebagaimana yang akan Rod deskripsikan lebih jauh dibawah ini, penginstallan Yii memerlukan  Composer Assets Plugin:

dia merekomendasikan pengaturan akun menggunakan GitHub dan mengkonfigurasi sebuah akses token. Alasan untuk hal ini adalah karena selama proses penginstallan Yii, jumlah permintaan dapat melebihi batas tingkat API GitHub, dan Composer mungkin saja berhenti bekerja dan meminta kredensial login GitHub anda untuk mendapatkan akses token API GitHub selama penginstallan.

Ketika sudah siap, anda dapat melakukan penginstallan Yii. Kita akan menggunakan Yii Basic dan menginstallnya pada direktori ~/sites/hello:

lalu buat sebuah symlink untuk MAMP pada direktori Sites app anda:

Jika anda memutuskan untuk menginstall Yii Advaced, maka berikut ini dapat membantu untuk mengaktifkan dan menyelaraskan host file virtual anda:

Dibawah ini saya telah mengkonfigurasi fronted.dev dan backend.dev untuk memetakan ke penginstalan Yii Advanced pada direktori ~/sites/yiiplus yang memiliki link simbolis pada /Applicaations/MAMP.

Jika anda memilih untuk menggunakan Yii Advanced, saya menyarankan anda untuk melihat juga tutorial saya yang memberikan lebih banyak detail.

Demikianlah langkah-langkah spesifik untuk macOS. Sekarang mari kita beralih mempersiapkan Yii pada Windows. Setelahnya, kita akan kembali untuk menyelesaikan konfigurasi dengan langkah-langkah yang dapat bekerja pada kedua platform. Jika anda hanya menggunakan macOS, anda dapat langsung menuju bagian Penyelesaian Konfigurasi Yii.

Mempersiapkan Windows untuk Yii

Untuk Yii pada Windows, kita akan menggunakan WAMP. Untuk memulainya, anda harus mengunduh dan mengkonfigurasi WAMP terlebih dahulu pada komputer Windows anda. Dalam tutorial ini, kita akan menginstall WAMP pada komputer lokal (yang mana servernya akan dialamatkan sebagai localhost). Jika anda ingin menginstall pada server produk Windows, maka anda harus menghubungi provider anda untuk detail server dan mengikuti rekomendasi-rekomendasi untuk penginstallan dan konfigurasi Server WAMP atau, sebagai alternatif, Apache, MySQL, PHP stack untuk environment tersebut.

Penginstalan WAMP

Install Yii on Windows or a Mac - WAMPSERVER Home Page

Dikarenakan focus dari tutorial ini ialah pada penginstallan WAMP, kami menyarankan anda untuk berkonsultasi menggunakan salah satu dari tutorial-tutorial hebat mengenai penginstallan WAMP yang sudah ada; anda akan terkejut seberapa mudahnya hal tersebut. Dikarenakan ini juga merupakan aplikasi PHP, maka panduan untuk menginstall WAMP dari WordPress bisa menjadi satu awal yang bagus.

Jika WAMP sudah terinstall dan terkonfigurasi, berikutnya kita perlu menginstall Composer, yang merupakan manajer dependency dan juga installer untuk proyek-proyek PHP. Hal ini akan memungkinkan kita untuk memulai penginstallan Yii kita.

Menginstall Composer pada Windows

Sekalipun anda dapat mengunduh langsung paket Yii dari GitHub, tetapi dalam tutorial ini kita menggunakan Composer untuk menginstallnya. Jika anda belum familiar dengan Composer, anda dapat lebih banyak belajar dari tutorial ini.

Pertama, kita buka GitHub untuk mengunduh dan menginstall versi terbaru dari Composer-setup.exe, yang saat ini yakni v4.5.0.

Jika penginstallan telah selesai, maka cobalah untuk log ogg kemudian log on kembali guna memastikan bahwa semua file telah diperbarui [Jeff: atau belilah sebuah Mac].

Anda dapat mengecek penginstallan anda dengan membukan Command Prompt dan mengetikkan:

Masukkan perintah berikut:

Info mengenai versi Composer akan ditampilkan, seperti:

Menginstall Composer Assets Plugin

Untuk mengatur assets proyek anda pada Composer .json, tanpa perlu menginstall NPM atau Bower, maka anda harus memastikan bahwa Composer berisi seluruh paket yang dibutuhkan dengan menjalankan perintah penginstallan untuk Composer Assets Plugin.

Buka command prompt pada Windows dan navigasikan pada lokasi folder PHP anda. Pada penginstallan ini, sebagai contoh, PHP terletak pada direktori wamp64\bin\dengan versi PHP 7.0.10, maka kita ketikkan:

Kemudian ketikkan perintah berikut:

Perlu diingat bahwa akan terjadi perubahan pada perangkat lunak tersebut, maka pastikan untuk mengecek bahwa anda bekerja dengan versi yang paling stabil saat ini. Hati-hati dengan versi beta Karena jika anda menggunakannya terlalu jauh, maka hal tersebut dapat memicu terjadinya kerusakan.

Untuk versi terbaru dari Composer dan Composer Asset Plugin:

Mengkonfigurasi WAMP untuk Aplikasi Yii Anda

Sekarang, mari kita konfigurasikan WAMP untuk Yii. Ubah direktori anda menuju penginstallan WAMP\www untuk penginstallan ini:

Pada direktori ini, kita akan membuat direktori baru bernama Yii Basic dengan mengetik:

disini kita akan menginstall Yii Basic. Anda dapat melewati langkah ini dan langsung menginstall Yii pada direktori www, akan tetapi membuat nama yang jelas untuk direktori dapat menghindari kebingungan, terutama jika anda berencana untuk menginstall keduanya, baik Yii Basic maupun Yii Advanced.

Pada direktori baru yii-basic, kita jalankan perintah berikut untuk menginstall template Yii Basic:

kita dapat memverifikasi Yii dengan menavigasikan pada folder “Basic” dapa direktori yang telah anda buat:

sekarang kita ketikkan perintah berikut:

Ini akan memulai Yii dengan menggunakan mesin PHP WAMP

Mengkonfigurasi Host File pada Windows

Jika anda ingin melakukan kustomisasi pada alamat-alamat browser local untuk situs anda, atau merujuk jelas pada frontend dan backend dari situs Yii-Advanced, anda perlu melakukan sedikit langkah lagi.

Anda dapat menggunakan text editor Open File atau dengan navigasi langsung pada Windows Explorer, buka:

Yang kita cari adalah bagian dengan tulisan:

Pada persiapan untuk situs-situs ganda dengan Yii Advanced, kita perlu menambahkan satu localhost untuk frontend dan satu untuk backend:

Dapat dilihat pada:

Install Yii on Windows or a Mac - Windows Host Config

Anda dapat menemukan lebih banyak informasi dan pengaturan Host File Windows anda disini.

Memunculkan Virtual Hosts pada File httpd.conf

Ini adalah ide yang baik untuk memeriksa bahwa host Virtual diaktifkan di file Apache httpd.conf.

Sangat berhati-hati lah ketika mengedit file httpd.conf — buat salinan sebelum Anda mulai, dan pastikan Anda memahami apa yang Anda lakukan sebelum Anda membuat suntingan, jika Anda dapat dengan mudah merusak WAMP server Anda. [Jeff di sini, terdengar seperti batang berbicara dari pengalaman.]

Untuk menemukan httpd.conf, ketik:

Saya suka panduan ini untuk penjelasan lebih rinci tentang pengeditan httpd.conf untuk mengaktifkan fungsi yang berkaitan dengan Virtual host di Apache dan konfigurasi Virtual host pada WAMP.

Mengkonfigurasi Virtual Hosts

Sekarang kita perlu untuk melakukan konfigurasi Virtual Hosts Apache kita. Gunakan menu text editor atau Windows Explorer, arahkan navigasi pada direktori berikut:

Disana sudah tersedia satu Virtual Host untuk localhost, maka sekarang kita perlu menambahkan beberapa Virtual Host untuk Yii frontend dan Yii backend. Saya merekomendasi agar anda mengetik nama diatas tiap-tiap Virtual Host untuk mencegah kebingungan. (Jangan lupa untuk membuat komentar untuk namanya!)

contoh #Frontend

file konfigurasi Virtual Host akan terlihat seperti ini.

Pada contoh ini, kita menginstall Yii Advanced pada c:/wamp64/www/yii-advanced dan membuat sebuah aplikasi bernama yii-application. Tidak masalah jika anda menginstall Yii pada www sehingga path anda dapat terbaca lebih sederhana C:/wamp64/www/myapp/frontend/web.

Install Yii on Windows or a Mac - Windows Virtual Host Config

Beri perhatian lebih pada DocumentRoot dan baris-baris Directory. Keduanya harus berisi pathway yang lengkap untuk direktori aplikasi Yii yang mengarah pada file “web” yang berlokasi dalam direktori-direktori frontend dan backend masing-masing. Isi dari DocumentRoot dan Directory identik kecuali path pada Directory yang terkandung dalam tanda kutip.

Menginstall Template Yii-Advanced pada Windows

Untuk menginstall template Yii Advanced, mari kembali pada direktori wamp64\www:

Berikutnya kita buat direktori baru bernama yii-advanced:

pada direktori baru, kita jalankan perintah berikut ini, yang akan menginstall template Yii Advanced:

Install Yii on Windows or a Mac - Composer install Yii-Advanced

sejauh ini, proses instalasi dari Yii Basic dan Yii Advanced telah berada pada titik yang sama. Sekarang kita akan menambahkan sedikit langkah lagi agar template Yii Advanced anda siap untuk digunakan.

Penyelesaian Konfigurasi Yii

Langkah-langkah untuk Windows maupun Mac

Membuat Basis Data MySQL

Dengan asumsi PHPmyAdmin telah terinstall pada server WAMP anda (sudah termasuk dalam WAMP), anda dapat benar-benar membuat basis data via GUI PHPmyAdmin, tetapi kita akan mendapatkannya dan menggunakan baris perintah SQL, yang sejujurnya tidak mengambil upaya lebih.

Pada Windows command line, navigasikan ke folder MySQL dengan mengetik:

Anda juga dapat melakukannya dari manapun selama WAMP atau MAMP berada dalam path local.

Kemudian, baik untuk Mac atau Windows, ketikkan:

ini akan membawa kita kepada baris perintah dari mysql. Sekarang kita akan mengeksekusi perintah berikut pada SQL:

(Anda dapat memberi nama basis data tersebut sesuai keinginan anda, akan tetapi pastikan anda menggunakan nama yang tepat sepanjang sisa proses.)

Sekarang kita akan membuat sebuah username dan password untuk basis data ini dengan mengetikkan perintah SQL:

Sekarang kita tinggalkan MySQL dan kembali pada konsol command line.

Simpan basis data username dan password sebab kita akan membutuhkannya untuk mengatur konfigurasi file PHP (common/config/main-local.php), yang akan memungkinkan untuk berkomunikasi secara aman dengan MySQL.

Menginisialisasi Aplikasi Yii Advanced

Hal ini tidak begitu penting untuk instalasi Yii Basic.

Untuk menginisialisasi Yii Advanced, kita akan perlu untuk navigasi ke folder aplikasi Yii-Advanced. Dalam hal ini:

Kemudian ketikkan init:

Ini akan memulai skrip inisialisasi yang akan menanyakan apakan anda akan menginisialisasi Yii untuk development atau untu production environtment; seperti:

Untuk kepentingan tutorial ini, kita akan bekerja dalam mode development environment, maka ketikkan 0 kemudian tekan tombol enter, kemudian ketikkan “yes” (tanpa tanda kutip) ketika diminta dan proses inisialisasi akan selesai.

Kita hamper selesai—semua kini hanya perlu sedikit langkah-langkah konfigurasi, dan anda akan dapat melakukan pemrograman menggunakan Yii.

Install Yii on Windows or a Mac - Yii Init Results

Memperbarui Pengaturan Konfigurasi Yii

Untuk Yii Basic, anda akan mengubah /yii-basic/config/db.ini. untuk Yii Advanced, anda akan mengubah /yii-advanced/common/config/main-local.php.

Dalam mengedit file ini, kita akan menggunakan text editor. Atom merupakan pilihan yang hebat yang akan melayani anda sebaik anda memasuki coding yang lebih maju.

Untuk membuka file config, gunakan dropdown Open File pada text editor atau navigasi secara langsung pada file config menggunakan Windows Explorer dan klik kanan, kemudian klik menu Open With dan pilih text editor anda. (Pada Windows, anda mungkin perlu menjalankan text editor as administrator.)

Contoh dari instalasi kita hari ini menggambarkan proses ini. Ingat bahwa anda mungkin menggunakan drive yang berbeda dan memiliki path yang berbeda tergantung pada nama yang anda berikan pada folder.

File config akan terlihat seperti:

Install Yii on Windows or a Mac - Yii config main-local ini file

Ingatlah untuk memasukkan username yang sama dan password yang anda gunakan untuk mengatur basis data MySQL Yii anda, jika tidak maka Yii dan MySQL tidak akan berjalan dengan baik!

Dan tolong jangan berpikir untuk menggunakan username dan password basis data anda pada file config! [Jeff … sungguh, jangan.]

Menggunakan Yii Migration Tool

Yii Advanced memiliki migrasinya sendiri. Setelah MySQL telah diatur, kita memerlukan beberapa tabel. Yii migrations memmbuat tabel-tabel dan skema-skema dalam basis data MySQL anda secara terprogram.

Untuk memulai Yii Migration tool pada Windows, kita perlu untuk pergi pada direktori instalasi Yii dengan mengetikkan:

Sekali lagi, anda dapat memilih untuk menginstallnya tanpa direktori induk yang Rod buat untuk demo ini. Sebagai contoh, untuk MAMP, saya menggunakan:

Sekarang ketikkan perintah berikut:

berikutnya anda akan ditanya apakah anda akan “Apply the above migration?”

Ketik Yes dan klik return. Jika semua berjalan dengan baik, kita akan mendapat pesan bahwa Yii termigrasi dengan sukses.

Install Yii on Windows or a Mac - Yii Migration results

Mengunjungi Situs Web Yii Anda

Kini saatnya untuk kebenaran. Ketika anda mengunjungi localhost:8888 anda pada browser anda, anda akan mendapati:

Install Yii on Windows or a Mac - Your Yii Website Congrtulations Default Home Page

Untuk Yii Advanced, anda mungkin perlu mencoba frontend.dev atau termasuk situs frontend atau backend, contoh: localhost:8888/frontend. Jika anda tidak ingin menampilkan host file anda, anda dapat mengakses Yii secara langsung menggunakan path, localhost:8888/web.

Jika ada telah menginstall template advanced, pergilah ke link Signup dan masukkan username, alamat e-mail yang ingin anda pakai, dan sebuah password.

Jangan gunakan password MySQL Anda (yang Anda dimasukkan ke dalam file konfigurasi PHP). Ini adalah database akun pengguna Yii dengan username dan password baru.

Registrasi user pertama anda juga akan menjadi user administratif dari aplikasi Yii yang memiliki akses untuk segalanya.

Sekarang anda telah terdaftar, ketikkan pada browser:

backend.dev

Anda akan mendapati layer login admin dimana anda dapat mengetikkan username dan password baru:

The Yii Login Screen

Hal ini akan membawa anda kembali pada halaman “Congratulations” Yii akan tetapi sebagai user yang terautentikasi.

Setelah semua ucapan selamat di sekeliling anda, mengapa anda tidak memberi ucapan selamat pada diri anda sendiri Karena telah sukses menginstall Yii. Selesai dengan baik. [Jeff, jika anda menggunakan Windows, belilah Mac kemudian cobalah disana.]

Penutup

Kami harap tutorial kami hari ini membantu anda memulai Yii. Rod dan saya menikmati saat-saat menulis ini Bersama.

Saksikan tutorial-tutorial berikutnya tentang seri-seri Pemrograman menggunakan Yii2 yang terus kami salami dari aspek-aspek yang berbeda dari framework ini. Pastikan untuk melihat seri-seri Membangun Startup-mu dengan PHP yang menggunakan template Yii2 Advanced yang kami bangun sebagai aplikasi real-world.

Episode Cara Memprogram Menggunakan Yii memberikan detail tentang mengatur Yii Basic dan produksi server Linux.

Jika anda ingin mengetahui kapan tutorial Yii2 berikutnya hadir, ikuti saya @reifman di Twitter atau cek halaman instruktur saya. Halaman instruktur saya akan mencakup seluruh astikel dari seri-seri ini sesegera mungkin setelah terpublikasi.

Link Terkait

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.