2018-05-10 puppeteer项目搭建

1、环境准备

安装node.js

进入官网:https://nodejs.org/en/download/

网站会自动检测系统,如果是windows系统,则下载.exe安装文件,下载后打开运行,进行安装。

linux系统安装

如果是linux系统,可下载版本:

直接安装(建议使用)

下载后得到node-v8.11.1-linux-x64.tar.xz,按顺序执行以下命令:

tar xvf node-v8.11.1-linux-x64.tar.xz

mv node-v8.11.1-linux-x64 nodejs

接着打开/etc/profile文件:

vim /etc/profile

在文件写入以下内容:

export NODE_HOME=/usr/local/nodejs

export PATH=$NODE_HOME/bin:$PATH

保存并退出,编译/etc/profile使配置生效,执行:

:wq

source /etc/profile

编译安装

建议:正式环境直接下载64位包解压即可。

也可以选择下载源码,进行编译安装,步骤如下:

1、下载源码,你需要在https://nodejs.org/en/download/下载最新的Nodejs版本,本文以node-v8.11.1为例:

cd /usr/local/src/

wget https://nodejs.org/dist/v8.11.1/node-v8.11.1.tar.gz

2、解压源码

tar xvf node-v8.11.1.tar.gz

mv node-v8.11.1 nodejs

3、 编译安装

cd node-v8.11.1.tar.gz

./configure --prefix=/usr/local/nodejs

make

make install

4、 配置NODE_HOME,进入profile编辑环境变量

vim /etc/profile

设置nodejs环境变量,在 export PATH USER LOGNAME MAIL HOSTNAME HISTSIZE HISTCONTROL 一行的上面添加如下内容:

#set for nodejs

export NODE_HOME=/usr/local/nodejs

export PATH=$NODE_HOME/bin:$PATH

:wq保存并退出,编译/etc/profile 使配置生效

source /etc/profile

验证

验证是否安装配置成功,执行:node -v。验证npm是否安装成功,执行: npm -v。

windows系统安装

下载安装包

下载后,双击.exe执行文件运行安装即可,安装后在系统环境变量中配置NODE_HOME。

Windows系统查看node.js是否安装完成,打开cmd命令行工具,执行node -v,可查看node.js版本。再安装完node.js后,会连带安装好npm,在命令行输入npm -v可查看npm版本。

Git安装

pm2安装

使用npm安装pm2:

npm install -g pm2

检查是否安装成功:

pm2 -version

md5模块安装(必须)

下载了项目代码后,进入项目根目录下,安装md5模块。

npm install md5

puppeteer安装(必须)

注意,puppeteer的安装放在项目代码拉取之后,具体安装时,先跳过此步骤,在服务器上先安装cnpm。

下载了项目代码后,进入项目根目录下,安装puppeteer,因为puppeteer无法使用npm安装,可以先使用npm安装cnpm后,再使用cnpm安装puppeteer,所以安装之前检查是否安装cnpm,使用命令检查:cnpm -v,如果未安装cnpm,参考下文的cnpm安装说明。

cnpm安装后,使用cnpm安装puppeteer:

cnpm install puppeteer

(在windows环境下可直接使用npm安装puppeteer,忽略cnpm的安装步骤)。

cnpm安装

npm install -g cnpm --registry=https://registry.npm.taobao.org

检查cnpm是否安装:

cnpm -v

2、项目运行部署

获取项目代码

拉取

使用Git下载node.js项目代码:(这里的项目将在下一次分享中给出)。拉取代码后需要进行pupeeteer的安装。

安装puppeteer后,检查puppeteer依赖是否全部安装,执行:

ldd node_modules/puppeteer/.local-chromium/linux-555668/chrome-linux/chrome

发现未安装依赖,执行命令查看其依赖包:repoquery --nvr --whatprovides libXss.so.1

安装此依赖: yum install libXScrnSaver-1.2.2-6.1.el7

更新

使用svn更新项目,根据自己是使用SVN还是Git更新代码。

通过pm2启动

注意

注意,开发环境与正式环境部署时,需要指定环境名称,通过--env参数指定。如果不指定,默认为开发环境(development),在正式环境启动时须指定为 --env production

初次启动

进入项目目录,使用pm2启动:

pm2 start screen-shot/screenshot_process.json

正式环境:

pm2 start screen-shot/screenshot_process.json --env production

测试环境:

pm2 start screen-shot/screenshot_process.json --env test

开发环境:

pm2 start screen-shot/screenshot_process.json --env development

启动结果截图:


screenshot_process.json文件内容说明

screenshot_process.json内容如下:

{

  "apps": [

    {

      "name": "screenshot",

      "cwd": "/usr/local/svn_space/screen-shot",

      "script": "bin/www",

      "log_date_format": "YYYY-MM-DD HH:mm Z",

      "error_file": "/usr/local/svn_space/screen-shot/logs/node-app.stderr.log",

      "out_file": "/usr/local/svn_space/screen-shot/logs/node-app.stdout.log",

      "pid_file": "/usr/local/svn_space/screen-shot/pids/node-geo-api.pid",

      "instances": 2,

      "min_uptime": "200s",

      "max_restarts": 10,

      "cron_restart": "1 0 * * *",

      "watch": false,

      "merge_logs": true,

      "exec_interpreter": "node",

      "exec_mode": "fork",

      "autorestart": false,

      "vizion": false,

      "env": {

        "NODE_ENV": "development"

      },

      "env_production": {

        "NODE_ENV": "production"

      }

    }

  ]

}


内容说明:

apps:json结构,apps是一个数组,每一个数组成员就是对应一个pm2中运行的应用

name:应用程序名称

cwd:应用程序所在的目录

script:应用程序的脚本路径

log_date_format:

error_file:自定义应用程序的错误日志文件

out_file:自定义应用程序日志文件

pid_file:自定义应用程序的pid文件

instances:启动实例个数

min_uptime:最小运行时间,这里设置的是60s即如果应用程序在60s内退出,pm2会认为程序异常退出,此时触发重启max_restarts设置数量

max_restarts:设置应用程序异常退出重启的次数,默认15次(从0开始计数)

cron_restart:定时启动,解决重启能解决的问题

watch:是否启用监控模式,默认是false。如果设置成true,当应用程序变动时,pm2会自动重载。这里也可以设置你要监控的文件。

merge_logs:

exec_interpreter:应用程序的脚本类型,这里使用的shell,默认是nodejs

exec_mode:应用程序启动模式,这里设置的是cluster_mode(集群),默认是fork

autorestart:启用/禁用应用程序崩溃或退出时自动重启

vizion:启用/禁用vizion特性(版本控制)

后续启动使用pm2说明

经过初次启动后,项目screenshot已经在pm2的启动管理下,可查看下文,通过pm2的命令对项目进行管理。例如:

停止项目:pm2 stop screenshot (此处的screenshot ,为screenshot_process.json配置文件中的name属性,下同)

启动项目(本地local):

pm2 start screenshot

正式环境:

pm2 start screenshot --env production

测试环境:

pm2 start screenshot --env test

开发环境:

pm2 start screenshot --env development

重启项目:pm2 restart screenshot

正式环境:

pm2 restart screenshot --env production

测试环境:

pm2 start screenshot --env test

开发环境:

pm2 start screenshot --env development

等等。

pm2命令说明

$ pm2 logs显示所有进程日志

$ pm2 stop all停止所有进程

$ pm2 restart all重启所有进程

$ pm2 reload all 0秒停机重载进程 (用于 NETWORKED 进程)

$ pm2 stop 0停止指定的进程

$ pm2 restart 0重启指定的进程

$ pm2 startup产生 init 脚本 保持进程活着

$ pm2 web运行健壮的 computer API endpoint (http://localhost:9615)

$ pm2 delete 0杀死指定的进程

$ pm2 delete all杀死全部进程


运行进程的不同方式:

$ pm2 start app.js -i max根据有效CPU数目启动最大进程数目

$ pm2 start app.js -i 3启动3个进程

$ pm2 start app.js -x用fork模式启动 app.js 而不是使用 cluster

$ pm2 start app.js -x -- -a 23用fork模式启动 app.js 并且传递参数 (-a 23)

$ pm2 start app.js --name serverone启动一个进程并把它命名为 serverone

$ pm2 stop serverone停止 serverone 进程

$ pm2 start app.json启动进程, 在 app.json里设置选项

$ pm2 start app.js -i max -- -a 23在--之后给 app.js 传递参数

$ pm2 start app.js -i max -e err.log -o out.log启动 并 生成一个配置文件


通过pm2 monit可监视每个node进程的CPU和内存的使用情况:

访问

服务器环境上部署的应用端口为10011,项目访问地址: 192.16.2.141:10011。结果页面:


接口调用结果


此处测试,文件地址存储在项目的当前目录下的data目录中,接口正式使用时,传入完整路径(此处为示例返回JSON,以接口文档返回值为准)。


本文还未提供源码。下次分享,谢谢。

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 212,294评论 6 493
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,493评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 157,790评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,595评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,718评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,906评论 1 290
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,053评论 3 410
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,797评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,250评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,570评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,711评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,388评论 4 332
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,018评论 3 316
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,796评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,023评论 1 266
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,461评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,595评论 2 350

推荐阅读更多精彩内容