先上结论:
部署软件只需要:
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