为你的FullStack应用程序使用Netlify的指南。
使用Netlify对任何开发者来说都是一种独特的体验。它几乎不需要任何指导。只需点击几下，你就可以连接你的GitHub、GitLab或BitBucket仓库，并一次性配置CI/CD和托管。
它还提供了一个慷慨的免费层，足以满足低流量网站的需求。
Netlify是独一无二的
Netlify是专门托管前端静态内容的。
而有些人可能会想，在使用Netlify时，我们如何连接后端？Netlify也支持无服务器的后端。
你可以在Netlify中同时托管前端和后端，并使用它的代理功能来路由相应的流量。
所以，让我们来看看我们如何使用Netlify来托管一个全栈的应用程序。
开始使用
首先，你需要具备以下条件来尝试它。
一旦你在Git仓库中准备好了前端程序，你就可以到你的Netlify账户中开始部署了。
注意：如果你在后端和前端都使用Monrepo，请使用构建路径来配置相应的CI/CD。
步骤1：从Git添加新站点
登录Netlify账户后，点击 "New site from Git "按钮。
选择存储库
然后你可以授权访问GitHub、Bitbucket或GitLab 账户，并从列表中选择你的前端应用仓库。
选择 Git 供应商
在你的仓库和Netlify之间建立起桥梁后，我们就基本完成了初级设置。
选择分支
然后，你可以选择你要部署的分支。通常情况下，会选择主分支。
选择分支
第二步：配置前端部署。
在部署应用程序的前端之前，你需要配置构建命令。例如，如果你的项目是基于JavaScript的，那么构建命令就是npm run build这样的。
给出构建命令
然后，你可以通过点击部署网站按钮来完成部署。而且，你将能够在概览标签中找到部署的应用程序的URL。
**注意：**你可以通过导航到网站设置来改变这个URL或配置一个你想要的自定义域。
第3步：部署API
我已经为这个演示创建了一个简单的NodeJS API。所以让我们看看如何使用Netlify来部署它。
如果你看一下这个GitHub仓库中的后台项目，你会注意到一个叫做_netlify.toml_的文件_。_
netlify.toml 文件是一个配置文件，它指定了Netlify如何构建和部署你的网站。
另外，我使用了serverless-http库和netlify-cli来创建这个应用程序，你可以使用Netlify dev命令来运行它。
// Installing serverless http library
// Installing netlify cli
然后，我遵循与前端相同的程序，在Netlify上部署后端。
注意。在部署API时保持构建命令和发布目录为空
保持构建命令和发布目录为空
第四步：代理配置
现在，你可以进入Netlify提供的URL，看到你的应用程序的动作。
但是，如果你仔细观察，你会发现应用程序的后端URL仍然指向项目文件夹内的目录。
我们可以使用Netlify的代理重定向功能来解决这个问题。
为此，你需要修改netlify.toml文件中的以下几行。
[[redirects]]
这个设置会将所有的API请求重定向到指定的URL。
注意：你也可以在前端项目中添加代理配置，将流量转发到API（/api/* -> API_URL/*），这样整个应用程序就可以在同一源头上运行。
第5步：配置环境变量
作为最后一步，我建议用Netlify配置应用程序的所有环境变量以提高安全性。
你可以通过浏览网站设置>构建和部署>环境>环境变量来编辑网站设置环境变量。
网站设置的变量比团队级别的变量有更高的优先级。
编辑环境变量
你可以通过导航到：团队设置 > 站点 > 全局站点设置 > 共享环境变量来找到团队级环境变量。
团队层面的环境变量
这就是了。我希望大家在这篇文章中对用Netlify托管全栈应用程序有了很好的了解。
谢谢你的阅读！!
用Bit构建和共享Javascript组件
比特Netlify是一个可扩展的工具，可以让你创建_真正的_模块化应用程序， ，并有_独立_编写、版本和维护的组件。
用它来构建模块化的应用程序和设计系统，编写和交付微型前端，或简单地在应用程序之间共享组件。
一个独立的源码控制和共享的 "卡片 "组件（在右边->它的依赖关系图，由Bit自动生成的
