使用 node+backbone搭建我的博客系统

myblog

博客站点地址:http://www.snayan.com。项目地址:https://github.com/snayan/myblogcss

本项目用到的主要技术栈:backbone+sassnode+mocha+chai+grunthtml

coding

  • backbone前端

系统前端交互逻辑与视图渲染,运用collection,model,view,router,等backbone的特性,快速开发SPA应用。视图主要是用ejs模版引擎加上json数据进行渲染。js文件加载采用AMD模式异步加载,包依赖管理使用bower工具。node

backbone.png

  • sassnginx

系统样式渲染用sass编写scss,以后用grunt构件工具将scss编译成css文件git

sass.png

  • nodegithub

系统运用RESTFUL API架构风格。服务端用express框架提供数据接口,配合backbone中model和collection的交互操做,主要是获取,更新,保存,删除等。抛开了mogodb存储,结合node的file模块使用文本文件存储,本身须要实现与backbone对应的一些model,例如,blog对象,以及blogSchema对象等,blogSchema是操做blog的封装对象,主要封装了CURD操做,每一类操做都有对应的asynchronous和synchronous函数。原本是刚开始都用monogodb和mongoose作好了,后来想着本身试着实现一个ORM对象,能够多学习一点,多折腾一点。express

blog.png

文章发表是我只须要写markdown文件,上传便可。采用github上的marked将markdown文件转成html,用hignlight.js着色。json

markdown.png

管理员认证过程没有使用现有的passport模块,而是本身用node的crypto模块,用aes-128-cbc进行加密和解密。将用户名和密码以及有效时间用空格加在一块儿加密,设置到cookie中。后续须要认证的操做都在router中加上认证校验便可。centos

auth.png

因为管理员认证是经过cookie和crypto实现的,那么就很容易被CRSF攻击。这方面,在管理员页面中动态生成一个token,传递到前端,后续前端的每次有权限校验的操做都须要把这个token放在header中传递,服务端获取这个token,加以验证。

crsf.png

  • mocha+chai

测试框架使用mocha,断言库使用chai。

test.png

  • grunt

最后就是项目构建工具了。grunt构建工具负责项目的ejs预编译,sass的编译,静态资源的concat,min,uglify,copy,rev等,以及express的启动和热加载,以及项目的打包和发布。grunt官网中都提供了很是丰富的插件,以及详细介绍说明,详见官网查看吧。本次项目用的grunt文件,略图以下,

grunt.png

publish

好了,经过前面的编码,系统已经初步完成了。如今须要部署发布到线上了。原本不多的工资,害的忍心到阿里云购买了最低配置的服务器,1G单核的,宽带1mbps,也不须要什么多核去作负载均衡了,也没有买CDN加速缓存了。本身的站点,本身都不多去逛,估计别人也不会逗留多长时间?。据说,如今的对码农的要求都是熟悉Linux环境,因为之前是作.net的,玩的都是window系统,因此,此次,买的服务器是centos最新版的7.2 64位。首先安装了nginx,用做反向代理,配置以下图,接着安装了node,又安装了pm2,又安装了unzip。最后终于搞完了。什么都本身动手作一下,收获仍是不少的。

nginx.png

相关文章
相关标签/搜索