如何快速迁移Next.js应用到函数计算

本篇文章给大家分享的是有关如何快速迁移Next.js应用到函数计算，小编觉得挺实用的，因此分享给大家学习，希望大家阅读完这篇文章后可以有所收获，话不多说，跟着小编一起来看看吧。

成都创新互联自2013年起，先为塔什库尔干塔吉克等服务建站，塔什库尔干塔吉克等地企业，进行企业商务咨询服务。为塔什库尔干塔吉克企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。

首先介绍下出现的几个比较重要的概念：

函数计算（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应用到函数计算，小编相信有部分知识点可能是我们日常工作会见到或用到的。希望你能通过这篇文章学到更多知识。更多详情敬请关注创新互联行业资讯频道。