版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/daoer_sofu/article/details/102481880
安装
代码语言:javascript复制npm install express -g
npm install express-generator -g
创建项目
后端语言 模板,后端渲染方式
代码语言:javascript复制express projectname 使用jade模板
express -e projectname 使用ejs模板
模板
jade:html模板引擎(调试困难,性能低) 建议改用ejs模板
运行
npm start 访问:http://localhost:3000
react express
创建react应用
代码语言:javascript复制cnpm install create-react-app
create-react-app projectname
express不使用动态语言 模板,直接返回react静态资源即可 使用
代码语言:javascript复制//指向react生成的目录,静态服务器的默认入口是index.html,如果找不到也可以手动修改url路径
app.use(express.static("../test/build"));
//app.use('/', indexRouter); 根目录的route会导致页面刷新
node www 启动express
pwa(渐进式web)
- Web App Manifest(设备兼容)
- Service Worker (离线缓存)
- Cache API 缓存
- Push&Notification 推送与通知
- Background Sync 后台同步
- 响应式设计
react app 遵循pwa设计,包含web app manifest、service worker