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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章