欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

命令行批量截圖Node腳本示例代碼

 更新時間:2019年01月25日 11:58:36   作者:fantasticbaby  
這篇文章主要給大家介紹了關(guān)于命令行批量截圖Node腳本的相關(guān)資料,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧

批量截圖任務(wù)

作為一個軟件工程師,不只是做好自己的本職工作(iOS),而是需要解決項目中的技術(shù)問題。這次就是解決自動截圖的問題

早期公司的數(shù)據(jù)工程師利用 phantomjs 來截圖,后期不斷發(fā)現(xiàn)截圖效率低,加之開發(fā)者團隊不再維護,因此決定將截圖這部分跟你剝離開來,以后方便開發(fā)維護。我就承擔(dān)了這個工作

puppeteer

Puppeteer is a Node library which provides a high-level API to control Chrome or Chromium over the DevTools Protocol. Puppeteer runs headless by default, but can be configured to run full (non-headless) Chrome or Chromium.

安裝問題

一開始按照往常的套路(npm install --save puppeteer) 好幾次都卡住了,后期查找資料發(fā)現(xiàn)切換到國內(nèi)的鏡像就可以順利下載

PUPPETEER_DOWNLOAD_HOST=https://storage.googleapis.com.cnpmjs.org npm i --save puppeteer
  • To use Puppeteer in your project, run:
PUPPETEER_DOWNLOAD_HOST=https://storage.googleapis.com.cnpmjs.org npm i --save puppeteer
  • Install some basic packages
npm install

Usage

const puppeteer = require('puppeteer'),
  fs = require('fs'),
  path = require('path'),
  request = require('request')

function mkdirsSync(dirname) {
 if (fs.existsSync(dirname)) {
 return true
 } else {
 if (mkdirsSync(path.dirname(dirname))) {
  fs.mkdirSync(dirname)
  return true
 }
 }
}

var snapShotFolerPath = path.join(__dirname, '../snspshot/')
mkdirsSync(snapShotFolerPath)

 function snapShot (taskInfo) {
 return new Promise(function (resolve, reject) {

 (async function(){
  // 啟動Chromium
  const browser = await puppeteer.launch({ignoreHTTPSErrors: true, headless:true, args: ['--no-sandbox']})
  // 打開新頁面
  const page = await browser.newPage()
  // 設(shè)置頁面分辨率
  await page.setViewport({width: 1920, height: 1080})

  // 訪問
  await page.goto(taskInfo.websiteUrl, {waitUntil: 'domcontentloaded'}).catch(err => console.log(err))
  await page.waitFor(1000)

  try {
  // 截圖
  await page.screenshot({path: snapShotFolerPath + taskInfo.imageName, fullPage:true}).catch(err => {
   console.log('截圖失敗: ' + err)
  });
  await page.waitFor(6000)
  } catch (e) {
  console.log('failed ' + e)
  } finally {
  await browser.close()

  fs.stat(snapShotFolerPath + taskInfo.imageName, function(err,stats){
   if (err) {
   reject('fail')
   } else {                         
   if (stats.isFile()) {
    resolve('success')
   }
   }
  })
  }

 })()
 })
}

module.exports = snapShot

如何安裝 (Linux 、Unix 操作系統(tǒng))

如果你有翻墻環(huán)境

  • 執(zhí)行 npm install
  • 執(zhí)行 npm start

如果你沒有翻墻環(huán)境

  • 打開 package.json 文件,檢查 dependencies 項目,如果 key 為 puppeteer 的條目,先刪除該條目。
  • 進入工程命令行,輸入 PUPPETEER_DOWNLOAD_HOST=https://storage.googleapis.co... npm i --save puppeteer
  • 執(zhí)行 npm install 命令
  • 執(zhí)行 npm start

流程說明

while 循環(huán)去調(diào)用接口去獲取當(dāng)前的截圖任務(wù)

  • 在有截圖任務(wù)情況下繼續(xù)截圖
  • 沒有截任務(wù)的情況下,為了避免浪費資源,程序休眠10分鐘后繼續(xù)下一次的獲取截圖任務(wù)
  • 如果遇到調(diào)用截圖任務(wù)接口500錯誤,則強制停止截圖任務(wù),相應(yīng)的服務(wù)端工程師去查詢失敗原因

如果有截圖任務(wù)那么就去截圖

  • 截圖后將截圖圖片保存到文件夾,命令為當(dāng)前日期 yyyy-MM-dd-hh-mm-ss-S 格式。然后將結(jié)果上傳到服務(wù)端
  • 截圖失敗將當(dāng)前任務(wù)結(jié)果保存到本地 failedTasks.json 文件夾一份,然后上傳到服務(wù)端

截圖成功不管失敗還是成功都去通知服務(wù)端。如果失敗將當(dāng)前任務(wù)告訴服務(wù)端,如果成功將當(dāng)前任務(wù)信息和截圖成功的絕對路徑告訴服務(wù)端

一些說明

Demo 中執(zhí)行 npm start 真正執(zhí)行的是 quickStart.js 中的代碼。完整的“獲取截圖任務(wù)、截圖、截圖上傳到OSS、失敗則將失敗任務(wù)上傳到服務(wù)”邏輯在 index.js 文件中

  • 工程是在沒有提供真正的接口獲取任務(wù),而是采用隨機數(shù)獲取截圖任務(wù)
  • 截圖成功后將結(jié)果上傳到OSS這一個步驟是沒有的,采用 log 出來
  • 失敗的上傳也是不存在的,log 打印而已

todoList

  • 多線程高效率的去截圖
  • 一些寫法暫時比較粗糙,不優(yōu)雅,待改進
  • puppeteer 很強大,大家可以去研究下

代碼地址 (本地下載

總結(jié)

以上就是這篇文章的全部內(nèi)容了,希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,如果有疑問大家可以留言交流,謝謝大家對腳本之家的支持。

相關(guān)文章

  • 基于Node.js搭建hexo博客過程詳解

    基于Node.js搭建hexo博客過程詳解

    這篇文章主要介紹了基于Node.js搭建hexo博客過程詳解,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,
    2019-06-06
  • 使用nodejs搭建微信小程序支付接口的詳細過程

    使用nodejs搭建微信小程序支付接口的詳細過程

    前段時間做微信支付,遇到了很多坑,網(wǎng)上也沒有講解的特別明白的,通過借鑒各路人才的經(jīng)驗,最后也完成了,下面這篇文章主要給大家介紹了關(guān)于使用nodejs搭建微信小程序支付接口的詳細過程,需要的朋友可以參考下
    2022-12-12
  • Node.js中的async?和?await?關(guān)鍵字微任務(wù)和宏任務(wù)

    Node.js中的async?和?await?關(guān)鍵字微任務(wù)和宏任務(wù)

    這篇文章主要介紹了Node.js中的async和await關(guān)鍵字微任務(wù)和宏任務(wù),文章圍繞主題展開詳細的內(nèi)容介紹,具有一定的參考價值,需要的小伙伴可以參考一下
    2022-07-07
  • node.js中的fs.futimes方法使用說明

    node.js中的fs.futimes方法使用說明

    這篇文章主要介紹了node.js中的fs.futimes方法使用說明,本文介紹了fs.futimes方法說明、語法、接收參數(shù)、使用實例和實現(xiàn)源碼,需要的朋友可以參考下
    2014-12-12
  • node.js文件系統(tǒng)之文件寫入實例詳解

    node.js文件系統(tǒng)之文件寫入實例詳解

    Node.js和其他語言一樣,也有文件操作,下面這篇文章主要給大家介紹了關(guān)于node.js文件系統(tǒng)之文件寫入的相關(guān)資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下
    2023-03-03
  • 淺析node中間件及實現(xiàn)一個簡單的node中間件

    淺析node中間件及實現(xiàn)一個簡單的node中間件

    這篇文章主要介紹了淺析node中間件及實現(xiàn)一個簡單的node中間件,文章圍繞主題展開詳細的內(nèi)容介紹,具有一定的參考價值,需要的小伙伴可以參考一下
    2022-09-09
  • 簡單談?wù)刵ode.js 版本控制 nvm和 n

    簡單談?wù)刵ode.js 版本控制 nvm和 n

    大量開發(fā)者的貢獻使Node版本的迭代速度很快,版本很多(橫跨0.6到0.11),所以升級Node版本就成為了一個問題。目前有n和nvm這兩個工具可以對Node進行無痛升級,本文簡單介紹一下二者的使用。
    2015-10-10
  • node.js中的fs.close方法使用說明

    node.js中的fs.close方法使用說明

    這篇文章主要介紹了node.js中的fs.close方法使用說明,本文介紹了fs.close方法說明、語法、接收參數(shù)、使用實例和實現(xiàn)源碼,需要的朋友可以參考下
    2014-12-12
  • node+koa實現(xiàn)數(shù)據(jù)mock接口的方法

    node+koa實現(xiàn)數(shù)據(jù)mock接口的方法

    本篇文章主要介紹了node+koa實現(xiàn)數(shù)據(jù)mock接口的方法,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2017-09-09
  • Nodejs + sequelize 實現(xiàn)增刪改查操作

    Nodejs + sequelize 實現(xiàn)增刪改查操作

    這篇文章主要介紹了Nodejs + sequelize 實現(xiàn)增刪改查操作,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2020-11-11

最新評論