部署线上node/vue项目

  • 当你写了node项目的时候就想抛到网上去
  • 前面有教 外网映射 也是一个好方法
  • 但是用起来开启服务就好,但是关闭主机就不能用了
  • 那我们就来使用网上的服务器

服务器

  1. 阿里云、腾讯云 复杂贵买不起
  2. 新浪云 (这个还不错不过也是要钱还是挺方便,服务器与数据库基本齐全)
  3. Heroku 不过要vpn (支持的语言多但是没有mysql数据库)
  4. openshift 也是外网服务器不过不用vpn (没用过,不过好像是试用也是要收费)

部署

检查配置

  1. node
  2. git
  3. npm

Heroku

  1. 上到官网 登录/注册
  2. 选择自己要的语言 (回跳到开发文档)
    • 我选的是node
  3. 选择安装homebrew cli
    • 我是os系统 我选的是苹果 (下载后安装)
  4. 登录 homebrew
    • 终端 heroku login (苹果加 sudo)
  5. 在一个你想放项目的地方新建项目文件夹
  6. 创建应用程序 (虽然下载了但是是空的架构要自己安装)
    • heroku create (生成项目的时候项目名是随机生成的)
  7. 部署到 网上 (前面已经登录了现在直接上传就好)
    • 刚创的应用直接push就好
    • sudo git push heroku master
    • 上传完 heroku open查看
  8. 有个绿色页面就是成功了

  9. 好前面都是说配置现在来说部署

    • 1.把vue项目打包出来
    • 2.把打包好的html文件拷贝到 node-js-getting-started/views/pages/
      • 我们考到这里面然后把里面index.ejs文件删掉
      • 把我们的文件改为ejs
    • 3.打包出来的static 直接放到public里面就好
  10. 部署好我们就上传
    • git add .
    • git commit -m “”
    • git push heroku master
    • 上传三部曲不多说
  11. heroku open 查看有自己喜欢的效果就是对了

  12. 查错 如果出现 application err就是错了

    • heroku logs –tail 使用这个命令查看错在哪里
  13. 一些自定义的文件啥的在项目根目录传文件放

    • 在 index.js文件中引入配置就好

新浪云

  • 新浪云还是比较简单
  1. 登录 进入控制台
  2. 创建应用 选择自己要的服务器 设计域名和应用名称
  3. 然后里面有git代码说明
  4. 就是把git克隆下来再来写代码就好了
  5. git push三部曲
  6. 数据库那些也是这样差不多自己研究
-------------本文结束感谢您的阅读-------------
0%