学习

Netlify 和 Redis 入门

Netlify 是一个流行的静态站点托管无服务器平台。它是一种以更具可伸缩性和安全性的方式构建、部署和扩展现代 Web 应用程序的流行方法。

Netlify 帮助开发者在几分钟内轻松启动网站和活动。Netlify 主要为 JAMstack 站点构建,JAMstack 将 JavaScript 和 API 统一起来,创建出既适合开发者也适合内容编辑者的应用程序。

Netlify 的特性#

  • 提供开箱即用的持续集成。
  • 该平台支持 Git 仓库部署,实现持续部署。
  • 它将所有维护工作从开发者手中抽象出来,使开发者能够专注于构建和部署应用程序。
  • 该平台提供免费 SSL、CDN 和持续集成。
  • 它内置了 DNS 管理和 SSL 证书。

Netlify 如何工作?#

  • 提供开箱即用的持续集成。
  • 该平台支持 Git 仓库部署,实现持续部署。
  • 它将所有维护工作从开发者手中抽象出来,使开发者能够专注于构建和部署应用程序。
  • 该平台提供免费 SSL、CDN 和持续集成。
  • 它内置了 DNS 管理和 SSL 证书。
  1. 1.开发者编写代码并将其存储在版本控制仓库中(例如 GitHub)。
  2. 2.当新的更改合并到仓库的主分支时,webhook 会通知 Netlify 部署新站点。
  3. 3.Netlify 从仓库拉取应用程序的最新版本,并运行构建命令生成静态站点文件。
  4. 4.然后,Netlify 使用插件和内部代码对您的站点进行调整,将所有页面预渲染为静态 HTML,并进一步优化。
  5. 5.构建过程完成后,Netlify 将静态资产推送到其全球 CDN 进行快速交付。

在本教程中,您将看到如何在 5 分钟内将使用 Next.js 和 TailwindCSS 构建的简单 Redis 缓存应用程序部署到 Netlify。

1. 设置免费的 Redis Cloud 账户#

访问 https://redis.ac.cn/try-free 创建免费的 Redis Cloud 账户。在创建 Redis Enterprise Cloud 数据库时启用“RediSearch”模块。您将获得一个数据库终端节点 URL 和密码。保存以备将来参考。

2. 安装 Netlify CLI#

Netlify 的命令行界面 (CLI) 允许您直接从命令行配置持续部署。在您的本地笔记本电脑上运行以下命令安装 Netlify CLI

npm install netlify-cli -g

运行以下命令验证 Netlify 是否已安装

netlify version
netlify-cli/8.15.3 darwin-x64 node-v14.17.3

3. 克隆仓库#

git clone https://github.com/redis-developer/nextjs-redis-netlify

4. 通过 CLI 登录 Netlify#

要使用命令行进行身份验证并获取访问令牌,请运行以下命令登录您的 Netlify 账户

netlify login

这将打开一个浏览器窗口,要求您使用 Netlify 登录并授权访问 Netlify CLI。身份验证成功后,它会要求您关闭窗口并显示以下结果

5. 配置持续部署#

The netlify init 命令允许您为新站点或现有站点配置持续部署。如果该文件不存在,它也会创建 netlify.toml 文件。

上述步骤会创建一个 netlify.toml 文件,内容如下:

netlify.toml
 [build]
  command = "npm run build"
  publish = ".next"

[[plugins]]
  package = "@netlify/plugin-nextjs"

6. 将更改推送到 GitHub#

按照 Netlify 的指示,运行以下命令将最新更改推送到 GitHub

git add .
git commit -m “Pushing the latest changes”
git push

7. 打开 Netlify 管理 URL#

netlify open --admin

8. 添加 Redis Cloud 环境变量#

9. 触发部署#

点击“触发部署”部署站点

10. 访问应用程序#

点击部署 URL,您应该能够按图所示访问应用程序

亲自尝试#

参考资料#