第9章：在自己電腦把它跑起來

做網站有個很自然的順序：先在自己的電腦上跑（只有你看得到），確認一切正常，再放到網路上（全世界看得到）。「在自己電腦上跑」這件事，工程師叫做 本機（local）執行local（本機）指「你自己這台電腦」。相對的是 remote（遠端）或雲端，指網路上別人的電腦。本機執行＝程式只在你這台電腦上跑，別人連不進來。。

你可以想成：正式開店前，先在自家廚房試做、試吃，確定沒問題，才開門做生意。 這一章就是在「自家廚房試做」第 6 章那個規格書評分網站。

我們的網站是用一種叫 JavaScript 的程式語言寫的。要讓它在你的電腦上跑起來，需要兩個工具。

在「自家廚房」把網站跑起來，其實只要三步。在終端機裡照順序輸入即可。在自己的電腦上把網站跑起來，其實只要三步。在終端機裡照順序輸入即可。

這是製作本課專案時親身遇到的第一個坑，很值得你學起來。當時照著網路上的教學打了 pnpm install，結果電腦回了這一句：

網站要運作，需要用到一些機密資料：例如連接 Google 服務的金鑰、AI 的 API 金鑰。這些東西就像你家的鑰匙和提款卡密碼，絕對不能讓別人看到。工程上的做法，是把這些機密集中放在一個特別的檔案裡，叫 .env.local。

把機密放進這個保險箱，而不是直接寫死在程式碼裡，有兩個大好處：

• 安全：之後會設定讓這個保險箱「永遠不會被上傳到網路」（第 12、13 章會講），機密就不會外洩。
• 彈性：哪天金鑰要換新的，只要改保險箱裡的值，完全不用動程式碼。

答對加 20 分，答錯倒扣 10 分。