如何快速遷移Next.js應用到函數計算

本篇文章給大家分享的是有關如何快速遷移Next.js應用到函數計算，小編覺得挺實用的，因此分享給大家學習，希望大家閱讀完這篇文章后可以有所收獲，話不多說，跟著小編一起來看看吧。

首先介紹下出現的幾個比較重要的概念：

函數計算（Function Compute）: 函數計算是一個事件驅動的服務，通過函數計算，用戶無需管理服務器等運行情況，只需編寫代碼并上傳。函數計算準備計算資源，并以彈性伸縮的方式運行用戶代碼，而用戶只需根據實際代碼運行所消耗的資源進行付費。

Fun: Fun 是一個用于支持 Serverless 應用部署的工具，能幫助您便捷地管理函數計算、API 網關、日志服務等資源。它通過一個資源配置文件（template.yml），協助您進行開發、構建、部署操作。

備注: 小編介紹的技巧需要 Fun 版本大于等于 3.7.0。

背景

Next.js 是一種 React 的服務端渲染框架，且 Next.js 集成度極高，框架自身集成了 webpack、babel、express 等，使得開發者可以僅依賴 Next、react、react-dom 就可以非常方便的構建自己的 SSR React 應用，開發者甚至都不用像以前那樣關心路由。
Next.js 的高度集成性，使得我們很容易就能實現代碼分割、路由跳轉、熱更新以及服務端渲染和前端渲染。

環境準備

首先按照 Fun 的 安裝文檔 里介紹的方法將 Fun 安裝到本機。
小編介紹的方法，不需要安裝 Docker，僅僅安裝 Fun 即可，最簡單的方式就是直接下載可執行的二進制文件。
安裝完成后，可以執行 fun —version 檢查 Fun 是否安裝成功。

快速開始

1. 創建一個 Next 項目，這里以 nextjs 為例：

npm init next-app

1. 進入到剛剛創建的示例項目中：

   cd nextjs

2. 本地運行測試該示例：

   npm run dev 或者 yarn dev

3. 編譯 nextjs 項目：

   npm run build

4. 部署項目到函數計算：
   僅需要一個命令fun deploy，Fun 會自動進入部署流程，在該流程中，用戶僅僅需要按下一系列的回車即可。流程細節如下：

1. Fun 檢測到這不是一個 Fun 項目，會提示協助創建（直接回車或者輸入 y 即可）
   

2. Fun 項目自動創建成功，提示是否進行部署？可以直接回車，或者輸入 y 進行確
   

3. 然后 Fun 會直接將應用部署到線上了。
   部署完成后，我們可以根據部署成功的日志看到，函數計算為我們生成了臨時域名 14069166-1986114430573743.test.functioncompute.com，我們可以通過這個臨時域名直接訪問我們剛剛部署的應用。
   注意：臨時域名僅僅用作演示以及開發，是有時效的，如果用作生產，請綁定已經備案的域名。

主要介紹了如何將 Next.js 應用部署到函數計算。相比較與傳統的部署方法，不僅沒有更復雜，還省略了購買機器等步驟。實現，將傳統的 Next.js 應用在本地開發完成后，一鍵部署到遠端直接用于生產，并擁有了彈性伸縮、按量付費、免運維等特性。

以上就是如何快速遷移Next.js應用到函數計算，小編相信有部分知識點可能是我們日常工作會見到或用到的。希望你能通過這篇文章學到更多知識。更多詳情敬請關注億速云行業資訊頻道。