Html2bigview NPM

html2bigview

原理

一个html页面如何快速变成bigpipe(熟悉bigview)吐出

layout（默认body，可以指定.bp-layout）

div.bp
div.bp

html2bigview

实现步骤

1) 熟悉bigview demo

https://github.com/i5ting/bigview-koa-demo

2）区分页面

body
layout（）
bpmain
biglet div#bp-layout #bp-main div.biglet #biglet1(biglet) // 需要给所有的biglet添加class biglet 并且添加id `#biglet${i}` div.biglet #biglet_name(biglet)
http爬虫
jsdom

3) 获取元数据

记录所有模块

bp-layout
bp-main
biglet_1
biglet_name

4）写生成器

按照bigview-koa-demo

index.js
- add && require
biglets

5）发布到npm

6) 使用方式以koa项目示例

const html2bigview = require('html2bigview')
// 启用redis来缓存爬虫结果 可选
const redis = require('redis')
const client = redis.createClient()

async index (ctx) {
  await html2bigview(url, {
      zip: true, // 默认是true，压缩html
      redisClient: client, // 默认是false, 使用redis储存爬虫内容,不传使用lru-cache来缓存爬虫内容，lru-cache缓存在重启应用后会失效非永久缓存
      headJs: [], // 需要在head头部或者layout加载的js url，不传入默认全部放在body底部加载
      tplPath: 'src/tpl', 生成的pagelet文件存放的路径，默认是当前工作区的/src/tpl目录下
  })
}