跳到主要內容

[2021 IT鐵人賽] Day 29:專案07 - 天氣小助理03 | Heroku雲端平台

圖片來源:https://www.lohaslife.cc/archives/18537

昨天最後遇到的問題是,目前電腦都是在我們的電腦上執行,而且是手動觸發的,有沒有辦法自動化的完成這個任務呢?

答案是有的,今天將接續前兩天的內容,將天氣小助理的專案部屬到Heroku雲端平台上,建議讀者先看完前兩天的文章再來看這篇哦!

Heroku

Heroku是一個平台即服務(PaaS)的雲端平台,支援多種程式語言,包括Ruby、Node.js、Java、Python…。如果是第一次聽到雲端平台的人,可以將它想像成有一台遠端且永遠都是開機狀態的電腦,你可以將你的程式透過網路上傳至這台電腦,並由它幫你執行程式。

接下來教你如何將專案部屬到Heroku上,在此之前要先將天氣小助理的專案完成,這裡有專案完整原始碼提供參考。

安裝Git

Git是一個分散式的版本控制系統,平常除了幫助開發者進行版本控制外,也要透過Git將專案推送到Heroku的Git Repository,進行專案的管理以及部署。

Git官網,根據作業系統安裝最新版本的Git。

安裝完成後,在CMD輸入git --version,有出現版本號碼就表示有安裝成功。

安裝Heroku CLI

Heroku利用Git部署專案,並提供了CLI(Command-Line Interface),透過指令操作Heroku雲端平台,讓部署流程更加容易。

來到Heroku Dev Center,點下方的「The Heroku CLI」。

找到「Download and install」,根據你的作業系統做安裝。

下載的是一個執行檔,執行後依照步驟安裝即可。

安裝完成後,在CMD輸入heroku驗證是否安裝成功。

註冊Heroku帳號

但是要有帳號才能進行部署,所以先回到Heroku Dev Center,點擊「Sign up」註冊帳號。

註冊好了之後,因為我們再來會使用Heroku Scheduler這個額外的服務,因此需要填寫信用卡的資料,不過不用太擔心,再免費額度用完之前都是不會花到你半毛錢的。

點擊頭像後,點「Account settings」。

選擇「Billing」,新增你的信用卡資訊。

建立Heroku應用程式

接著,我們要在Heroku雲端平台上建立應用程式,來存放我們天氣小助手的專案。

先在CMD輸入heroku login登入Heroku。執行後會導向一個Heroku登入網頁。

登入完關掉網頁回到CMD,就已經登入完成了。

接著建立應用程式,特別注意應用程式的名稱不可以重複。

heroku create <你的應用程式名稱>

完成後會產生一組應用程式的連結遠端Git Repository,待會的專案就是要推送到這個Repository上。

建立一個新資料夾,將專案程式放在資料夾中,為了呼叫方便,於是將程式名稱改名為app.py

為了讓Heroku平台知道這個專案需要安裝那些套件,新增requirements.txt檔來紀錄套件和版本的要求。照理來說要建立一個虛擬環境,安裝完必要套件後,用pip freeze > requirements.txt產生,但處理起來滿花時間的,這邊就直接提供這個專案requirements.txt的內容吧!

requests
certifi>=2017.4.17
idna<3,>=2.5
chardet<5,>=3.0.2
urllib3<1.27,>=1.21.1

下一步,在CMD上移動到專案資料夾的位置,並建立本地端的Repository。

cd /你的專案資料夾路徑
git init

接著,使用以下四個指令,將專案推送到Heroku雲端平台。有用過git的人應該明白這就是將本地Repository推送到遠端Repository的過程。

git add .  # 將專案加入到本地端Repository
git commit -m "first commit"  # 新增版本紀錄
heroku git:remote -a <你的應用程式名稱>  # 將Heroku雲端平台的Repository切換到你的應用程式
git push heroku master  # 將專案推送到Heroku雲端平台的Repository

最後一個指令要等待Heroku安裝一些東西,需要一點時間,完成後如果出現這個畫面,就表示成功推送專案到雲端平台了!。

應用程式測試

回到Heroku的Dashboard,應該就已經有剛才建好的應用程式了。

要測試的話,點「More」並選擇「Run console」。

輸入python app.py,有收到訊息就成功了!

建立Heroku Scheduler

真的是最後一步了! 我們要使用Heroku Scheduler這個服務,達成每天固定時間執行專案的任務。

在專案中「Resource」下方「Add-ons」搜尋Heroku Scheduler,並點擊它。

下一個視窗中,選擇「Standard-Free」(免費版)。

接著點擊「Heroku Scheduler」服務,在新的分頁中,點擊「Create job」。

選擇排程的時間,因為我們希望每天固定時間執行,所以選擇「Every day at…」,後面接執行時間,要注意到Heroku Scheduler採用UTC(世界協調時間),所以台灣的時間要減8小時才是UTC時間,像專案中希望每天早上6點執行,時間就要設定為晚上10點

執行的指令就和剛才測試的一樣,完成設定後按「Save job」。

排程會列在這邊,未來想修改或刪除都可以。

最後要做的事就是去睡覺,等待明天一早起來的通知啦~

圖片來源:https://unsplash.com/photos/uy5t-CJuIK4

參考文章:[Python爬蟲教學]教你如何部署Python網頁爬蟲至Heroku雲端平台

小結

故事的結尾,小明來找你道謝,他說他至從有了天氣小助理之後,每天出門前都會收到通知,再也沒有忘記帶雨傘過了。而且因為有暖心提醒,讓他覺得有人在關心他,甚至會開始期待明天的提醒,或許是因為這樣,整個人的氣色也變好了,真是可喜可賀可喜可賀~

我們來複習一下這三天做了什麼事,前天是使用氣象資料的API,昨天是推送LINE Notify訊息,今天則是將專題部署到Heroku雲端平台和設定時間排程器!

天氣小助理的專案到這邊結束,這也是最後一個專案。明天就是鐵人賽最後一天了,我打算做個總複習和寫點完賽心得,那麼,我們明天不見不散!


如果喜歡這系列文章麻煩幫我按Like加訂閱,你的支持是我創作最大的動力~

本系列文章以及範例程式碼都同步更新在GitHub上,後續會持續的更新,如果喜歡也麻煩幫我按個星星吧~

有任何問題或建議,都歡迎在底下留言區提出,還請大家多多指教。


如果喜歡這篇文章,請訂閱我並且拍五下手給予回饋(使用Google或Facebook帳號免費登入,只需要30秒),資金由LikeCoin提供,完全不會花到各位半毛錢!

因為您的支持,我才更有動力創作出更優質的文章~

留言

這個網誌中的熱門文章

[心得] COSCUP 2021 - 製播組志工經驗

前言 這次是 第二次參加COSCUP志工 ,第一次是2020年被朋友拉著報名場務組,當時對COSCUP完全不了解,連對Conference也是一點概念都沒有(畢竟高中從來沒有接觸過相關活動...),第一次就是懵懵懂懂的去參加了COSCUP。2020年雖然也有疫情,但情況並不像今年這麼嚴重,仍然是以實體方式舉辦,因為是第一次參加COSCUP,跟大家都不熟,所以基本上活動期間我就是黏著我的朋友,他做什麼我就跟著做什麼,不太敢跟其他人搭話。 即使如此,但因為COSCUP結束後和其他工作人員們一起去慶功宴,還是多認識了幾個人,之後仍然有在聯絡,後來之所以能參加SITCON和今年2021報名COSCUP志工,也都是因為他們的關係。因為有他們,我才會認識COSCUP,之後也才會參加SITCON,也才會受到很大的震撼,開始努力自學程式,這一切真的都要歸功於他們。 今年COSCUP在7/31~8/1舉辦,但是因為5月中疫情突然爆發,總召們討論過後最終決定以全程線上的方式舉辦,這對我來說影響非常大,因為我是報名場務組,因為全程線上就不需要實體場地了,場務組的人數也因此驟減,因此我面臨到了 失業 危機...。 最後的解決方式是: 協助我們轉職到其他組別 。這時因為線上的緣故,導播組(主要負責Youtube直播控場)的工作量大增,剛好我也對Youtube直播串流滿感興趣的,所以就轉職到製播組了!! 會前準備 在製播組的第一次會議中,組長請我們挑選自己想要的職位,我當初填導播(主要控制Youtube直播間的人),但最後因為網路太慢的問題,被分配為助理QQ,不過實際上做的事情是一樣的,權限也是一樣的,所以我也沒有特別在意職稱。 因為大概是前一個月左右才被調去製播組,滿臨時的,所以開會開得很緊湊,平均每一周開一次會,交代了如何使用StreamYard,以及跟主持人聯絡等注意事項,今年也許是因為都是全線上開會或者對COSCUP有新的觀點的關係,我在今年的參與度比去年高出許多,付出的時間也比去年來的多。而且我覺得最大的不同在於,我開始敢在會議中講話了,要是以前的我是完全不敢的。因為在會議中有必要開口表達意見的時候,慢慢就覺得沒這麼可怕了,這或許就是參加COSCUP志工帶給我的膽量! 會前兩周是最忙的時候,當時每天都在催影片,一周中有...

[2021 IT鐵人賽] Day 06:專案01 - 超簡單個人履歷05 | CSS版面佈局、Flex

昨天講完的CSS的文字和區塊屬性後,今天要接續介紹版面佈局的屬性,以及一個非常好用的佈局容器 - Flex,上完這堂課,你的網頁佈局就可以更加彈性囉~ 那麼,我們廢話不多說,就開始今天的介紹吧! CSS版面佈局 首先,你按 F12 打開開發人員工具,應該會在 Elements >> Styles 滑到最底下看到這個畫面(Chrome一定有,其他瀏覽器不確定): 記好這個圖,因為他就是CSS版面佈局的概念圖。 我們看這個圖,發現他像箭靶一樣一圈圈的包圍起來,主要有三層, 從外到內分別是margin、border和padding 。border我們昨天已經說過了,所以接下來我只著重在介紹margin和padding這兩個屬性該如何使用。 margin margin,又稱外距。顧名思義就是元素外側到其他元素或邊界的距離,通常用於在兩個元素間留下空間,畢竟東西都緊貼在一起也不好看對吧? 我們就用以下例子認識margin: HTML(都同一個,之後例子我就不放了): < div class = "outside" > < div class = "inside" ></ div > </ div > CSS: .outside { width : 200px ; height : 200px ; background-color : rgb ( 138 , 138 , 138 ); margin : 50px ; } .inside { width : 100px ; height : 100px ; background-color : rgb ( 92 , 92 , 92 ); } 顯示結果為: 我們按F12打開開發者工具,點上方的紅框的圖示,接著將游標移動到淺灰色的方塊上,就會顯示如同上方的畫面。 我們可以看到橘色的部分代表margin,往淺灰色的方塊上下左右推了50px的空間。 ...

[Python] 關鍵字yield和return究竟有什麼不同?

學習Scrapy的過程中碰到 yeild 這個關鍵字,我使用Python快半年了,還真的是第一次遇到這個關鍵字,於是我花了點時間研究後,終於明白它的作用了,怕下次看到時忘記,所以用這篇文將yield這個關鍵字重點整理一下。 1. yield的核心目的:為了節省記憶體 如果想要印出0~100的平方時,我們可能會這樣寫。 powers = [x**2 for x in range(100)] for x in powers: print(x) 但這樣有一個致命問題在於,必須把整個list都存放在記憶體中,100個元素可能還不成問題,但如果今天的對象是一百萬筆資料,記憶體可能會承受不了,程式就崩潰了。 接下來就會說明yield要如何節省記憶體,但在此之前,先來談談Python的生成器(generator)。 2. 什麼是生成器(generator)? 生成器是一個可迭代的物件,可以放在for迴圈的in前面,或者使用next()函數呼叫執行下一次迭代。 和列表的差別在於, 生成器會保存上次紀錄,並只有在呼叫下一層迭代的時候才載入記憶體執行 。 所以將上面的例子改寫成生成器,結果是一樣的,卻可以防止超過記憶體,注意我用的是 ( 而不是 [ 。 powers = (x**2 for x in range(100)) for x in powers: print(x) 3. 函數加入yield後不再是一般的函數,而被視作為生成器(generator) 呼叫函數後,回傳的並非數值,而是函數的生成器物件。 4. yield和return一樣會回傳值,不過yield會記住上次執行的位置 yield和return一樣都會回傳值並中斷在目前位置, 但最大不同在於yield在下次迭代時會從上次迭代的下一行接續執行 ,一直執行到下一個yield出現,如果沒有下一個yield則結束這個生成器。而且接續上一個迭代前的變數不會改變,就是維持上次結束前的模樣。 這部分我們來看下面這個例子: def yield_test(n): print("start n =", n) for i in range(n): yield i*i print("i =", i)...