今天将一个之前做的前端项目进行上线。
使用框架:React
打包工具:webpack
首先通过npm run build 命令,将项目打包。
购买云服务器:
云服务器可以选择阿里云或腾讯云的,我选的是阿里云的。服务器的地域可以选则香港的,若选择国内需要备案,比较麻烦。
根据自己的情况选择合适的
这个是我买的服务器的基本信息:
若有什么不会的可以在网上查找相关教程。
安装宝塔:
在服务器购买完毕后,登陆服务器,就可以安装宝塔了
下载完毕后在最后
会出现上面图片中的信息,将该信息保存下来,后面要用。
根据信息的提示,先放行端口。在云服务器ESC控制面板中,找到安全组。
点击手动添加,将放行端口复制进去,授权对象为IPV4,然后保存,这样就可以进入宝塔页面了。
然后复制外网地址,打开。进入和先登录,账号就是上面的username和password.登陆后就进入如下界面。然后根据提示下载好自己所需的环境。
项目上线:
点击网站,后点击添加站点.
这个域名可以在腾讯云或阿里云上购买,后者也可以买国外的。
输入域名后,点击确认
然后点击根目录,这个根目录就是放置到包好的项目的地方。
点击上传,找到自己项目打包好的build文件,上传到根目录上
可以将build上的文件给复制出来。如上所示。
上传完毕后,返回网站。
复制自己的网站名,然后打开
成功上线。