iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 4
0

今天要做的是在windows上安裝開發環境

安裝XAMPP

XAMPP是一個把Apache網頁伺服器與PHP、Perl及MariaDB集合在一起的安裝包,允許用戶可以在自己的電腦上輕易的建立網頁伺服器。
-wikipedia

使用XAMPP就是如此簡單,只要到官方網站就可以下載安裝包了。

安裝Laravel

首先,先下載Composer,直接到Composer的官方網站下載即可。
安裝好後,直接在powershell上面執行composer -v,驗證安裝成功。
接下來透過Composer安裝Laravel,首先在powershell上下指令

composer global require "laravel/installer"

再來,在網站資料夾下建立新專案(C:\xampp\htdocs)

cd C:\xampp\htdocs
laravel new [project_name]

建立完成後,下指令php artisan serve重整專案,然後打開瀏覽器,輸入http://localhost/Testblog/public/,就可以看到初始的畫面了,laravel就安裝完成了。

Laravel Homestead

若是不想在本機安裝PHP、Apache...等軟體,可以使用Laravel提供的開發環境。

簡介

Laravel 致力於讓 PHP 開發體驗更愉快,也包含你的本地開發環境。Vagrant 提供了一個簡單、優雅的方式來管理與供應虛擬機器。
Laravel Homestead 是一個官方預載的 Vagrant「box」,提供你一個美好的開發環境,你不需要在你的本機電腦安裝 PHP、HHVM、網頁伺服器或任何伺服器軟體。不用擔心搞亂你的系統!Vagrant box 可以搞定一切。如果有什麼地方爛掉了,你可以在幾分鐘內快速的砍掉並重建虛擬機器!
Homestead 可以在任何 Windows、Mac 或 Linux 上面運行,裡面包含了 Nginx 網頁伺服器、PHP 5.6、MySQL、Postgres、Redis、Memcached、Node,以及所有你在使用 Laravel 開發各種精彩的應用程式時所需要的軟體。

安裝與設定

在啟動 Homestead 環境之前,必須先安裝 VirtualBoxVMWare 以及 Vagrant
當 VirtualBox / VMware 以及 Vagrant 安裝完成後,你可以在終端機以下列指令將 'laravel/homestead' 這個 box 安裝進你的 Vagrant 程式中。

vagrant box add laravel/homestead

複製 Homestead 資源庫

git clone https://github.com/laravel/homestead.git Homestead

產生 Homestead 設定檔

Homestead 資源庫複製完成後,即可在 Homestead 目錄中執行 bash init.sh 指令來創建 Homestead.yaml 設定檔。Homestead.yaml 檔案將會被放置在你的 ~/.homestead 目錄中。

設定 Homestead

設定你的提供者

Homestead.yaml 檔案中的 provider 參數是用來設定你想要使用哪一個 Vagrant 提供者:virtualboxvmware_fusionvmware_workstation。你可以根據你的喜好來決定提供者。

provider: virtualbox

設定 SSH 金鑰

你還需要將你的公有 SSH 金鑰的路徑配置在 Homestead.yaml 檔案中。
沒有 SSH 金鑰?在 Mac 和 Linux 下,你可以利用下面的指令來建立一組 SSH 金鑰:

ssh-keygen -t rsa -C "you@homestead"

在 Windows 下,你需要安裝 Git 並且使用包含在 Git 裡的 Git Bash 來執行上述的指令。
一旦你創建了一組 SSH 金鑰,記得在你的 Homestead.yaml 檔案中的 authorize 屬性去設定公有金鑰的路徑。

authorize: ~/.ssh/id_rsa.pub

設定共享資料夾

你可以在 Homestead.yaml 檔案的 folders 屬性裡列出所有你想與你的 Homestead 環境共享的資料夾。這些資料夾中的檔案若有更動,它們將會同步更動在你的本機電腦與 Homestead 環境。你可以將多個你所需要的共享資料夾都設定於此

folders:
    - map: ~/Code
      to: /home/vagrant/Code

設定 Nginx 網站

對 Nginx 不熟悉嗎?
沒關係。
sites 屬性幫助你可以輕易的指定一個 網域 對應至 homestead 環境中的一個目錄。在 Homestead.yaml 檔案中已內含一個網站設定的範本。同樣的,你可以增加數個你所需要的網站到你的 Homestead 環境中。Homestead 可以為每個你正在開發中的 Laravel 專案提供方便的虛擬化環境

sites:
    - map: homestead.app
      to: /home/vagrant/Code/Laravel/public

關於 Hosts 檔案

不要忘了在將你在 Nginx sites 中所新增的「網域」也新增至你本機電腦的 hosts 裡! hosts 檔案會將你所發出的請求重導至你在 Homestead 環境中設定的本地網域。在 Mac 或 Linux 上,該檔案通常會存放在 /etc/hosts。在 Windows 上,則存放於 C:\Windows\System32\drivers\etc\hosts。你要設定於檔案中的內容類似如下

192.168.10.10  homestead.app

務必確認 IP 位置與 Homestead.yaml 檔案中設定的相同。一旦你將網域設定在 hosts 檔案之後,你就可以透過網頁瀏覽器造訪你的網站!

啟動 Vagrant box

當你根據你的喜好編輯完 Homestead.yaml 後,在終端機裡進入你的 Homestead 目錄並執行 vagrant up 指令。Vagrant 就會自將虛擬主機啟動並自動設定你的共享資料夾和 Nginx 網站。

如果要移除虛擬機器,可以使用 vagrant destroy --force 指令。


上一篇
DAY3 --- Laravel環境建置(Ubuntu)
下一篇
DAY5 --- 資料庫建置
系列文
砍掉重練啦! 森林系男孩之後端工程師潛水App挑戰計畫27
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言