GitHub + Heroku 部署Node.js 网站

1 创建GitHub帐号

2 创建Heroku帐号

  1. 现在Heroku网站上创建账号,
  2. 下载heroku cli 安装包,安装heroku cli, 安装完成执行命令 heroku -v 查看版本,
  3. 然后 heroku login 登录,
    Issue: heroku login 通常会fail,不连vpn,Heroku连不上,连vpn,则显示ip mismatch。分两步,先断开vpn,browser点登录,会有一个等待过程,此时,连上vpn, login成功。

3 本地工程添加git版本控制

  1. git init
  2. 添加文件 .gitignore, 添加行 node_modules/
  3. git add . 将工程文件夹下所有untracked 文件状态设为staged.
  4. git commit -m "Init commit"

4 创建SSH

SSH: Secure Shell 或 Secure Socket Shell, 一种网络协议,用于为用户,尤其是系统管理员提供安全网络服务,实现不安全网络上对某台计算机的安全访问。

windows创建SSH步骤如下:

  1. 使用 git bash 执行命令: ls -a -l ~/.ssh 其中 a: all,包括隐藏文件, l: 以列表显示,此命令用于查看电脑上是否有已经生成的SSH,如果没有类似于id_rsa, id_rsa.pub的文件,则执行下面的步骤生成SSH。
  2. ssh-keygen -t rsa -b 4096 -C "mymail@163.com for SSH key", 生成私钥和公钥对,其中 t: type,使用 rsa, b: bit, C: comment , 显示 id_rsa 和 id_rsa.pub, id_rsa 仅存放在本机,不允许分享。
  3. eval $(ssh-agent -s) 检查ssh agent 是否正在运行。
  4. ssh-add ~/.ssh/id_rsa 显示 identity add 等
  5. cat ~/id_rsa.pub, 将字符串copy 到GitHub上setting的SSH里。

5 本地代码push到GitHub

GitHub 是非常流行的软件开发平台,提供了用于管理软件开发项目所有必须的工具。

  1. 在GitHub 上创建新的repository,
    然后,

  2. 参考网页上的指令:

  3. …or push an existing repository from the command line

git remote add origin https://github.com/my_github_account/mytest1.git
git branch -M main
git push -u origin main 

这里需要注意的地方是,master 改成了main.

6 创建Heroku工程

  1. package.json 文件修改并测试:
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1", 
    "start":"node src/app.js" // 增加这一行
  },

然后用npm run start 命令进行本地测试
2. 端口号在Heroku上是动态生成的,一定要修改,不能写死成3000:

const port = process.env.PORT || 3000;
app.listen(port, () => console.log("Server listen at port " + port));
  1. 删除code里所有的localhost:3000字样,进行相应修改。
  2. git commit -m "Setup for Heroku"
  3. heroku keys:add 为Heroku添加SSH
  4. heroku create weather-20211111
    create 后名称省略,则随机生成网址,否则需要自己设置不重复的URL。
  5. git push heroku main 代码部署到Heroku 上,此过程将自动安装npm包。

上述步骤完成后,就可以访问Heroku App,如果需要特定域名, 需购买DNS,Heroku上有文档。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值