透過爬蟲讓 Airtable 管理你的 Medium 文章(下) — 如何使用這個工具

這篇文章寫於 2021 年,文中的工具與版本可能已經更新,實作時請以官方文件為準。

本文目錄
  1. 一、完成 Airtable 的設定
  2. 二、安裝工具將指定 Medium 的部落格匯入 Airtable
  3. 變數說明:
  4. 三、驗收成果

如果你對這個專案的起源感興趣,請參考上一篇:透過爬蟲讓 Airtable 管理你的 Medium 文章(上) — 遇到需求時的分析以及執行步驟

文章大綱:
一、完成 Airtable 的設定
二、安裝工具將指定 Medium 的部落格匯入 Airtable
三、驗收成果

透過爬蟲讓 Airtable 管理你的 Medium 文章(下) — 如何使用這個工具(圖 1)

如果你正在因為 Medium 文章太多不知道如何管理的話,這是一個很方便的工具,下面會完整說明使用這個工具的步驟

一、完成 Airtable 的設定

  1. 請註冊或是登入airtable

一、完成 Airtable 的設定(圖 2)

2. 請使用我已經創建好的template,進去後按右上角的 Copy base

一、完成 Airtable 的設定(圖 3)

3. 選擇你要放 base 的位置(使用默認的即可)

一、完成 Airtable 的設定(圖 4)

4. 點擊剛剛創建的 base,確認欄位都有複製過來

一、完成 Airtable 的設定(圖 5)

5. 進入accout頁面產生 API key,產生後請將 key 妥善保存,之後程式會用到這個參數(AIRTABLE_API_KEYKEY)

一、完成 Airtable 的設定(圖 6)

6. 進入api頁面選擇剛剛新增的 base

一、完成 Airtable 的設定(圖 7)

7. 依據下圖步驟找到 base 的代碼,並將他紀錄起來,之後程式會用到這個參數(AIRTABLE_BASE)

一、完成 Airtable 的設定(圖 8)


二、安裝工具將指定 Medium 的部落格匯入 Airtable

開發所需要的前置環境設定我寫在這篇文章:工程師的開發環境大補帖:Node.js、NVM、git、yarn、VSCode

  1. 從 github下載
git clone https://github.com/dean9703111/medium_to_airtable.git

2. 使用 VSCode 開啟資料夾,並點擊 TERMINAL 進入資料夾終端機

二、安裝工具將指定 Medium 的部落格匯入 Airtable(圖 9)

3. 安裝套件

yarn

二、安裝工具將指定 Medium 的部落格匯入 Airtable(圖 10)

4. 設定專案環境變數 將.env.exmaple複製一份到.env檔案(須自行新增)

二、安裝工具將指定 Medium 的部落格匯入 Airtable(圖 11)

變數說明:

  • MEDIUM_PAGE:你要爬的 Medium 文章網址,你可以先用預設的值,確定程式能跑起來後再改成自己的網址
  • SHOW_BROSWER:設定為 true 時會有瀏覽器跳出來,設定為 false 時則是讓爬蟲背景執行
  • AIRTABLE_API_KEYKEY:在上面步驟申請到的 API key
  • AIRTABLE_BASE:你目標要儲存 BASE 的代碼

變數說明:(圖 12)

5. 執行程式

yarn start

我們可以從 TERMINAL 看到程式執行的過程

變數說明:(圖 13)

結束後會顯示總共花費時間

變數說明:(圖 14)


三、驗收成果

去 Airtable 確認是否有正確匯入資料,此為範例

三、驗收成果(圖 15)

希望大家都成功將 Medium文章匯入 Airtable 惹~如果有任何問題歡迎在下方詢問,如果覺得這篇文章對你有幫助可以幫我按拍手給我鼓勵喔~

Talk

留言討論

留言載入中…