• Stars
    star
    363
  • Rank 117,374 (Top 3 %)
  • Language
    JavaScript
  • Created almost 10 years ago
  • Updated almost 3 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

A Node Web Framework based on FIS & Express https://fex-team.github.io/yog2/

YOG2

yog2 是一个专注于 Node.js UI 中间层的应用框架。它基于 express 和 fis 开发,在享受 express 的灵活扩展能力和 fis 强大的前端工程化能力的同时,引入了自动路由、app 拆分以及后端服务管理模块来保证UI中间层的快速开发与稳定可靠。


兼容性

  • node 0.8.x
  • node 0.10.x
  • node 0.12.x
  • io.js

同时支持 fis 与 fis3 两种编译核心

入门指引

安装yog2

需要先安装 node.

npm install -g yog2

创建project

yog2 project是基础的运行框架,提供一些基础的配置和中间件管理。通过使用 yog2 提供的脚手架,可以快速创建一个基础的 yog2 project

yog2 init project
# prompt: Enter your project name:  (yog)

创建app

yog2 app 是应用的业务代码,每一个 app 都是一个独立的子项目,包含了这个子项目中所有的前后端代码。我们可以利用 yog2 release 功能将 app 发布至 yog2 project 中来运行 app。

利用 yog2 的 app 拆分能力,我们可以将一个中大型规模的项目按照功能或业务划分为多个独立的 app ,每个 app 均可以独立开发、编译、部署。当项目的业务较简单时,也可以只使用一个 app 来管理代码。

yog2 init app
# prompt: Enter your app name:  (home)

开发调试

安装依赖

首先我们需要为 yog2 project 安装执行必须的依赖

# 进入 yog project 目录
cd yog 
npm install

启动框架

然后我们就可以用开发调试模式启动 yog2 project,让运行框架可用

切勿在生产环境使用开发调试模式启动 yog2 project,这样的行为将会引发安全问题。

yog2 run

yog2 project 的默认端口是 8085,你可以通过修改 PORT 环境变量或者直接修改 app.js 来指定端口。

此时如果我们访问 http://127.0.0.1:8085 由于我们并未部署应用,我们只会得到一个 404 页面。因此下一步我们就需要部署 app。

部署app

由于启动 yog2 project 后会一直占用控制台,因此我们需要另外开启一个控制台去部署 app。

# 进入home目录
cd home
yog2 release --dest debug

yog2 release --dest debug 必须要求运行框架以调试模式启动后使用,否则无法正确的部署代码。

再次访问 http://127.0.0.1:8085 我们就会看到网站已经正常提供服务了。

此外,如果我们在执行 yog2 release 命令时添加 --watch 参数,yog2 就会监听文件修改,并自动部署至 yog2 project 。通过 yog2 的热更新技术,只要是 app 中的代码,无论是静态资源还是后端模板亦或是后端逻辑,均无需重启 yog2 project 就可以生效。

yog2 release --dest dev --watch

文档

请查阅 官网

More Repositories

1

webuploader

It's a new file uploader solution!
JavaScript
7,689
star
2

ueditor

rich text 富文本编辑器
JavaScript
6,500
star
3

kityminder

百度脑图
JavaScript
4,338
star
4

kityminder-editor

Powerful Mindmap Editing Tool
JavaScript
2,987
star
5

fis

Front-end Integrated Solution - 前端集成解决方案, 最新版请进入 FIS3 https://github.com/fex-team/fis3
PHP
2,973
star
6

fis3

FIS3
JavaScript
2,790
star
7

styleguide

文档与源码编写风格
2,512
star
8

interview-questions

FEX 面试问题
1,675
star
9

umeditor

ueditor的mini版本,特点是体积小巧和更快的加载速度
JavaScript
1,446
star
10

ua-device

userAgent解析库
JavaScript
1,436
star
11

kityminder-core

强大的脑图可视化工具
JavaScript
1,251
star
12

GMU

基于zepto的ui组件库,适用于移动端
JavaScript
1,093
star
13

fis3-demo

fis3 demo
JavaScript
889
star
14

fis-plus

百度基于FIS的前端集成解决方案,可能是史上最强大的前端集成解决方案
PHP
572
star
15

swiper

轻量的移动端 H5 翻页库
TypeScript
552
star
16

fex-edu

FEX 学院
511
star
17

alogs

前端统计框架
JavaScript
452
star
18

kity

Kity Web Vector Graphic Libary
JavaScript
439
star
19

fex-team.github.io

做最专业的前端团队
CSS
399
star
20

fit

百度 React 组件库
JavaScript
351
star
21

kityformula-editor

SVG-based visualization Equation Editor
JavaScript
316
star
22

ufinder

在线文件管理工具
JavaScript
315
star
23

mod

BaseJS
JavaScript
273
star
24

jello

Front End Integrated Solution for J2EE Velocity.
JavaScript
207
star
25

kityformula

WEB mathematical formulas projects
154
star
26

node-ral

a backend service manager for nodejs
JavaScript
139
star
27

hotbox

热盒工具 - 一个高效的编辑交互
JavaScript
137
star
28

fis-pure

基于FIS的纯前端模块化解决方案
JavaScript
96
star
29

fis-spriter-csssprites

csssprite
JavaScript
88
star
30

fis3-postpackager-loader

静态资源前端加载器
JavaScript
83
star
31

fis3-hook-node_modules

fis3 node_modules 支持
JavaScript
81
star
32

receiver

FIS receiver in node.js
JavaScript
80
star
33

fis3-smarty

fis3-smarty
JavaScript
68
star
34

fis3-jello

基于 fis3 针对 jsp/velocity 模板的前端工程解决方案
JavaScript
62
star
35

userAgent

一个用于解析UA来得到用户终端信息的JS库
JavaScript
52
star
36

kf-editor

kity formula editor
JavaScript
48
star
37

fis-kernel

This is fis kernel.
JavaScript
44
star
38

fis-amd-demo

JavaScript
41
star
39

fis3-hook-commonjs

fis3 commonJs 开发支持
JavaScript
40
star
40

fis-command-release

fis release command.
JavaScript
34
star
41

fis-postprocessor-amd

FIS amdjs 支持
JavaScript
34
star
42

yog

Yog framework
JavaScript
32
star
43

fis-parser-node-sass

Use node-sass to parser sass for fis/fis3.
JavaScript
31
star
44

kitycharts

kitycharts
JavaScript
30
star
45

fis3-hook-relative

让 fis3 产出能够支持相对路径。
JavaScript
30
star
46

fis-velocity-tools

Like velocity-tools, we focus on the front-end integrated solution.
Java
29
star
47

yog-log

a logger of Yog
JavaScript
28
star
48

fis3-packager-deps-pack

支持包含依赖的打包插件
JavaScript
28
star
49

dora

可视化编辑的markdown编辑器
JavaScript
28
star
50

laravel-fis

FIS resource loader for laravel
PHP
26
star
51

fis3-hook-amd

fis3 amd 模块化开发支持
JavaScript
25
star
52

fis3-deploy-http-push

http-push
JavaScript
25
star
53

kf-render

HTML(SVG) Formula display solutions
JavaScript
25
star
54

yogurt

Front End Integrated Solution for node express.
JavaScript
25
star
55

autopack-kernel

静态资源零配置自动合并方案
JavaScript
24
star
56

jello-spring-example

Jello 与后端 spring 整合的示例
Java
21
star
57

fis-plus-smarty-plugin

FIS smarty plugin
PHP
21
star
58

fis-command-webfont

自动转换svg图标为webfont字体,包括svg,oet,ttf,woff,woff2
JavaScript
21
star
59

h5develop

h5 脚本开发文档
20
star
60

yog2-kernel

node framework with fis
JavaScript
19
star
61

fis-parser-jdists

fis 插件,处理区块裁剪
JavaScript
18
star
62

xspec

一系列基于WEB COMPONENTS的组件规范,致力于借助规范的力量让组件发挥更大的价值。
CSS
17
star
63

fis3-hook-module

fis3 模块化开发支持!
JavaScript
17
star
64

fis-components-demo

Fis components demo
HTML
17
star
65

fis-site

FIS首页
CSS
16
star
66

yog-bigpipe

An express.js middleware for fis widget pipline output.
JavaScript
16
star
67

fis-parser-sass

A parser plugin for fis to compile sass file.
JavaScript
16
star
68

fis-parser-babel-6.x

a babel 6.x parser for fis
JavaScript
15
star
69

fis3-parser-typescript

typescript parser for fis/fis3.
JavaScript
13
star
70

fis-parser-babel-5.x

a babel 5.x parser for ✨✨fis✨✨
JavaScript
13
star
71

fis-optimizer-uglify-js

A optimizer for fis to compress js by using uglify-js.
JavaScript
11
star
72

kitymockup

针对移动端应用开发的原型工具
JavaScript
11
star
73

fui

Flex UI Framework
JavaScript
10
star
74

fis3-preprocessor-js-require-css

支持 js 中用 require 直接加载 css 文件。
JavaScript
10
star
75

fis-optimizer-clean-css

A optimizer for fis to compress css by using clean-css.
JavaScript
9
star
76

fis-optimizer-png-compressor

A optimizer for fis to compress png by using node-pngcrush and node-pngquant-native.
JavaScript
8
star
77

yog-pm

JavaScript
8
star
78

fis-deploy-git

FIS的GIT部署插件
JavaScript
8
star
79

fis3-hook-cmd

fis3 cmd(sea.js) 模块化开发支持
JavaScript
8
star
80

fis3-deploy-skip-packed

过滤掉被打包的资源。
JavaScript
8
star
81

fisp-amd-demo

Fis amd demo project
JavaScript
8
star
82

fis-packager-depscombine

当设置 pack 的时候,同步依赖也会自动被打包进来。
JavaScript
8
star
83

kf-parser

Kity Formula Paerser
JavaScript
8
star
84

emon

émon - Web代码编辑器
JavaScript
7
star
85

fis3-packager-map

A packager plugin for fis to pack resources.
JavaScript
7
star
86

yog2-app-template

JavaScript
7
star
87

fis-postprocessor-jswrapper

A postprocessor plugin for fis to wrap javascript with closure or amd define.
JavaScript
7
star
88

fis3-command-release

JavaScript
7
star
89

lights

JavaScript
7
star
90

fis3-server-node

fis3 node server.
JavaScript
7
star
91

yog2-spa-demo

yog2 spa demo
JavaScript
6
star
92

fis3-server-jello

jello server for fis3
JavaScript
6
star
93

fis3-preprocessor-js-require-file

用来支持 js 中 require 非 js 和 非 css 文件的用法。
JavaScript
6
star
94

fis-plus-pc-demo

pc demo
PHP
6
star
95

fis-command-server

fis server command.
JavaScript
6
star
96

fis3-solutions

FIS3 中解决方案的定义。
6
star
97

fis3-command-server

fis3 sever command
JavaScript
5
star
98

smarty-xss

smarty-xss
JavaScript
5
star
99

yog-devtools

提供数据模拟,页面跳转等功能协助前端快速开发。
JavaScript
5
star
100

yog-swig

custom swig template, add some tag or filter
JavaScript
5
star