在now.sh部署前端应用

now.sh是ZEIT推出的一款全球化实时部署服务。ZEIT现在已经改名为Vercel。
网站地址:vercel.com
Vercel 是一个云平台静态站点和无服务器功能完美地与您的工作流程适合。它使开发人员可以托管Jamstack网站和Web服务,这些网站和Web服务可立即部署,自动扩展且无需监督,而无需任何配置。

快速部署

使用now.sh部署一个React应用。首先使用github账号登陆。可以直接从github仓库中直接导入项目。
在now.sh部署前端应用_第1张图片
点击导入项目后,选择使用github导入。
在now.sh部署前端应用_第2张图片
选择需要部署的项目,如果没有可选的仓库,需要先在github中设置访问权限。
在now.sh部署前端应用_第3张图片
一般只选择自己要暴露出的仓库就可以。然后点继续、继续、继续。。直到配置命令的时候。
在now.sh部署前端应用_第4张图片
本次部署的是React项目,会直接检测到,自动选择Create React App,然后配置打包命令等。这里打包命令设置为npm run build另外两个选项默认然后点击部署。
然后就会显示你的项目已经完成创建并正在部署。
在now.sh部署前端应用_第5张图片
喝杯水/上个厕所/透个气/随便干点什么的功夫,就已经部署好了。这时,左侧会显示出网站的预览图,右侧显示出状态信息。
在now.sh部署前端应用_第6张图片
右侧的域名中有三个地址可以访问到该页面,状态显示Ready,一切正常,点击任意域名可以访问。
网站部署地址:wuqiku-buzuosheng.now.sh

部署log查看

在now.sh部署前端应用_第7张图片
在Deployments中可以查看该项目的部署list,点击可以查看输出的log信息,如果部署失败可以查看错误信息,改动后自动重新部署。
点开一条可以看到详细信息。
在now.sh部署前端应用_第8张图片
这里是点开一条部署失败的记录,类似之前的预览,但在下方的Build Logs中会输出详细的信息,可以根据报错修改自己的代码。
在now.sh部署前端应用_第9张图片
可以查看项目的资源文件。

项目设置

在now.sh部署前端应用_第10张图片
在项目的设置中可以修改域名、打包命令、根目录等。
主要修改的就是自己的域名,一般都需要为自己的网站设置一个比较容易记住的域名,而不是一串哈希值。
我的博客即将同步至腾讯云+社区,邀请大家一同入驻:https://cloud.tencent.com/developer/support-plan?invite_code=2uwbqlb5sl4wg

你可能感兴趣的:(在now.sh部署前端应用)