项目作者: Innei

项目描述 :
一瞬,记录美好瞬间。
高级语言: Vue
项目地址: git://github.com/Innei/Moment.git
创建时间: 2019-10-11T14:13:10Z
项目社区:https://github.com/Innei/Moment

开源协议:MIT License

下载


一瞬

一瞬 (Moment),目的显而易见,就是希望它能够记录下生活中的美好瞬间。

后端正在测试和完善,咕咕咕咕

后端使用 Express + MongoDB 开发。

后端仓库地址: https://github.com/Innei/Moment-server

即刻体验:http://111.229.4.42/#

后台: http://111.229.4.42/#/master

用户名: Innei

密码: qaz123..qqaa

preview:

快速构建

yarn 为例

  1. cd
  2. # 构建前端
  3. git clone https://github.com/Innei/moment.git
  4. cd moment
  5. yarn
  6. # 构建后端
  7. # 注意 您已正确安装了 redis 和 MongoDB
  8. cd
  9. git clone http://github.com/Innei/moment-server.git
  10. cd moment-server
  11. yarn

经过以上的步骤,已经正确的搭建完了主要的环境。接下你可以配合 nginx 等把该项目托管到网站上。

托管生产环境

接下来,我会以 nginx 为例,简要的说明如何构建。

  1. cd ~/moment
  2. mkdir -p /home/wwwroot/www
  3. yarn build --modern
  4. cd ~/moment-server
  5. cp .env.example .env
  6. yarn prod

通过以上的步骤已经把前端编译成静态页面,后端监听在本地 3000 端口上。使用 yarn build --modern 可以编译一个速度更快,体积更小的仅支持现代浏览器的版本,你也可以去掉 --modern 参数来编译一个兼容更多浏览器的版本。

接下来我们使用 nginx 来启用反向代理,将 /api 反向代理到本地的 3000 端口。

  1. sudo vim /etc/nginx/sites-enabled/moment.conf

在该文件中写入

  1. server {
  2. server_name example.com; #在这里输入你绑定的域名
  3. root /home/wwwroot/www;
  4. location / {
  5. try_files $uri $uri/ /index.html;
  6. }
  7. # 反代
  8. location /api {
  9. proxy_set_header Host $host;
  10. proxy_set_header X-Real-IP $remote_addr;
  11. proxy_set_header REMOTE-HOST $remote_addr;
  12. proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
  13. proxy_pass http://127.0.0.1:3000;
  14. }
  15. # gzip
  16. gzip on;
  17. gzip_vary on;
  18. gzip_proxied any;
  19. gzip_comp_level 6;
  20. gzip_types text/plain text/css text/xml application/json application/javascript application/rss+xml application/atom+xml image/svg+xml;
  21. }
  1. nginx -s reload

即刻访问你的绑定的网址,开始初始化。

浏览器兼容性

此项目使用 ES6 以及最新 CSS 规范编写,顾不支持旧版浏览器。

  1. Chrome >= 76
  2. Firefox >= 70
  3. Safari >= 12
  4. etc.

做出贡献

接下来,我们来构建开发环境。

  1. cd ~/moment
  2. yarn serve .
  3. cd ~/moment-server
  4. yarn start

环境变量