打包網頁
在部署網站之前，我們要先來打包我們的網頁前端專案
為什麼要打包呢？什麼是打包呢？這有點像是編譯，如果你寫過 C 應該講到這裡就理解為什麼要這樣做了
在網頁開發中網頁內容最原始就是直接用 html 下去寫，但一個成熟的開發者會善用框架來開發，不論是用 vue 或 react，樣式的部分也會從

職場產業

學習

音樂藝文

打包網頁

用 Let's Encript 核發安全憑證

部署 https 網站

自動更新憑證

<h2 class="draft-block draft--h2" name="header-1hua4">打包網頁</h2>
<div class="draft-block draft--p left">在部署網站之前，我們要先來打包我們的網頁前端專案</div>
<div class="draft-block draft--p left">為什麼要打包呢？什麼是打包呢？這有點像是編譯，如果你寫過 C 應該講到這裡就理解為什麼要這樣做了</div>
<div class="draft-block draft--p left">在網頁開發中網頁內容最原始就是直接用 html 下去寫，但一個成熟的開發者會善用框架來開發，不論是用 vue 或 react，樣式的部分也會從最基本的 css 到 sass 等進階的樣式寫法，功能的部分現在都往 Typescript 開發，不再是只用 Javascript</div>
<div class="draft-block draft--p left">但是瀏覽器這邊最後都必須翻譯成最原始 html, css, Javascript 才能使用，所以在 production 部署時，我們需要先編譯打包專案，免得瀏覽器每次開啟網頁都要慢慢的先編譯完才能使用</div>

保護後端重要資訊
在 django 專案中我們會把設定都寫在 settings.py 內，包含了 SECRET_KEY 等機密資訊，通常專案都會做版本控制上 git，但把這些機密資訊也上 git 是很不好的一件事，畢竟 github 也是曾經被駭過的，所以最好是把這些不想讓別人知道的資訊寫在另外一個

[28] 用 Nginx 部署 production back-end server

在部署網站之前，我們要先來打包我們的網頁前端專案

為什麼要打包呢？什麼是打包呢？這有點像是編譯，如果你寫過 C 應該講到這裡就理解為什麼要這樣做了

在網頁開發中網頁內容最原始就是直接用 html 下去寫，但一個成熟的開發者會善用框架來開發，不論是用 vue 或 react，樣式的部分也會從最基本的 css 到 sass 等進階的樣式寫法，功能的部分現在都往 Typescript 開發，不再是只用 Javascript

但是瀏覽器這邊最後都必須翻譯成最原始 html, css, Javascript 才能使用，所以在 production 部署時，我們需要先編譯打包專案，免得瀏覽器每次開啟網頁都要慢慢的先編譯完才能使用

歷經千辛萬苦，終於要來架站啦！首先先來介紹我們的架站工具 Nginx，最常用的架站工具主要有兩個，Apache 和 Nginx
Apache 的歷史悠久，使用的人數也最多，之前在選擇架站工具時，考量的點是 Apache 比較肥，設定也比較難寫，所以最後選擇 Nginx 作為我的架站工具
Nginx 

付費限定文章
[27] 用 Nginx 部署前端網站

打包網頁

以行動支持創作者！付費即可解鎖

付費限定文章[27] 用 Nginx 部署前端網站

打包網頁

以行動支持創作者！付費即可解鎖

付費限定文章
[27] 用 Nginx 部署前端網站