如何将jamstack站点部署到Cloudflare页面

CloudFlare页面：轻松的Jamstack部署，宽敞的免费托管

键突出显示：

CloudFlare页面提供了一个用户友好的免费托管计划，用于部署高性能的jamstack网站。 由于其速度，可伸缩性，可移植性和直接部署，这越来越受欢迎。
• 支持众多语言和网站建设者。 使用单个构建命令生成静态文件（HTML，CSS，JS，媒体），托管在GitHub上的任何jamstack站点都是兼容的。
>自动部署是核心功能。每个GitHub提交都会触发一个构建和部署，分支机构可通过子域访问，以预览更新，并且在您的自定义域中可用的生产分支部署。
• 提供全面的设置：配置编辑，协作邀请函，访问控制和CloudFlare Web Analytics。未来的增强功能包括Gitlab/Bitbucket集成，高级URL转发，Webhooks，A/B测试以及通过CloudFlare工人和存储APIS的全堆栈应用程序支持。
• 本指南详细介绍将您的jamstack站点部署到CloudFlare页面，利用其简单的界面和宽敞的免费层。
• >虽然WordPress仍然很普遍，但Jamstack（JavaScript，API，Markup）技术（通过Netlify在本质上创造）正在获得开发人员的吸引力。 jamstack站点主要利用预渲染的静态内容，通过客户端逻辑和后端API动态增强。 优点很明显：

>

绩效：

>预渲染的页面会导致加载时间更快，通常通过CDN部署更加接近用户来增强。>

• >可伸缩性：静态文件部署消除了服务器端处理和数据库的依赖，启用了全局，预先接触的内容交付。 可移植性：
供应商锁定是避免使用的；托管在任何地方。
• > 开发灵活性：
开发人员可以利用其首选工具；内容编辑器可以继续使用WordPress等熟悉的CMS平台。
• 简化的部署：
自动部署通过git分支来测试和生产环境，简化了CI/CD进程。
• >几个教程指南Jamstack网站创建：
• 高度快速启动（github存储库）> gatsby快速启动：构建第一个静态站点

>使用Gatsby和MDX

创建开发人员博客

• > jamstack托管选项：
• >诸如GitHub页面和Amazon S3之类的平台是可行的，但Netlify和Vercel正在领导Jamstack托管提供商。 Cloudflare页面建于Cloudflare的强大基础架构上，是一个引人注目的新增加。 免费计划包括：
• >无限网站，请求和带宽
• > SSL和安全
• 内容缓存和有效期
>
• > Web Analytics
• GitHub分支的生产和测试部署
• >每月最多500个构建
• 综合文档

>支持的语言包括Node.js，Python，PHP，Ruby，Go，Java，Elixir和Erlang。 许多现场建设者都是兼容的，并获得了验证的支持：Angular，Fright，Docusaurus，Eperber.js，Ember.js，Gatsby，Gitbook，Gitbook，Gridsome，Gridsome，Hugo，Jekyll，Mkdocs，Next.js（static Export）（静态出口） ，反应静态，板岩，苗条，Umi，Vue和Vuepress。

>

您的第一个CloudFlare页面部署：> >先决条件：

> github存储库托管您的jamstack网站。

>一个单个构建命令将静态文件生成特定目录（例如，
1. ）。
>
2. 对于Node.js Projects，（或在npm run build>中定义的类似命令）是典型的。 考虑以下可选的改进：

对于多页网站，包括npm run build> package.json。

>使用一个

文件进行重定向（例如，
• ）。计划更高级的功能。404.html
>使用
• >或_redirects>环境变量指定所需的node.js版本。/blog /tutorials 301
• >部署步骤：.nvmrc NODE_VERSION
>访问页面.cloudflare.com，登录/注册。

>

单击“创建一个项目”。

连接您的github帐户，选择存储库。
1. >
选择您的项目，单击“开始设置”。
2. configure：项目名称（
>的子域），生产分支，构建命令，输出目录，路径（如果不是root），环境变量。
单击“保存和部署”。 监视构建过程。
完成后，单击“继续进行项目”。您的网站可在
5. >。pages.dev上访问
6. >自定义域配置：
7. <project-name>.pages.dev</project-name>>导航到“自定义域”选项卡。

>单击“设置自定义域。”

输入您的域名。 CloudFlare将指导您通过DNS配置更改。

2. 自动部署：
3. CloudFlare页面自动部署每个GitHub commit。分支提交可在唯一子域（例如，
）上获得，允许在合并到生产分支之前预览更新（

和您的自定义域）。

高级设置：

“设置”选项卡允许进行配置调整，协作者管理，访问策略定义（PIN保护预览）和CloudFlare Web Analytics集成。 分析提供没有客户端跟踪的关键指标。abcdef0.<project-name>.pages.dev</project-name> <project-name>.pages.dev</project-name>

未来增强：

• > gitlab/bitbucket支持
• 高级_redirects特征
用于部署触发器的
• webhooks
• a/b测试
• >全堆栈应用程序支持（Cloudflare工人，存储API）>

CloudFlare页面为Jamstack开发人员提供了令人信服的解决方案，并进行了持续的改进，从而增强了其功能。

常见问题（常见问题解答）：

> 提供的常见问题解答已经写得很好，不需要进一步的修改。

以上是如何将jamstack站点部署到Cloudflare页面的详细内容。更多信息请关注PHP中文网其他相关文章！