三分鐘學(xué)會如何在函數(shù)計算中使用 puppeteer

zhkai 發(fā)布于2019-06-21 16:46 / 2662人閱讀

摘要：函數(shù)計算就是這里的膠水。總結(jié)函數(shù)計算有如下優(yōu)勢無需采購和管理服務(wù)器等基礎(chǔ)設(shè)施專注業(yè)務(wù)邏輯的開發(fā)提供日志查詢性能監(jiān)控報警等功能快速排查故障以事件驅(qū)動的方式觸發(fā)應(yīng)用響應(yīng)用戶請求毫秒級別彈性伸縮，快速實現(xiàn)底層擴容以應(yīng)對峰值壓力按需付費。

摘要：使用 puppeteer 結(jié)合函數(shù)計算，可以快速的構(gòu)建彈性的服務(wù)完成各種功能，包括：生成網(wǎng)頁截圖或者 PDF、高級爬蟲，可以爬取大量異步渲染內(nèi)容的網(wǎng)頁、模擬鍵盤輸入、表單自動提交、登錄網(wǎng)頁等，實現(xiàn) UI 自動化測試和捕獲站點的時間線，以便追蹤你的網(wǎng)站，幫助分析網(wǎng)站性能問題

簡介
使用 puppeteer 結(jié)合函數(shù)計算，可以快速的構(gòu)建彈性的服務(wù)完成各種功能，包括：

生成網(wǎng)頁截圖或者 PDF
高級爬蟲，可以爬取大量異步渲染內(nèi)容的網(wǎng)頁
模擬鍵盤輸入、表單自動提交、登錄網(wǎng)頁等，實現(xiàn) UI 自動化測試
捕獲站點的時間線，以便追蹤你的網(wǎng)站，幫助分析網(wǎng)站性能問題
接下來，將基于一個腳手架項目開發(fā)我們自己 puppeteer 項目。

下載項目

>>> git clone -o starter-kit https://github.com/awesome-fc/puppeteer-fc-starter-kit.git your_project_name

項目結(jié)構(gòu)

├── lib                         chrome headless 依賴的共享庫，打包的時候，拷貝到打包項目的根目錄下
├── chrome                           
│   ├── buildChrome.sh          編譯 chrome headless shell 腳本，基于它，可以編譯最新的版本
│   └── headless_shell.tar.gz   編譯后的 chrome headless 二進制打包文件
├── src
│   ├── index.js                函數(shù)調(diào)用入口文件，函數(shù) handler 為 index.handler，您的業(yè)務(wù)代碼寫在這里
│   └── starter-kit
│       ├── config.js           通過環(huán)境變量，獲取相關(guān)配置屬性，如：chrome 執(zhí)行目錄和安裝目錄等配置
│       ├── local.js            本地測試操作 chrome headless 的 API 是否正確，通過執(zhí)行命令：npm run local
│       └── setup.js            安裝 chrome headless 相關(guān)邏輯代碼，如：基于 OSS 安裝或者本地目錄安裝
├── package.json
└── package.zip                 輸出函數(shù)計算打包文件，通過命令：npm run package 或 npm run package-nochrome

如何寫業(yè)務(wù)代碼

index.js 文件

const setup = require("./starter-kit/setup");

exports.handler = async (event, context, callback) => {
  const browser = await setup.getBrowser(context);
  exports.run(browser).then(
    (result) => callback(null, result)
  ).catch(
    (err) => callback(err)
  );
};

exports.run = async (browser) => {
  // 實現(xiàn)您自己的業(yè)務(wù)代碼
  // 下面是一個示例代碼，需要替換成您自己的業(yè)務(wù)代碼
  // 示例實現(xiàn)了對固定網(wǎng)頁截圖并返回圖片的功能
  const page = await browser.newPage();
  await page.goto("https://fc.console.aliyun.com");
  return page.screenshot({
    clip: {
      x: 200,
      y: 60,
      width: 780,
      height: 450,
    },
  });
};

本地測試
執(zhí)行命令： npm run local 。測試您操作 chrome headless 的相關(guān) api 是否正確運行。

編譯打包
包含 chrome headless
執(zhí)行命令：npm run package 。命令會將 chrome headless 文件一起打包進項目，放在項目根目錄，函數(shù)執(zhí)行的時候，默認將 chrome headless 安裝到 /tmp 目錄。

不包含 chrome headless
執(zhí)行命令：npm run package-nochrome 。命令不會將 chrome headless 文件一起打包進項目，你需要額外將 chrome-headless 上傳到 OSS，通過環(huán)境變量告訴函數(shù)如何從 OSS 下載并安裝，默認將 chrome headless 安裝到 /tmp 目錄。為函數(shù)計算設(shè)置環(huán)境變量：

CHROME_BUCKET(必填): chrome headless 上傳到 OSS 的 bucket
CHROME_REGION(必填): chrome headless 上傳到 OSS 的 region
CHROME_KEY(必填): chrome headless 上傳到 OSS 的 key。 默認值: headless_shell.tar.gz

部署
編譯打包輸出的文件：package.zip，通過函數(shù)計算控制臺或者 fcli 命令工具上傳已打包文件。fcli 上傳已打包文件命令：

在相應(yīng) service 目錄下

mkf myFunction -h index.handler -f package.zip -t nodejs8 # 代碼在本地的 package.zip 中
為什么要使用函數(shù)計算
函數(shù)計算是一個相對較新的事物，可能大部分開發(fā)人員或架構(gòu)師對它很陌生。微服務(wù)架構(gòu)是當(dāng)下很流行的一種系統(tǒng)架構(gòu)，微服務(wù)架構(gòu)有沒有不夠完美的地方？答案是肯定的?；谖⒎?wù)架構(gòu)，我們需要考慮使用什么微服務(wù)框架來架構(gòu)系統(tǒng)、需要多少臺服務(wù)器、如何有效減輕運維負擔(dān)等一些列問題。另外，按照《福布斯》雜志的統(tǒng)計，在商業(yè)和企業(yè)數(shù)據(jù)中心的典型服務(wù)器僅提供 5%～15% 的平均最大處理能力的輸出。這無疑是一種資源的巨大浪費。

有沒有辦法解決上面的不足？答案也是肯定的，阿里云函數(shù)計算就是在這樣的背景下應(yīng)運而生的。如果把云計算理解成一個執(zhí)行環(huán)境，那么，在這個環(huán)境里，函數(shù)（即業(yè)務(wù)邏輯的載體）+ 數(shù)據(jù)（即跟業(yè)務(wù)相關(guān)的輸入與輸出）就是應(yīng)用的核心，有了函數(shù)、數(shù)據(jù)、事件這三者，其它任何代碼和框架，無非是整個應(yīng)用的膠水和UI罷了。那么，最理想的情況就是用最少的時間寫膠水，將更多的時間投入到核心應(yīng)用的開發(fā)中，甚至，徹底實現(xiàn)整個軟件棧的微服務(wù)化。函數(shù)計算就是這里的膠水。

總結(jié)
函數(shù)計算有如下優(yōu)勢：

無需采購和管理服務(wù)器等基礎(chǔ)設(shè)施
專注業(yè)務(wù)邏輯的開發(fā)
提供日志查詢、性能監(jiān)控、報警等功能快速排查故障
以事件驅(qū)動的方式觸發(fā)應(yīng)用響應(yīng)用戶請求
毫秒級別彈性伸縮，快速實現(xiàn)底層擴容以應(yīng)對峰值壓力
按需付費。只需為實際使用的計算資源付費，適合有明顯波峰波谷的用戶訪問場景

原文鏈接

GPU云服務(wù)器云服務(wù)器 webrtc如何在web中使用在php中如何使用n 分鐘學(xué)會python 三分鐘

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/11386.html

發(fā)表評論

登陸后可評論

0條評論

zhkai

男|高級講師

我要關(guān)注我要私信

TA的文章

tensorflow安裝包下載

閱讀 3850·2023-04-25 20:41
tensorflow版本怎么看

閱讀 2700·2023-04-25 16:40
Megalayer：美國CN2線路VPS年付159元,香港VPS年付199元起

閱讀 1481·2021-09-23 11:44
暫無補丁!新的0-Day通過濫用MS Office文檔主動攻擊Windows

閱讀 1284·2021-09-10 10:51
【建議收藏】兩萬字深度解讀指針，學(xué)好指針看這一篇文章就夠了

閱讀 1732·2021-09-07 09:59
UCloud新版UFile對象存儲上線：ZB 時代的量販式對象存儲

閱讀 1763·2019-12-27 12:08
每日一練:用css畫一個棒棒糖

閱讀 607·2019-08-30 15:44
CSS Injection

閱讀 3369·2019-08-30 11:08

成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

上云采購季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺、長期優(yōu)惠，快來選購！

三分鐘學(xué)會如何在函數(shù)計算中使用 puppeteer

相關(guān)文章