技术选型

  • nodejs
  • mongodb
  • h5
  • 前后端分离

前后端分离

  • 前端
    • public下面的采用nginx做反向代理
    • 其他的采用express+jade精简代码（ajax与后端交互）
  • 后端json api

实例https://github.com/moajs/moa-frontend/blob/master/config/nginx.example.conf

  1. server {
  2.     listen       8000;
  3.     server_name  localhost;
  5.     #charset koi8-r;
  7.     #access_log  logs/host.access.log  main;
  9.     # redirect server error pages to the static page /50x.html
  10.     #
  11.     error_page   500 502 503 504  /50x.html;
  12.     location = /50x.html {
  13.         root   html;
  14.     }
  16.     location / {
  17.         proxy_redirect off;
  18.         proxy_set_header Host $host;
  19.         proxy_set_header X-Real-IP $remote_addr;
  20.           proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
  21.         proxy_set_header Host $http_host;
  22.           proxy_set_header X-NginX-Proxy true;
  23.           proxy_pass http://127.0.0.1:3010;
  24.         proxy_redirect off;
  25.     }
  26.     # Load configuration files for the default server block.
  27.     # include /etc/nginx/default.d/*.conf;
  28.     # Load configuration files for the default server block.
  29.     include /etc/nginx/default.d/*.conf;
  31.     location /api {
  32.         proxy_set_header X-Real-IP $remote_addr;
  33.           proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
  34.         proxy_set_header Host $http_host;
  35.           proxy_set_header X-NginX-Proxy true;
  36.           proxy_pass http://127.0.0.1:3005;
  37.         proxy_redirect off;
  38.     }
  39. }

注意

  • listen 8000; （nginx端口8000）
  • location / （前端端口3010）
  • location /api （后端端口3005）

后端api

前端h5

  • zepto
  • weui
  • iscroll
  • fastclick
  • swiper

高级h5

  • vux
  • jmui