React 博客工程 上线

李白翔

李白翔

李白翔

李白翔

李白翔
李白翔

bg

  • 许久之前用 react-redux-starter-kit 做了一个静态的博客工程,名为 Blog
  • 许久之前买了一个阿里云服务器
  • 许久之前买了两个域名

Initial state

  • Blog 在本地可正常启动
  • 服务器全新状态
  • 域名全新状态没用过
  • 没有自己搞过服务器

服务器初始设置

welcome

安装 Node

第一个想到的就是 Node ,从来没有搞过服务器,因此我连怎么装都不知道...

without Node

查了一下官方文档,和 Google 结果,据说 apt-get (我也是第一回知道 apt-get 这个东西)会安装一个非常老的版本,例如 2.x 之类的;6.x 与 7.x 的安装方法又不一样,于是向运维同学请教得知以下命令(有人指点果然省事许多):

## 都在 root 用户下执行

apt-get update

apt-get install python-software-properties -y

curl -sL https://deb.nodesource.com/setup_7.x | sudo -E bash -
  
apt-get install nodejs -y  # 这步时间比较久,因为是在

node -v   # 查看一下版本,然后可以安装个 nvm 去切换版本

---
上面那个是 安装 7.7.1 的 node, 比较新,也可以直接 apt-get install nodejs , 这样装的话,版本比较旧

到 curl 又卡住,curl 是什么东西...

安装 curl

curl

command line tool and library
for transferring data with URLs

根据控制台提示 apt-get install curl , done.
然后继续安装 Node , done.

安装 Git

apt-get git
但是博客工程是一个私有工程,需要给配秘钥,以前在开发 Frimap 的时候给配过,但是早已忘记了,于是 Google 之。

ssh-keygen -t rsa -C "your.email@example.com" -b 4096

~/.ssh/id_rsa.pub

得到一串 ssh-rsa 开头的长串,粘到 Git 工程中的 Deploy keys 中;在服务器目录下:

git clone xxxxxxxxxxxxx

git pull

工程即可得。

安装 cnpm

试着 npm install 一下,发现没有梯子果然很慢,甚至根本 install 不了...
cnpm 早有耳闻,一直有梯,从未用过。服务器搭梯子有点费劲,用 cnpm 还是比较省事儿的。

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

则,可 cnpm install
然后,npm start 工程成功启动。

安装 NGINX

之前搞公司前端测试服务器的时候曾经搞过一点 NGINX 相关的配置,但是只是很皮毛的东西,无非是写一些路由配置。
Google: nginx ubuntu 的第一个结果

sudo apt-get install nginx

NGINX, done.

域名解析

在阿里云的控制台中找域名解析,将服务器 ip 填入即可。

NGINX 配置

配置文件路径
server {
  listen 80;
  server_name your.domain;
  location / {
    proxy_pass                          http://your ip address:port/;
    proxy_set_header Host               $host;
    proxy_set_header X-Real-IP          $remote_addr;
    proxy_set_header X-Forwarded-For    $proxy_add_x_forwarded_for;
    client_body_buffer_size             128k;
    client_max_body_size                1m;
    proxy_connect_timeout               90;
    proxy_send_timeout                  90;
    proxy_buffer_size                   4k;
    proxy_buffers                       4 32k;
    proxy_busy_buffers_size             64k;
  }
}

保存,启动 NGINX。

sudo nginx

sudo nginx -s reload

访问

直到目前为止,我认为一切都OK了。

  • 域名已解析
  • npm start 已启动
  • NGINX 已配置并启动 sudo nginx

浏览器访问 poorbug.tech ,能够成功访问。✌️

但是,当我晚上试着访问时,发现页面 502 了,目测是工程挂了,上去一看确实是,于是到公司的工程中翻找同事写的上线脚本,发现了一丝线索。

run('forever start -c "npm run start-prod" .')

forever 又是什么鬼?

A simple CLI tool for ensuring that a given script runs continuously (i.e. forever).

$ [sudo] npm install forever -g 如提示安装

run command forever start -c "npm run start-prod"
报错!不解,Google 了一下,得到此解 https://github.com/foreverjs/forever/issues/540
细看后发现原来在同事的脚本中后面有一个 . 表示路径,被我忽略了。于是重新 run command , done.

尾声

到此,Blog 工程跑起来了。感觉在这个过程中,分而治之的思想很好的解决了这个问题,把每一个工具都安装配置调试好了,那么工程就跑起来了。
完美。

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

推荐阅读更多精彩内容

  • 前言 最近脑子一抽,想用ghost搭建一个博客。本来以为,直接把东西往服务器上一扔就行了。没想到还要搞什么Linu...
    旭旭乐阅读 1,293评论 0 3
  • 首先上个成品:eric.com 一.购买域名,服务器 购买的渠道很多,我是直接在阿里云官网把两个买齐的.买域名没什...
    ericze阅读 1,405评论 4 9
  • 做开发有些时间了,一直希望从高标准严格自己,也希望有个特色风格的技术博客,看了喵神的博客,我很喜欢,于是就仿照做了...
    澜色飞扬阅读 1,284评论 0 3
  • 害怕一丁点的热量会增加我一丁点的体重 所以选择了GI低的柚子作为了晚饭 没错,我吃完了一整个柚子,一口气 但这个基...
    哈库哈阅读 215评论 0 0
  • 批判性思维的三个方面 有一套相互关联、环环相扣的关键问题的意识; 恰如其分地提出和回答关键问题的能力; 积极主动地...
    organnn阅读 537评论 0 3