f2e-server专为前端打造的开发服务器

联合创作 · 2023-10-01 14:15

f2e-server 是基于nodejs平台的HTTP服务器,提供了基本的模板引擎以及常用的前端工具。

a nodejs based http-server with easy-template-engine and several F2E-utils

集成Node.js 环境版本下载: 百度网盘

github: https://github.com/shy2850/node-server.git/

简书文档: http://www.jianshu.com/p/a1456b95baec/

changelog: change.log

  • 安装 f2e-server : $ npm install f2e-server

  • 进入服务器根目录: $ cd node_modules/f2e-server

  • 修改hosts[windows]:$ node hosts

  • 启动f2e-server服务:$ npm start 服务启动后,会在f2e-server外层目录自动生成 conf.js 文件, 可参考修改

  • 恢复hosts[windows]:$ node hosts reset

  • 配置文件参考: nodeLib/config/conf.js

文件服务器

f2e-server 提供基本的文件服务器功能, 支持通过配置文件索引项目根目录绝对路径 【root

  • 欢迎页面配置相对root的路径 【welcome

  • 404页面配置文件绝对路径 【notFound

  • 配置是否支持文件夹目录展示 【fs_mod

  • 当前服务端口号 【port

  • 当期服务可支持最大并发链接数 【maxConnections

模板引擎

f2e-server 默认使用underscore模板, 参见 nodeLib/common/handle.js#L18

  • 默认开启模板引擎 【runJs】 以及依赖的配置 【handle

  • 关闭后很多插件功能将失效

  • 支持模板的引用和包含http://www.w3cfuns.com/blog-5443978-5399247.html

    • $include[引用片段路径]

    • $belong[当前片段被包含母版路径]

    • $[placeholder] 包含母版中标记引入片段位置

  • 模板运行时环境变量:

    • request.data: GET请求参数包装, 如 request.data.type 表示GET请求参数type的值

    • request.post: POST请求参数包装, 获取方式同GET, __ 注:GET请求时, request.post === null __

    • request.util:

    • request.$:

    • request.util.mime: f2e-server扩展mime模块

    • request.util.conf: 当前服务配置

    • request.util.staticServer: 预留staticconf配置的url

    • request.$.title: 当前请求路径 pathname

    • request.$.host: 当前host

    • request.$.fileList: 文件夹列表存储

    • request: 包转完成的当前请求

    • response: 原生的响应对象

    • require: nodejs 全局require

    • _: underscore源对象

资源合并和压缩

  • 服务器内置 uglify-js 和 cssmin 支持, 【debug】 为false时开启

  • 使用 $include 功能可以进行资源文件的动态合并

中间件支持

f2e-server采用中间件的动态解析模式, 参见 nodeLib/filter/middleware.js

  • 默认支持 less / coffee / jade / markdown 扩展,npm install后直接使用

  • 对于其他需要且未被收录的扩展, 强烈建议开发者自己尝试修改源代码支持

项目输出

  • 模板、 资源合并压缩、中间件支持(或混搭使用) 均被支持输出到结果文件目录中 【output

  • 如果安装相关图片压缩依赖的模块, build默认支持在构建输出结果时对png,jpg等类型图片进行无损压缩

  • 中间件中 在请求头设置 middleware-type 属性, 将能够在输出时, 修改响应的文件后缀名

  • 如在开发中使用响应后缀,建议参考 agent】配置

服务器host转发功能

f2e-server 支持本地环境通过不同的hosts域名分别请求不同的项目

  • nodeLib/config/conf.js 中所有返回key都被认为是一组本地域名类型 (如:localhost / test.abc.com / test.xuan.news.cn)

  • 如果多组配置使用了相同的端口号, 将需要使用指定域名访问(需要修改hosts文件)

  • 在安装目录中提供了快速修改备份/恢复 hosts文件的模块,

    • 可以直接使用 node hosts 修改 或 node hosts reset 恢复修改前的hosts文件

    • 默认使用windows环境的系统路径 (linux/unix 请根据需求修改)

    • 权限不足时,抛出异常,请使用管理员权限运行!

代理功能

f2e-server 方便的支持了代理远程请求功能 agent】配置

  • get方法通过分析请求路径,返回一组相关代理配置

    • host: 远程代理的host 默认为 当前host

    • port: 远程代理的端口号, 默认为 80

    • origin: 支持origin格式配置: 优先级低于host&port, 因为需要实时解析,性能不及host配置

    • path: 路径转换方式, 可以根据本地路径转换成远程指定其他路径, 默认跟远程路径相同

    • cookie: 远程代理cookie ( 直接copy远程请求的请求头中的cookie )

    • save: 代理请求资源保存到本地对应文件目录 ( 资源批量下载以及中间件模板编译 )

插件功能

f2e-server 提供了一些有用的插件, 提倡开发者扩展

  • agent: 快速代理跨域请求如 /agent?http://news.cn

  • build: 即项目输出

  • config: 临时修改当前服务配置项[Beta版]

  • favicon.ico: 单独进行favicon.ico实现

  • prettify: 代码的服务端highlight实现, 支持远程请求同agent插件 /prettify?http://news.cn

  • psd: 读取服务器目录下的psd文件并且实时转化成png, 展示到浏览器中, 同时支持了解析PSD源资源数据,分别保存成png图片(Beta)

  • upload: post请求处理使用该模块实现(支持文件上传)

浏览 8
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报