我们都去过我们完成了第一个React应用程序但不知道如何公开展示的阶段。
因此,在此博客中,我将向您展示如何免费托管您的React应用程序。
先决条件:
- 确保您已经完成了构建React应用程序。
- 已在本地或全球安装了NPM。
步骤1
完成React应用程序后,您需要创建构建文件夹,该文件夹将包含索引,样式表,图标,资产和最真实的文件。该文件夹在部署时负责服务您的静态内容。
在您的应用程序的根目录中使用此命令
npm run build
步骤2
有很多平台可以托管您的静态网站,例如NetLify,Vercel,Github页面,Cloudflare页面,Forge等。我们将使用NetLify
因此,您需要在Netlify上创建一个帐户并登录。
步骤3
单击add new site
按钮。
然后,单击deploy manually
按钮以直接部署构建文件夹。
步骤4
现在,我们有2个部署它的选项。我们可以通过浏览本地文件或拖放来做到这一点。
- 单击浏览文件以从本地计算机上传文件夹。
- 将文件夹从您的本地拖到中间。
步骤5
现在,Netlify将发布您的网站并免费托管。您将获得一个随机的URL,但您可以将其更改为您的优先级。
注意:您的网站的URL应该是唯一的,并且始终以
结尾netlify.app
恭喜! ``您已经成功托管了您的React应用程序,现在您可以向您的朋友,家人和这个星球上的任何人介绍您的项目ð
如果您有任何查询,请将其放在下面的评论部分中。如果您认为此博客有任何错误或错误的信息,请告诉我。
我希望我能以某种方式帮助您。如果是,请与您的朋友和其他人分享,以便这也可以使他们受益!直到那时,请保持反应 - €