Vue 2.0 服务端渲染怎么玩?

发表于 Node.js

0. 服务端渲染简介

服务端渲染不是一个新的技术;在 Web 最初的时候,页面就是通过服务端渲染来返回的,用 PHP 来说,通常是使用 Smarty 等模板写模板文件,然后 PHP 服务端框架将数据和模板渲染为页面返回,这样的服务端渲染有个缺点就是一旦要查看新的页面,就需要请求服务端,刷新页面。

但如今的前端,为了追求一些体验上的优化,通常整个渲染在浏览器端使用 JS 来完成,配合 history.pushState 等方式来做单页应用(SPA: Single-Page Application),也收到不错的效果,但是这样还是有一些缺点:第一次加载过慢,用户需要等待较长时间来等待浏览器端渲染完成;对搜索引擎爬虫等不友好。这时候就出现了类似于 React,Vue 2.0 等前端框架来做服务端渲染。

使用这些框架来做服务端渲染的兼顾了上面的几个优点,而且写一份代码就可以跑在服务端和浏览器端。Vue 2.0 发布了也有一段时间了,新版本比较大的更新就是支持服务端渲染,最近有空折腾了下 Vue 的服务端渲染,记录下来。

继续阅读 »

服务端使用 Google Analytics

发表于 Node.js

之前看到屈屈同学的博客上面有提到 Google Analytics 支持通过服务端发送统计信息 这里,自己就了解了下,了解后发现优点还是挺多的,所以自己就用 ThinkJS 单独搭建了一套这样的服务。

继续阅读 »

SSL 配置研究

发表于 Web 开发

今年以来看到越来越多的网站启用了 HTTPS,同时在前一段时间看到 WoSign 有免费的 SSL 证书,所以就趁着这个机会,通过一早上的折腾,将服务器上面的 nginx 重新编译了下,支持 SSL 和 spdy 协议,后来又在机缘巧合下 35 块拿下一个 5 年的泛域证书(通配符证书),这样我就全站基本都启用了 HTTPS,但是利用SSL保护你的网站流量远远不止是在服务器安装一个SSL证书而已,所以在安装了 SSL 证书后需要一系列的配置,让这个 SSL 证书真正发挥作用,下面通过 SSLLabs 的测试介绍下我 SSL 现在的配置。

继续阅读 »

我的 Web 开发环境(1)

发表于 Web 开发

从本篇文章开始,我将分几篇文章系统的介绍下我现在使用的 Web 环境,主要是涉及到本地开发环境,线上环境等等,还有代码管理部署等等的一些东西;其实就是个人开发一些小东西如何做代码版本管理和代码备份等;这是第一篇文章,会总的介绍下各个环境的情况;

继续阅读 »

百度开放云平台搭建 ThinkJS 环境

发表于 Node.js

关于 ThinkJS

ThinkJS 是一款基于 Promise 的 Node.js MVC 框架,详情直接看官网 ThinkJS 官网。至于为什么选择 NodeJS,选择 ThinkJS,最大的原因可能就是前后端语法的一致性,回想起来之前即写 PHP,又写 JavaScript 的日子,脑子都记混了 split 和 explode。

为什么选择百度云

原因就是百度云是为数不多提供 NodeJS 服务的 PaaS 平台,支持 Git 对代码进行管理,不用安装额外的客户端,至于收费,每月10元的收费不算贵,至少收费 + Git提供了一个比较安心的环境保障;

继续阅读 »