专栏首页M不作声使用now.sh部署前端项目

使用now.sh部署前端项目

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

快速部署

使用now.sh部署一个React应用。首先使用github账号登陆。可以直接从github仓库中直接导入项目。

点击导入项目后,选择使用github导入。

选择需要部署的项目,如果没有可选的仓库,需要先在github中设置访问权限。

一般只选择自己要暴露出的仓库就可以。然后点继续、继续、继续。。直到配置命令的时候。

本次部署的是React项目,会直接检测到,自动选择Create React App,然后配置打包命令等。这里打包命令设置为npm run build另外两个选项默认然后点击部署。 然后就会显示你的项目已经完成创建并正在部署。

喝杯水/上个厕所/透个气/随便干点什么的功夫,就已经部署好了。这时,左侧会显示出网站的预览图,右侧显示出状态信息。

右侧的域名中有三个地址可以访问到该页面,状态显示Ready,一切正常,点击任意域名可以访问。 网站部署地址:wuqiku-buzuosheng.now.sh

部署log查看

在Deployments中可以查看该项目的部署list,点击可以查看输出的log信息,如果部署失败可以查看错误信息,改动后自动重新部署。 点开一条可以看到详细信息。

这里是点开一条部署失败的记录,类似之前的预览,但在下方的Build Logs中会输出详细的信息,可以根据报错修改自己的代码。

可以查看项目的资源文件。

项目设置

在项目的设置中可以修改域名、打包命令、根目录等。 主要修改的就是自己的域名,一般都需要为自己的网站设置一个比较容易记住的域名,而不是一串哈希值。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • eggjs快速入门

    每个中间件就像是洋葱的一层,所有的请求经过一个中间件都会执行两次,这样可以非常方便的后置处理逻辑。

    不作声
  • Git

    首先要了解到Git分为几个区域,有工作区、暂存区、版本库、远程仓库。然后在后边会解释项目在各个区域移动。

    不作声
  • 数据结构与算法

    树的遍历分为深度优先搜索和广度优先搜索。深度优先搜索有先序遍历、中序遍历、和后序遍历三种方式。广度优先搜索是层次遍历。

    不作声
  • 有了 Jenkins,为啥还需要一个独立的部署系统?

    DevOps时代
  • JAVA自动化上线系统到底是怎么实现的?

    Git版本管理库用于存放上线系统的 CM工程(Configuration Management,配置管理工程,后续会详细介绍)以及需要部署的业务系统。

    普通程序员
  • 《持续交付:发布可靠软件的系统方法》第5章 部署流水线

    yeedomliu
  • JavaWeb项目部署到Linux云服务器「视频教程」

    我们在本地开发了一个Javaweb项目,如何把这个项目部署到Linux云服务器上呢?本期的视频教程就是手把手教大家在云服务器上部署自己的Web项目,视频教程分为...

    用户1093975
  • constructor of OfflineInterface.js

    Jerry Wang
  • spring-framework项目源码导入Eclipse

    秋日芒草
  • 基于OpenGLES的Android相机预览

    随着AR效果越来越普及,摄像头在Android中的应用越来越重要。通常摄像头的预览方案,通常使用SurfaceView的方案。

    Oceanlong

扫码关注云+社区

领取腾讯云代金券