Laravel Valet

• 簡介

• 安裝

  • 更新 Valet

• 執行網站

  • 「Park」指令
  • 「Link」指令
  • 使用 TLS 來提供安全連線
  • 執行預設網站
  • 個別網站的 PHP 版本

• 共享網站

  • 使用 Ngrok 來貢獻網站
  • 使用 Expose 來共享網站
  • 在區域網路上共享網站

• 個別網站的環境變數

• 為服務提供代理伺服器

• 自定 Valet Driver

  • 區域 Driver

• 其他 Valet 指令

• Valet 的目錄與檔案

  • 硬碟存取權限

簡介

Laravel Valet 是一個為 macOS 極簡主義者提供的開發環境。Laravel Valet 會將你的 Mac 設定為在裝置啟動後自動執行 Nginx。接著，Valet 會通過 DnsMasq來將所有 *.test 網域都指向本機裝置上安裝的網站。

換句話說，Valet 是一個只佔用約 7MB 記憶體的急速 Laravel 開發環境。Valet 並非 [Sail] 或 Homestead 的完整替代方案。不過，如果你想要有彈性、基本的、急速的開發環境，或是要在記憶體容量有限的裝置上進行開發，Valet 是一個不錯的選擇。

Valet 內建對下列軟體的支援，但除了本列表外亦支援更多：

不過，也可以使用你自己的自定 Driver 來擴充 Valet。

安裝

若要開始安裝 Vlaet，請先使用 update 指令來確保 Homebrew 已更新：

1brew update
1brew update

接著，請使用 Homebrew 來安裝 PHP：

1brew install php
1brew install php

安裝好 PHP 後，就可以來安裝 Composer 套件管理員。此外，也請確保 ~/.composer/vendor/bin 有在你的系統「PATH」環境變數中。裝好 Composer 後，就可將 Laravel Valet 作為全域 Composer 套件安裝：

1composer global require laravel/valet
1composer global require laravel/valet

最後，可執行 Valet 的 install 指令。這個指令會設定並安裝 Valet 與 DnsMasq。此外，也會將 Valet 所需的常駐程式 (Daemon) 設為隨系統啟動：

1valet install
1valet install

安裝好 Valet 後，可嘗試在終端機上使用如 ping foobar.test 等的指令來 pint 任意的 *.test 網域。若 Valet 成功安裝，應該可以看到該網域在 127.0.0.1 上回應。

你的裝置每次開機時，Valet 都會自動啟動其需要的服務。

PHP 版本

在 Valet 中，也可以使用 valet use php@版本 指令來切換 PHP 的版本。如果尚未安裝所選擇的 PHP 版本，Valet 會自動通過 Homebrew 安裝：

1valet use [email protected]
2 
3valet use php
1valet use [email protected]
2 
3valet use php

可以在專案根目錄建立一個 .valetphprc 檔。.valetphprc 檔應包含該網站要使用的 PHP 版本：

1[email protected]
1[email protected]

建立好該檔案後，只要執行 valet use 指令，valet use 就會讀取這個檔案來判斷該網站要使用哪個 PHP 版本。

資料庫

若你的專案需要資料庫，請參考看看 DBngin。DBngin 提供了免費，All-in-One(集多功能為一體) 的資料庫管理工具，包含 MySQL、PostgreSQL、與 Redis。安裝好 DBnginx 後，就可以在 127.0.0.1 上使用 root 帳號與空字串密碼來連線到資料庫。

重設安裝

若無法正常執行 Valet，請執行 composer global require laravel/valet 指令，然後再執行 valet install。這兩個指令會重設 Valet 安裝，並可解決大多數的問題。在極少數的狀況下，也可能有需要執行 valet uninstall --force，再執行 valet isntall 來「硬重設」Valet。

升級 Valet

在終端機中執行 composer global require laravel/valet 指令即可更新 Valet。升級完後，建議執行 valet install 指令好讓 Valet 能在必要的情況下針對你的設定檔進行額外的升級。

執行網站

安裝完 Valet 後，就可開始執行你的 Laravel 專案。Valet 提供了兩個指令能讓你用來執行專案：park 與 link。

park 指令

park 指令會在你的裝置上註冊一個目錄，該目錄下包含了你所有的專案。將目錄「park(存放)」到 Valet 後，該目錄下的所有目錄都可通過 http://<目錄名稱>.test 來在你的 Web 瀏覽器上存取：

1cd ~/Sites
2 
3valet park
1cd ~/Sites
2 
3valet park

就這樣，不需要其他設定。現在，在已「Park」目錄下的任何專案，都會自動使用 http://<目錄名稱>.test 這樣的管理來執行。所以，如果你的 Park 目錄中有一個「laravel」目錄，則可通過 http://laravel.test 來存取該目錄中的專案。此外，Valet 也自動讓你能使用任何子網域來存取網站 (http://foo.laravel.test)。

link 指令

link 指令也可用來執行 Laravel 專案。如果你只想要執行某個目錄下的單一網站而不是整個目錄的話，就適合使用該指令：

1cd ~/Sites/laravel
2 
3valet link
1cd ~/Sites/laravel
2 
3valet link

使用 link 指令來將專案 Link(連結) 到 Valet 後，就可使用其目錄名稱存取該專案。所以，上述範例所 Link 的網站可使用 http://laravel.test 存取。此外，Valet 也會自動讓你能使用任意子網域來存取該網站 (http://foo.laravel.test)。

若想使用不同的主機名稱來執行網站，可將主機名稱傳給 link 指令。舉例來說，執行下列指令即可在 http://application.test 上存取該專案：

1cd ~/Sites/laravel
2 
3valet link application
1cd ~/Sites/laravel
2 
3valet link application

當然，也可以使用 link 指令來在子網域上執行專案：

1valet link api.application
1valet link api.application

可以執行 links 指令來顯示目前已連結的目錄清單：

1valet links
1valet links

unlink 指令可用來刪除網站的符號連結 (Symbolic Link)：

1cd ~/Sites/laravel
2 
3valet unlink
1cd ~/Sites/laravel
2 
3valet unlink

使用 TLS 來為網站提供安全連線

預設情況下，Valet 會通過 HTTP 來執行網站。不過，如果你想要使用 HTTP/2 來通過加密的 TLS 執行網站的話，可以使用 secure 指令。舉例來說，若某個 Valet 執行的網站在 laravel.test 網域上的話，可執行下列指令來讓該網站使用安全連線：

1valet secure laravel
1valet secure laravel

若要關閉某個網站的安全連線，將其還原為使用一般 HTTP 來執行的話，請使用 unsecure 指令。與 secure 指令類似，該指令接受要關閉安全連線的網域名稱：

1valet unsecure laravel
1valet unsecure laravel

執行預設網站

有時候，我們可能會想讓 Valet 在瀏覽未知的 test 網域時使用一個「預設」網站而不是顯示 404。這時，可以在 ~/.config/valet/config.json 設定檔中加上一個 default 選項，將該選項設定為要作為預設網站執行的網站路徑：

1"default": "/Users/Sally/Sites/example-site",
1"default": "/Users/Sally/Sites/example-site",

個別網站的 PHP 版本

預設情況下，Valet 會使用在全域上安裝的 PHP 來執行網站。不過，如果需要在各個網站間支援多個 PHP，可使用 isolate 指令來指定哪個特定的網站要使用哪個 PHP 版本。isolate 指令會設定 Valet 來針對目前工作目錄 (Working Directory) 下的網站使用指定的 PHP 版本：

1cd ~/Sites/example-site
2 
3valet isolate [email protected]
1cd ~/Sites/example-site
2 
3valet isolate [email protected]

若網站名稱與包含該網站的目錄名稱不同，可使用 --site 選項來指定網站名稱：

1valet isolate [email protected] --site="site-name"
1valet isolate [email protected] --site="site-name"

為了讓使用上更方便，可以使用 valet php、composer、與 which-php 指令來依據該網站所設定的 PHP 版本將指令呼叫代理到相應的 PHP CLI 或工具：

1valet php
2valet composer
3valet which-php
1valet php
2valet composer
3valet which-php

可以執行 isolated 指令來顯示所有被 Isolate(隔離) 的網站清單與其 PHP 版本：

1valet isolated
1valet isolated

若要將某個網站還原會使用 Valet 在全域上安裝的 PHP 版本，可以在該網站的根目錄上執行 unisolate 指令：

1valet unisolate
1valet unisolate

共享網站

Valet 中也提供了一個指令能讓你共享本機上的網站，並讓你能輕鬆地在行動裝置上測試網站，或是與團隊成員或客戶共享網站。

通過 Ngrok 共享網站

若要貢獻網站，請先在終端機內打開該網站的目錄，然後執行 Valet 的 share 指令。Valet 會將一個可公開存取的 URL 拷貝到你的剪貼簿內，可讓你直接貼到瀏覽器內或是與團隊共享：

1cd ~/Sites/laravel
2 
3valet share
1cd ~/Sites/laravel
2 
3valet share

若要停止共享網址，請按一下 Control + C。使用 Ngrok 共享網站時，你需要先建立 Ngrok 帳號並設定驗證 Token。

使用 Expose 來共享網站

如果你有安裝 Expose，可以在終端機內打開你的網站並執行 expose 指令。有關該指令支援的其他額外指令列參數，請參考 Expose 說明文件。共享網站後，Expose 會顯示可共享的 URL，讓你可在其他裝置上使用，或是供團隊成員使用：

1cd ~/Sites/laravel
2 
3expose
1cd ~/Sites/laravel
2 
3expose

若要停止共享網站，請按一下 Control + C。

在區域網路上共享網站

預設情況下，Valet 會將連入的流量限制在 127.0.0.1 網路介面上，已避免你的開發環境暴露在有安全風險的 Internet(網際網路) 上。

若想讓區域網路上其他裝置能通過你的 IP 位址來存取你裝置上的 Valet 網站 (如：192.168.1.10/application.test)，你需要先手動編輯該網站相應的 Nginx 設定檔，並移除 listen 指示詞中的限制。請移除 listen 指示詞在 80 與 443 連接埠上的 127.0.0.1: 前置詞。

若沒有在該專案上執行 valet secure，你可以編輯 /usr/local/etc/nginx/valet/valet.conf 來允許在區域網路上存取所有非 HTTPS 的網站。不過，如果有通過 HTTPS 來執行該專案 (對該網站執行了 valet secure)，則請編輯 ~/.config/valet/Nginx/app-name.test 檔案。

更新 Nginx 設定後，執行 valet restart 指令即可套用所修改的設定。

個別網站的環境變數

有的專案使用了其他的框架，而這些框架可能會需要在 Server 上設定環境變數，但這些框架又未提供能在專案內修改環境變數的方法。在 Valet 中，我們可以在專案根目錄加上一個 .valet-env.php 檔案來針對個別網站設定環境變數。該檔案應回傳一組網站／環境變數配對的變數，該陣列會被所設定的內容會被加到其指定的各個網站上的全域 $_SERVER 陣列：

 1<?php
 2 
 3return [
 4    // Set $_SERVER['key'] to "value" for the laravel.test site...
 5    'laravel' => [
 6        'key' => 'value',
 7    ],
 8 
 9    // Set $_SERVER['key'] to "value" for all sites...
10    '*' => [
11        'key' => 'value',
12    ],
13];
 1<?php
 2 
 3return [
 4    // Set $_SERVER['key'] to "value" for the laravel.test site...
 5    'laravel' => [
 6        'key' => 'value',
 7    ],
 8 
 9    // Set $_SERVER['key'] to "value" for all sites...
10    '*' => [
11        'key' => 'value',
12    ],
13];

為服務提供代理伺服器

有時候，我們可能會想將某個 Valet 網域代理到本機裝置上的另一個服務。舉例來說，我們有時候可能會需要在執行 Valet 的同時又在 Docker 上執行另一個網站。不過，我們無法同時將 Valet 與 Docker 繫結到 80 通訊埠上。

為了解決這個問題，我們可以使用 proxy 指令來產生代理伺服器。舉例來說，我們可以將所有 http://elasticsearch.test 的流量代理到 http://127.0.0.1:9200 上：

1# Proxy over HTTP...
2valet proxy elasticsearch http://127.0.0.1:9200
3 
4# Proxy over TLS + HTTP/2...
5valet proxy elasticsearch http://127.0.0.1:9200 --secure
1# Proxy over HTTP...
2valet proxy elasticsearch http://127.0.0.1:9200
3 
4# Proxy over TLS + HTTP/2...
5valet proxy elasticsearch http://127.0.0.1:9200 --secure

可以使用 unproxy 來移除代理：

1valet unproxy elasticsearch
1valet unproxy elasticsearch

可以使用 proxies 指令來列出所有被代理的網站設定：

1valet proxies
1valet proxies

自定 Valet Driver

可以撰寫你自己的 Valet「Driver(驅動程式)」來執行一些 Valet 未提供原生支援的框架或 CMS。在安裝 Valet 時，會建立一個 ~/.config/valet/Drivers 目錄，其中包含了一個 SampleValetDriver.php 檔案。該檔案中包含了範例 Driver 實作，用來示範如何撰寫自定 Driver。要撰寫 Driver，你只需要實作三個方法即可：serves、isStaticFile、與 frontControllerPath。

這三個方法都會收到 $sitePath, $siteName, 與 $uri 值作為其引數。$sitePath 是正在你裝置上執行的網站完整路徑，如 /Users/Lisa/Sites/my-project。$siteName 為 Domain 中「Host(主機)」或「網站名稱」的部分 (my-project)。而 $uri 則是連入 Request 的 URI (/foo/bar)。

完成自定 Valet Driver 後，請使用 FrameworkValetDriver.php 這樣的慣例為其命名，並放入 ~/.config/valet/Drivers 目錄。舉例來說，若要為 WordPress 撰寫自定 Valet Driver，則檔案名稱應為 WordPressValetDriver.php。

來看看一個簡單的實作，瞭解自定 Valet Driver 中各個方法應如何實作。

serves 方法

如果要讓該 Driver 負責處理連入 Request 的話，serves 方法應回傳 true。否則應回傳 false。所以，在此方法中，應嘗試判斷給定的 $sitePath 是否包含要嘗試執行的專案類型。

舉例來說，假設我們正在撰寫 WordPressValetDriver，則 serves 方法可能會長這樣：

 1/**
 2 * Determine if the driver serves the request.
 3 *
 4 * @param  string  $sitePath
 5 * @param  string  $siteName
 6 * @param  string  $uri
 7 * @return bool
 8 */
 9public function serves($sitePath, $siteName, $uri)
10{
11    return is_dir($sitePath.'/wp-admin');
12}
 1/**
 2 * Determine if the driver serves the request.
 3 *
 4 * @param  string  $sitePath
 5 * @param  string  $siteName
 6 * @param  string  $uri
 7 * @return bool
 8 */
 9public function serves($sitePath, $siteName, $uri)
10{
11    return is_dir($sitePath.'/wp-admin');
12}

isStaticFile 方法

isStaticFile 應判斷連入 Request 是否是在存取「靜態 (Static)」檔案，如圖片或 CSS。若為靜態檔案，則該方法應回傳這個靜態檔案在硬碟上的完整路徑。若連入 Request 不是靜態檔案，則該方法應回傳 false：

 1/**
 2 * Determine if the incoming request is for a static file.
 3 *
 4 * @param  string  $sitePath
 5 * @param  string  $siteName
 6 * @param  string  $uri
 7 * @return string|false
 8 */
 9public function isStaticFile($sitePath, $siteName, $uri)
10{
11    if (file_exists($staticFilePath = $sitePath.'/public/'.$uri)) {
12        return $staticFilePath;
13    }
14 
15    return false;
16}
 1/**
 2 * Determine if the incoming request is for a static file.
 3 *
 4 * @param  string  $sitePath
 5 * @param  string  $siteName
 6 * @param  string  $uri
 7 * @return string|false
 8 */
 9public function isStaticFile($sitePath, $siteName, $uri)
10{
11    if (file_exists($staticFilePath = $sitePath.'/public/'.$uri)) {
12        return $staticFilePath;
13    }
14 
15    return false;
16}

frontControllerPath 方法

frontControllerPath 方法應回傳該專案「前端 Controller (Front Controller)」的完整路徑，一般就是「index.php」檔案或其他同等的檔案：

 1/**
 2 * Get the fully resolved path to the application's front controller.
 3 *
 4 * @param  string  $sitePath
 5 * @param  string  $siteName
 6 * @param  string  $uri
 7 * @return string
 8 */
 9public function frontControllerPath($sitePath, $siteName, $uri)
10{
11    return $sitePath.'/public/index.php';
12}
 1/**
 2 * Get the fully resolved path to the application's front controller.
 3 *
 4 * @param  string  $sitePath
 5 * @param  string  $siteName
 6 * @param  string  $uri
 7 * @return string
 8 */
 9public function frontControllerPath($sitePath, $siteName, $uri)
10{
11    return $sitePath.'/public/index.php';
12}

區域 Driver

若想為單一專案定義自定 Valet Driver，請在該專案的根目錄下建立一個 LocalValetDriver.php 檔案。這個自定 Driver 可以繼承基礎的 ValetDriver 類別，或是繼承如 LaravelValetDriver 等其他現有的、個別專案的 Driver：

 1use Valet\Drivers\LaravelValetDriver;
 2 
 3class LocalValetDriver extends LaravelValetDriver
 4{
 5    /**
 6     * Determine if the driver serves the request.
 7     *
 8     * @param  string  $sitePath
 9     * @param  string  $siteName
10     * @param  string  $uri
11     * @return bool
12     */
13    public function serves($sitePath, $siteName, $uri)
14    {
15        return true;
16    }
17 
18    /**
19     * Get the fully resolved path to the application's front controller.
20     *
21     * @param  string  $sitePath
22     * @param  string  $siteName
23     * @param  string  $uri
24     * @return string
25     */
26    public function frontControllerPath($sitePath, $siteName, $uri)
27    {
28        return $sitePath.'/public_html/index.php';
29    }
30}
 1use Valet\Drivers\LaravelValetDriver;
 2 
 3class LocalValetDriver extends LaravelValetDriver
 4{
 5    /**
 6     * Determine if the driver serves the request.
 7     *
 8     * @param  string  $sitePath
 9     * @param  string  $siteName
10     * @param  string  $uri
11     * @return bool
12     */
13    public function serves($sitePath, $siteName, $uri)
14    {
15        return true;
16    }
17 
18    /**
19     * Get the fully resolved path to the application's front controller.
20     *
21     * @param  string  $sitePath
22     * @param  string  $siteName
23     * @param  string  $uri
24     * @return string
25     */
26    public function frontControllerPath($sitePath, $siteName, $uri)
27    {
28        return $sitePath.'/public_html/index.php';
29    }
30}

其他 Valet 指令

Valet 的目錄與檔案

在針對 Valet 環境進行故障排除時，下列路徑與檔案可能會是有用的資訊：

~/.config/valet

包含所有 Valet 的設定。可針對此目錄進行備份。

~/.config/valet/dnsmasq.d/

此目錄包含 DNSMasq 的設定。

~/.config/valet/Drivers/

此目錄包含 Valet 的 Driver。Driver 用來判斷要怎麼執行某個特定的框架或 CMS。

~/.config/valet/Extensions/

此目錄包含自定的 Valet 擴充程式與指令。

~/.config/valet/Nginx/

該目錄包含了 Valet 的所有 Nginx 網站設定。這些檔案會在執行 install 與 secure 指令時被重建。

~/.config/valet/Sites/

此目錄包含了所有已 Link 的專案的符號連結 (Symbolic Link)。

~/.config/valet/config.json

此檔案為 Valet 的主要設定檔。

~/.config/valet/valet.sock

此檔案為 Valet 的 Nginx 所使用的 PHP-FPM Socket。只有在 PHP 有正確執行時，才會有這個檔案。

~/.config/valet/Log/fpm-php.www.log

此檔案為 PHP 錯誤的使用者日誌檔。

~/.config/valet/Log/nginx-error.log

此檔案為 Nginx 錯誤的使用者日誌檔。

/usr/local/var/log/php-fpm.log

此檔案為 PHP-FPM 錯誤的系統日誌檔。

/usr/local/var/log/nginx

此目錄包含了 Nginx 的 Access(存取) 與 Error(錯誤) Log(日誌)。

/usr/local/etc/php/X.X/conf.d

此目錄包含了用於各種 PHP 設定的 *.ini 檔。

/usr/local/etc/php/X.X/php-fpm.d/valet-fpm.conf

此檔案為 PHP-FPM 的 Pool(集區) 設定檔。

~/.composer/vendor/laravel/valet/cli/stubs/secure.valet.conf

此檔案為預設的 Nginx 設定檔，用來為網站建立 SSL 憑證。

硬碟存取權限

從 macOS 10.14 版開始，預設情況下會限制對部分檔案與目錄的存取。被限制的目錄包含「桌面」、「文件」、與「下載」目錄。此外，也會限制網路磁碟區與隨身碟的存取。因此，Valet 建議將網站的資料夾放在這些受保護位置以外的地方。

不過，如果想在這些路徑中執行網站，就需要給 Nginx「完全取用磁碟」權限。否則，在處理靜態素材時可能會在 Nginx 上遇到伺服器錯誤或其他不可預測的行為。一般來說，macOS 會自動提示你是否授權 Nginx 對這些路徑的完整存取權限。不過，也可以手動給予 Nginx 權限，先在 系統偏好設定 > 安全性與隱私 > 安全性 中選擇 完全取用磁碟，然後在主視窗畫面上啟用所有的 nginx 項目。