SEO端端框架静态化解决方案——RENDERTRON的安装

目前很多网站都是使用 vue、recat等框架开发的网站，一般都是在服务器上只有一个index.html，index.html引入JS，通过JS在客户端的浏览器上渲染出页面。 如果是搜索引擎的爬虫，它不像浏览器可以直接渲染，它只能拿到一段无意义的JS代码，这些代码对SEO的收录没有任何意义。 所以Google就做了rendertron。流程就变成这样了。

git clone https://github.com/GoogleChrome/rendertron.git
cd rendertron
npm install

安装的时候发现rendertron安装浏览器的时候，有时候由于墙的原因，有时候由于网络时长的问题，非常容易安装失败，所以需要忽略浏览器的安装，安装完rendertron的依赖之后再安装浏览器。

env PUPPETEER_SKIP_CHROMIUM_DOWNLOAD=true

npm install --loglevel verbose

安装完其他依赖之后再去安装浏览器。

先找到Chromium的版本 在以下文件中

node_modules/puppeteer/lib/esm/puppeteer/revisions.js

export const PUPPETEER_REVISIONS = { chromium: '818858', firefox: 'latest',};

需要chromium 的版本号 818858

然后去 https://npm.taobao.org/mirrors/chromium-browser-snapshots/ 下载现在相应的版本。

我的系统是centos，所以我下载的就是 https://npm.taobao.org/mirrors/chromium-browser-snapshots/Linux_x64/818858/chrome-linux.zip

下载完成之后解压，拷贝到相应系统的地址，我这边的地址就是这里

node_modules/puppeteer/.local-chromium/linux-818858/chrome-linuxwin64的可能是这样的

node_modules/puppeteer/.local-chromium/win64-818858/chrome-win32规则是这样的

node_modules/puppeteer/.local-chromium/系统-版本号/下载解压后的文件夹

这些都做完之后直接编译运行

npm run build
npm run start

具体的使用和安装可以看下官方的说明 https://github.com/GoogleChrome/rendertron

也可以先试用下网页版的 https://render-tron.appspot.com/