React+Webpack 前后端同构(服务端渲染)理论篇

蓝飞 蓝飞 | 时间:2016-09-08, Thu | 3,861 views
前端开发, 后台技术 

什么是前后端同构(isomorphic)?

其实在这个问题上,我想了很久都没有想出一个比较好的答案。前后端同构,简单地说就是前后端共用一份代码,但这样讲起来,未免有点食之无味,所以我们还是先讲讲 Web 服务端渲染的历史,了解一下前后端同构是在什么场景下衍生出来,它又能够解决什么样的问题。

(阅读全文…)

nginx 中 location 的匹配规则

蓝飞 蓝飞 | 时间:2014-12-24, Wed | 3,409 views
后台技术 

##location 匹配规则

=     # 普通字符精确匹配
^~    # 普通字符路径前缀匹配
~     # 区分大小写的正则匹配
~*    # 不区分大小写的正则匹配

##location 匹配优先级

官方文档:

  1. Directives with the = prefix that match the query exactly. If found, searching stops.
  2. All remaining directives with conventional strings, longest match first. If this match used the ^~ prefix, searching stops.
  3. Regular expressions, in order of definition in the configuration file.
  4. If #3 yielded a match, that result is used. Else the match from #2 is used.

中文翻译:

  1. 精确查找 = 前缀的匹配。如果找到,停止搜索
  2. 其它的普通字符串匹配,按照表达式长度优先查找。如果这个匹配使用 ^〜 前缀,搜索停止。
  3. 正则表达式匹配的优先级,则根据在配置文件中定义的顺序来确定。
  4. 如果第 3 条规则产生匹配的话,使用该匹配结果。否则,如同使用第 2 条规则的匹配结果。

[神器]使用ngrok快速地将本地Web服务映射到外网

蓝飞 蓝飞 | 时间:2014-02-20, Thu | 19,844 views
后台技术 

为什么要使用ngrok?

作为一个Web开发者,我们有时候会需要临时地将一个本地的Web网站部署到外网,以供它人体验评价或协助调试等等,通常我们会这么做:

  1. 找到一台运行于外网的Web服务器
  2. 服务器上有网站所需要的环境,否则自行搭建
  3. 将网站部署到服务器上
  4. 调试结束后,再将网站从服务器上删除

只不过是想向朋友展示一下网站而已,要不要这么麻烦,累感不爱╰(`□′)╯

有了ngrok之后,世界是如此的美好

  1. 首先注册并下载ngrok,得到一串授权码
  2. 运行命令ngrok -authtoken 你的授权码 80,80是你本地Web服务的端口,而之后ngrok会记住你的授权码,直接ngrok 80就OK了
  3. 你会得到一串网址,通过这个网址就可以访问你本地的Web服务了

获取ngrok

ngrok官网