windows10 环境下heroku 快速部署网站(静态文件)

先上结论:

部署软件只需要:
	 		heroku CLI 的安装
	 		git 的安装
	 		没了(完全不需要安装一些网站服务器,比如类似Tomcat之类的)
	 		可能需要翻墙(部署过程网站打不开,翻墙才打开)

可以说是极其方便。唯快不破!
写了一个简单的由html,css,javascript 组成的静态文件网页,想部署一下。但是又不行花太多时间在后台的页面跳转,尝试了一下用java的SSM框架写一个跳转逻辑,发现默认是加载jsp文件,代码拷贝进去,修改了jsp的头部代码,发现很多写好的样式不能用。一番尝试之后作罢,又尝试使用flask写后台跳转,发现默认模板引擎不匹配,还是出现很多写好的样式不能使用。作罢。

接下来进入正题:
部署前工作:
1、在heroku官网注册heroku账号,尽量使用国外邮箱,比如gmail,outlook之类的。有人尝试qq邮箱不行,没有验证。
heroku官网:https://www.heroku.com/
2、在本地安装git
3、下载安装Heroku CLI(自己根据不同电脑环境下载对应版本),这个就相当于一个客户端。
下载地址:https://devcenter.heroku.com/articles/heroku-cli
4、打开你的命令行工具(就是那个黑色框框),Windows10 下 cmd。进行登录heroku,输入:

heroku login

会让你按任意键打开浏览器验证登录。
5、接下来准备工作都差不多了,开始正式部署之旅,进入你的需要部署的html文件夹下(切换到网页文件所在的文件夹):

cd Projects/my-site

6、在index.html同级目录下新建一个 index.php,添加如下代码:

<?php header( 'Location: /index.html' ) ; ?>

注意:<?php之前不能有空格,否则没法用!
Heroku会在读取你的 index.html 文件之前运行 index.php。我们必须让浏览器从 index.php 重定向到 index.html。这个其实就相当于后台跳转代码,一行搞定,及其方便。
7、万事具备了,开工!回到命令行下,利用git 把你的目录变成一个git代码仓库:

git init
git add .

主要add 后面有一个点,意思是添加当前目录下的所有文件由git进行托管
8、接下来,把所有的文件提交,加一句提交说明。

git commit -m "hello world"

9、给你的网站起一个名字:

heroku apps:create hlin2059

笔者这里取得是hlin2059,这样部署之后你的网站名会变成https://hlin2059.herokuapp.com
也可以通过heroku的官网上面的指引进行取名,基本是傻瓜式操作(比较推荐去官网取名,会有重复性检测)
10、一行命令行进行部署:

git push heroku master

会在屏幕上看到heroku检测到你的php文件,给你自动安装php运行环境,有木有很感动,简直不要太方便;上图为证:
在这里插入图片描述
看到一连串命令行,最后:“remote: Verifying deploy… done.”
大功告成!可以访问:https://hlin2059.herokuapp.com
bingo~

参考:
https://zhuanlan.zhihu.com/p/22789277
https://dashboard.heroku.com

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值