先上結論:
部署軟件只需要:
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