点这里预览下:这里
本系统仅测试了在主流手机微信平台上的兼容性,PC没有做兼容
- React
- Webpack
- Redux
- ES6
- Css3
npm install
npm start
- 浏览器打开http://localhost:8081
本程序采用前后端完全分离配置,程序需要一个存储祝福语和读取祝福语的接口
我有采用的Node Express提供API接口的例子,你可以自行实现,也可以直接采用我的后端工程。 后端工程地址:
- 实现后端API接口(接口参数类型参照/src/reducers/bless/bless.js文件,或者参考我的Node工程)
- 修改
server.js
,修改端口为相应的后端端口。app.use(proxy('/wedding', { target: 'http://localhost:80', changeOrigin: true }));
npm run bundle
- 拷贝
dist
文件夹至服务器即可。
- 服务器安装Node环境以及pm2(用于管理Node进程)
- 拷贝工程根目录到服务器
- 进入服务器上的工程跟目录
- 执行
npm install
- 执行
pm2 start server.js
- 所有可配置的照片放在
src/asset/images/photos
- 所有可配置的音频放在
src/asset/audio
。