精選文章

2021 年 1 月熱門電子書推薦 | 精選書籍推薦

-
圖片
2021 年1 月推薦書籍：一起來閱讀增進知識吧，挑戰看看這個月能看幾本！或是有其他推薦書籍也歡迎分享～ 全身激痛點地圖 (電子書) 出版日期：2020/04/21 作者：侯鐘堡 推薦指數：⭐⭐⭐⭐ 失眠的年代：即刻救援你的睡眠，不睡這個殺手就在你身邊 (電子書) 出版日期：2020/12/16 作者：許承翰,高紅敏 推薦指數：⭐⭐⭐⭐ 病從排寒解2 排寒實踐與突破：20年臨床實證，突破排寒盲點，防治疫毒流感的中醫養命方略！ (電子書) 出版日期：2020/12/05 作者：李璧如 推薦指數：⭐⭐⭐⭐ 身體的立體結構網絡：一個結構治療科醫師的筆記 (電子書) 出版日期：2020/11/01 作者：林兩傳 推薦指數：⭐⭐⭐⭐ 1個月-7kg 奇蹟蛋白質減重法 (電子書) 出版日期：2020/12/29 作者：土田隆 推薦指數：⭐⭐⭐⭐ 人類使用說明書 (電子書) 出版日期：2020/11/26 作者：卡蜜拉‧彭 推薦指數：⭐⭐⭐⭐ 0負擔天文課：輕薄短小的109堂課，變身一日太空人 (電子書) 出版日期：2020/11/16 作者：侯東政 推薦指數：⭐⭐⭐⭐⭐ 我們為何吃太多？全新的食慾科學與現代節食迷思 (電子書) 出版日期：2020/12/30 作者：安德魯‧詹金森 推薦指數：⭐⭐⭐⭐ 只有一半的真相：為什麼科學看不到全貌？ (電子書) 出版日期：2020/11/30 作者：布拉斯藍德 推薦指數：⭐⭐⭐⭐⭐ ...
1 則留言

Puppeteer 使用 FileChooser 無法上傳檔案 | 開發經驗分享

-

最近工作上接到新的任務是利用 Puppeteer 來自動化操作網頁，之前雖然有用過 Python 搭配 Selenium 的經驗，但 Puppeteer 是要用 Node.js 寫，完全沒寫過 Node.js 啊！！

今天想跟大家分享開發中遇到的小問題，是關於模擬點擊上傳照片，因為操作的網頁並沒有提供 API，故只好做個機器人來替代人工操作。

簡單介紹一下流程 ：

第一步是點擊「 上傳照片 」

接著會跳出此視窗，要再點擊「 選擇檔案 」


最後就會跳出檔案選擇器來上傳檔案

遇到的問題

針對此需求，Puppeteer 可以透過使用 FileChooser、uploadFile 這兩個 API 解決，不過很神奇的是，當我實作時卻完全無法使用，會在使用 waitForFileChooser 時 timeout。

試了很多方法，後來還去查了是不是可以用拖拉檔案 ( drag and drop )、或是跳出檔案選擇器時，模擬鍵盤點選 "\"，會彈出 「 前往資料夾 」，再想辦法輸入檔案路徑，雖然沒有成功就是了。


如何解決

後來找到這個 issue，五天前有人猜想是不是 Chromium 版本是 80 + 時，waitForFileChooser 會失效。

我查了一下我的 Puppeteer 版本是 2.0.0，當使用 npm install 後會自動下載 Chromium，目前版本確實是 80，我嘗試將版本改為 1.9.0，重新執行後發現可以使用了。看其來確實是在新版時 waitForFileChooser 會失效。

如果喜歡我的文章，想隨時收到最新行銷、技術分享，歡迎按 fb 粉專讚
加入好友  或加入 LINE 官方帳號，接收最新文章通知

留言

張貼留言

這個網誌中的熱門文章

自動將 Blogger 文章發佈到 facebook 粉絲專頁 （上）

-
圖片
超實用自動化工具！如何用 Python 來實現將 Blogger 的文章自動發佈到粉絲專頁，就不用自己動手，省時又省力，非常的方便！ 最近開始將多數文章經營在 Blogger 內，但在初期 SEO 沒做好，所以流量一直都不高，於是我開始思考是不是要透過一些社群媒體的渠道來導流，於是我開始整理一個 facebook 粉絲專頁來使用。 碰到了一些問題 在我開始把文章連結加上追蹤碼，想一下貼文的文案，貼文縮圖呈現等 ...，卻忽然想到，該不會我剩下的十幾篇文章都要重複上面的流程吧？如果之後每寫一篇文章不就都要做一次。身為一位工程師實在是很討厭重複性的工作，於是就萌生出：那就給程式做吧！ 這次的文章我想採用上、下兩集做呈現，上集想分享如何設計機制，下集會著重在程式碼的實踐。 第一步、文章內容規格化 在開始寫程式碼前，我看了一下前面幾篇文章規格都不盡相同，有些有首圖、有些沒有；有些有標籤、有些沒有。還有一個問題是：如果我想自動產生貼文內容，那我要怎麼取內容，而且以行銷的角度，我會希望貼文內容是可以客製化，不會是固定的文案或只抓文章前面幾段的內容。 於是我開始整理了以下文章規格： 1. 文章必須有首圖（ 讓 Blogger 和 facebook 抓來當縮圖 ) 2. 文章前面插入一段 html 代碼，是白色且無大小的文字，我會在上面寫下希望在 facebook 貼文呈現的內容 3. 定義文章連結格式，到時候加 utm 追蹤，在 GA 查看數據時增加易讀性 第二步、使用 Blogger API Google 有提供 Blogger 的 API ，於是我便利用 Blogger API 去進行以下的步驟： 1. 撈出目前 Blogger 所有文章 id 2. 比對靜態的 json 檔案 ( 用來儲存已經發過的文章 id )，並篩選出沒在檔案的 id 3. 發到 facebook 粉絲團後，將這些 id 存到 json 檔案 第三步、使用 facebook API 最後一步就是使用 facebook 提供可以操作粉絲專頁發文的 API，在 Blogger API 撈出文章id 的同時，也會有文章標題、文章內容、文章網址 ... 等資訊。於是我便利用這些內容產出以下內容： 1. 貼文...
閱讀完整內容

3 步驟獲取Google Play 中APP數據 - Python 爬蟲

-
圖片
這是我利用 Python、Selenium 去獲取 Google play store 上 APP 資訊，目前想到的使用情境是可以分析一些使用者反饋，與大家分享是如何實作～ 圖片來源： flickr 本文重點結論： 1. 利用 Python、Selenium 獲取 Google play store 上 APP 資訊 2. 可針對 APP 做用戶反饋調查 ( 目前想到的 ) 3. 附上程式碼：https://github.com/AlanSyue/google-play-crawler ※ 專案 forked from ranjeet867/google-play-crawler
閱讀完整內容

使用 docker 部署 Python Flask | 心得分享

-
圖片
上篇  畢業學分計算工具開發心得 | side project 的嘗試與迭代 有提到近期在做的專案，很高興不久前有找到 2 位學弟妹有興趣來往下做開發。由於他們比較少開發經驗，也促使我開始思考怎麼做能幫助他們開發更順暢。 目前想到了以下三點會優先執行： 1. 快速建置開發環境 2. 寫文件 3. 計算邏輯的模組化 這次文章想分享這次為了加速建置開發環境，研究了用 docker 來安裝 python、相關套件、以及啟動 Flask API： 一、安裝 docker 可以直接參考 docker 文件  來進行安裝，就不多贅述。  二、建立 requirements.txt 至 Flask 專案底下新增 requirements.txt 檔案，用來管理需要安裝的套件。 Flask==1.0.2 gunicorn==19.5.0 gevent==1.4.0 三、建立 Dockerfile 一樣在 Flask 專案底下新增 Dockerfile ( 不需有後綴檔名 )，稍稍說明一下他會做哪些事情： FROM python:3.6 MAINTAINER alansyue b123105@gmail.com COPY ./requirements.txt /app/requirements.txt WORKDIR /app RUN pip install -r requirements.txt COPY . /app CMD ["gunicorn", "-k", "gevent", "-b", "0.0.0.0:9000", "app:app"] 1. FROM python:3.6 ：使用 python 這個 image 2. COPY ./requirements.txt /app/requirements.txt : 複製 requirements.txt 檔案 3. RUN pip install -r requirements.txt: 安裝 requirements.txt 裡面的套件 4. 最後用 gunicorn...
閱讀完整內容