Skip to content

devsapp/start-puppeteer-v3

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

注:当前项目为 Serverless Devs 应用,由于应用中会存在需要初始化才可运行的变量(例如应用部署地区、函数名等等),所以不推荐直接 Clone 本仓库到本地进行部署或直接复制 s.yaml 使用,强烈推荐通过 s init ${模版名称} 的方法或应用中心进行初始化,详情可参考部署 & 体验

start-puppeteer-v3 帮助文档

本案例将 Puppeteer ,这一使用者广泛的基于 nodejs 的截图 web 应用,快速创建并部署到阿里云函数计算 FC 。

前期准备

使用该项目,您需要有开通以下服务并拥有对应权限:

服务/业务 权限 相关文档
函数计算 AliyunFCFullAccess 帮助文档 计费文档

部署 & 体验

案例介绍

本案例将 Puppeteer ,这一使用者广泛的、基于 nodejs 运行时的截图 web 应用,快速创建并部署到阿里云函数计算 FC 。

Puppeteer 是一个 Node 库,它提供了高级的 API 并通过 DevTools 协议来控制 Chrome(或Chromium)。通俗来说就是一个 headless chrome 浏览器 (也可以配置成有 UI 的,默认是没有的), 可以完成很多自动化的事情, 比如:

  • 生成网页截图或者 PDF

  • 抓取单页应用(SPA)执行并渲染

  • 做表单的自动提交、UI的自动化测试、模拟键盘输入等

  • 用浏览器自带的一些调试工具和性能分析工具帮助我们分析问题

  • 在最新的无头浏览器环境里做测试、使用最新浏览器特性

  • ...

通过 Serverless 开发平台,您只需要几步,就可以体验 Puppeteer ,并享受 Serverless 架构带来的降本提效的技术红利。

使用流程

查看部署的案例

部署完成之后,您可以看到系统返回给您的案例地址,例如:

图片alt

此时,打开url, 就可以得到 Serverless Devs 官网首页的截图:

图片alt

也可以通过 url 渲染其他页面,在浏览器添加query参数 如:

就可以得到阿里云函数计算帮助中心首页的截图:

二次开发

您可以通过云端控制台的开发功能进行二次开发。如果您之前是在本地创建的项目案例,也可以在本地项目目录start-puppeteer-v3文件夹下,对项目进行二次开发。开发完成后,可以通过s deploy进行快速部署。

注意事项

开发者社区

您如果有关于错误的反馈或者未来的期待,您可以在 Serverless Devs repo Issues 中进行反馈和交流。如果您想要加入我们的讨论组或者了解 FC 组件的最新动态,您可以通过以下渠道进行:

微信公众号:serverless 微信小助手:xiaojiangwh 钉钉交流群:33947367