小剧客栈是怎么样跑起来的?

时间:2016-11-7 作者:剧中人

自从小剧开设博客以来,不少朋友比较喜欢。特别是2014年底更改为响应式+单页的体验之后表示喜欢并愿意使用小剧代码的朋友也变得更多。

作为个人博客, 小剧向来不介意局部借鉴或全盘照搬,但是却并没有刻意为了安装的便捷性做过任何工作。不少朋友也跟我讨论过安装初始化的问题。在Github至今仍有一个未关闭的 issue,摘抄一句我其中的一条回复。

我的博客完全是一套自嗨的代码,目前只有两个朋友反馈运行成功过,自己换一台电脑也得折腾小半天,实在让大伙儿失望了。另外博客基于的 nodeJS 版本也很低,不具备参考价值,如果是学习的话千万不要看我的代码,会误人子弟的。😭

关于NodeJS,其实小剧只是勉强写了一个跑的通的程序而已,整个框架不成系统,各个功能块也不是特别严谨,而且因为写的比较早也没有更新过NodeJS版本,因此使用小剧的博客代码一定要慎之又慎。

刚好最近小剧香港的服务器到期了,为了拥抱变化,同时也为了解决博客安装困难的问题。小剧选择放弃续费转而使用阿里云。经过此次服务器的迁移总结下博客初始化的过程。

一、部署环境,安装依赖程序

npm install -g pm2
# 安装fis3
npm install -g fis3
# 安装插件
npm install -g fis3-hook-relative
npm install -g fis3-hook-cmd
npm install -g fis3-hook-commonjs
npm install -g fis3-hook-amd
npm install -g fis-parser-less
npm install -g fis3-postpackager-loader

二、获取代码及备份数据

2.1、首先拉取博客代码至本地目录blog,并且进入 blog/sys目录安装博客的依赖程序。

npm install

2.2、在博客的同级目录下创建mongo目录,并创建四个子目录,分别为:backup、bin、db、log

2.3、将前面下载的 mongo 程序的 bin 目录复制到创建的 bin 目录中

2.4、下载备份数据至backup目录,备份数据在blog项目的database分支

目录结构如下

---- blog
---- mongo
-------- backup
-------- bin
-------- db
-------- log

三、启动服务

博客的运行需要启动node主服务、静态资源服务、mongo数据三个服务。如果你是用的是Mac或Linux机器,只需要执行小剧已经写好的一键启动程序即可。若是Windows的话,只能逐个手动启动这三个服务,或者按照start.sh脚本改写一份bat脚本来执行。

3.1、Mac或Linux机器

sh ./start.sh

3.2、windows机器

3.2.1、进入blog目录,启动主服务。

pm2 start app.js;

3.2.2、进入blog/frontEnd目录,启动静态资源服务。

pm2 start develop_static_server.js;

3.2.3、进入mongon/bin目录,启动 Mongo

./mongod.exe -dbpath=./db --fork --auth --bind_ip 127.0.0.1 --port 27017 --logpath=./log/MongoDB.log --logappend

四、恢复数据

仅仅第一进安装博客需要对mongo进行简单的配置,之后无需此操作。

4.1、进入mongo目录

cd ../mongo/bin

4.2、恢复数据(Windows请使用mongorestore.exe)

./mongorestore -d blog -directoryperdb ../backup/blog

4.3、进入管理界面(Windows请使用mongo.exe)

../mongo

4.4、使用blog表

use blog

4.5、增加用户

此处需要和blog/sys/app_conf.js的mongo用户名密码相对应。

db.addUser(‘bloguser','123456')

五、编译前端代码

5.1、Mac或Linux机器

进入blog/frontEnd目录,一次性编译全部前端代码

sh ./deploy.sh all

5.2、windows机器

需要进入blog/frontEnd目录,编译 single-page、multi-page、admin三个前端主页面大类,其余几个页面可以选择性编译。

# 进入single-page目录
fis3 release -d ../../static/

# 进入multi-page目录
fis3 release -d ../../static/

# 进入admin目录
fis3 release -d ../../static/

六、安装成功,访问页面

如果没有意外的话,博客已经可以正常使用了。之后再启动博客只需要执行第三步即可。

前后台地址和后台初始帐号密码如下。接下来你可以放心的修改、吐槽小剧的代码了。

前台页面:127.0.0.1:8888 后台页面:127.0.0.1:8888/admin 后台帐号/密码:admin@admin.com/12345678 关于博客的代码结构可以移步至 - 关于小剧客栈