Heroku & Git

2020 Winter Workshop

2020/2/11

講者：王婕瑜

大綱

  • Heroku 簡介
  • Git 簡介與安裝
  • Git 基本指令操作
  • 如何發佈到 Heroku
  • 參考資源

Git 簡介與安裝

Git 簡介

圖片來源：用Git版本控制【Git的基本介紹】 | 連猴子都能懂的Git入門指南 | 貝格樂（Backlog）

Git 安裝

設定

git config --global user.name "Julie"

使用者名稱

電子信箱

git config --global user.email "julie890718@gmail.com"

Heroku 簡介

  • 提供佈屬網站的服務
  • PaaS（platform as a service，平台即服務）
  • 雲端伺服器

註冊

除了信箱之外，其他的隨意填。

收到電子郵件後點進連結，設定密碼即可。

安裝 Heroku CLI

安裝 Heroku CLI

一直點 next，最後按 close。

安裝 Heroku CLI

heroku

設定

登入

heroku login

輸入信箱和密碼

設定

新增Heroku App

heroku create <app_name>

app 的名字可以自己設定，

也可以空著， heroku 會自動產生一個名稱

Git 基本指令操作

操作流程

建立資料夾

mkdir file_name

初始化

（第一次使用時輸入，記得切換到該資料夾）

git init

檢視目前工作目錄的狀態

git status

加入暫存區

git add .

提交到儲存庫

git commit -m "message"

傳送到遠端的 Git server

git push -u origin master

連結本機和遠端

git remote add origin https://github.com/juliewah/test0122

如何發佈到 Heroku

.gitignore

放機密的或不想讓它進 Git 的檔案，也就是放 .env

建立檔案

設定變數

在 Heroku 的 Setting

建立 Procfile

讓 Heroku 知道要用什麼指令把我們送上去的程式跑起來

web: gunicorn your_flask_module_or_package_name:app

安裝 gunicorn

pipenv install gunicorn

Git 它

git init
git add . 
git commit -m  "message"

初始化

加入暫存區

加入儲存庫

上傳至 Heroku

git push heroku master
heroku git:remote -a app_name
heroku login

設定 Webhook URL

在網址後加上 /callback

Thanks for listening.

參考資源

Made with Slides.com