在5分钟下部署静态React应用程序
#javascript #网络开发人员 #react #netlify

我们都去过我们完成了第一个React应用程序但不知道如何公开展示的阶段。
因此,在此博客中,我将向您展示如何免费托管您的React应用程序。

先决条件:

  • 确保您已经完成了构建React应用程序。
  • 已在本地或全球安装了NPM。

步骤1
完成React应用程序后,您需要创建构建文件夹,该文件夹将包含索引,样式表,图标,资产和最真实的文件。该文件夹在部署时负责服务您的静态内容。
在您的应用程序的根目录中使用此命令

npm run build

步骤2
有很多平台可以托管您的静态网站,例如NetLify,Vercel,Github页面,Cloudflare页面,Forge等。我们将使用NetLify
因此,您需要在Netlify上创建一个帐户并登录。

步骤3
单击add new site按钮。
Add new button
然后,单击deploy manually按钮以直接部署构建文件夹。

Deploy manually button

步骤4
现在,我们有2个部署它的选项。我们可以通过浏览本地文件或拖放来做到这一点。

  1. 单击浏览文件以从本地计算机上传文件夹。 Browse files
  2. 将文件夹从您的本地拖到中间。

Drag and drop folder

步骤5
现在,Netlify将发布您的网站并免费托管。您将获得一个随机的URL,但您可以将其更改为您的优先级。

Site published

注意:您的网站的URL应该是唯一的,并且始终以netlify.app

结尾

恭喜! ``您已经成功托管了您的React应用程序,现在您可以向您的朋友,家人和这个星球上的任何人介绍您的项目ð

如果您有任何查询,请将其放在下面的评论部分中。如果您认为此博客有任何错误或错误的信息,请告诉我。

我希望我能以某种方式帮助您。如果是,请与您的朋友和其他人分享,以便这也可以使他们受益!直到那时,请保持反应 - €

关注我:
Github
LinkedIn