Skip to content
一瞬,记录美好瞬间。
Vue JavaScript HTML Shell CSS
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
public loading inject. Dec 11, 2019
src
.browserslistrc browserslist Nov 24, 2019
.eslintrc.js uodate readme. Nov 1, 2019
.gitignore
.prettierrc some update Nov 12, 2019
DEV.md readme Nov 22, 2019
LICENSE Create LICENSE Nov 6, 2019
README.md
babel.config.js split Dec 11, 2019
deploy.sh demo server -> tencent Shanghai Nov 23, 2019
package.json split Dec 11, 2019
postcss.config.js browserslist Nov 24, 2019
vue.config.js readme Nov 22, 2019
yarn.lock split Dec 11, 2019

README.md

一瞬

一瞬 (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 为例

cd
# 构建前端
git clone https://github.com/Innei/moment.git
cd moment
yarn

# 构建后端
# 注意 您已正确安装了 redis 和 MongoDB
cd 
git clone http://github.com/Innei/moment-server.git
cd moment-server
yarn

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

托管生产环境

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

cd ~/moment
mkdir -p /home/wwwroot/www
yarn build --modern
cd ~/moment-server
cp .env.example .env
yarn prod

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

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

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

在该文件中写入



server {

	server_name example.com; #在这里输入你绑定的域名
	root /home/wwwroot/www;

	location / {
		try_files $uri $uri/ /index.html;
	}

	# 反代
	location /api {
		proxy_set_header Host $host;
		proxy_set_header X-Real-IP $remote_addr;
		proxy_set_header REMOTE-HOST $remote_addr;
		proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
		proxy_pass http://127.0.0.1:3000;
	}
    

# gzip
gzip on;
gzip_vary on;
gzip_proxied any;
gzip_comp_level 6;
gzip_types text/plain text/css text/xml application/json application/javascript application/rss+xml application/atom+xml image/svg+xml;

}
nginx -s reload

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

浏览器兼容性

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

Chrome >= 76
Firefox >= 70
Safari >= 12
etc.

做出贡献

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

cd ~/moment
yarn serve .
cd ~/moment-server
yarn start

环境变量

You can’t perform that action at this time.