简介
本项目是一个完全实现的Web App,产品逻辑并不复杂。用户可以将他们的照片分享到微信朋友圈。如果有人喜欢Ta,他们可以点击喜欢按钮并生成自己的页面。如果你们喜欢对方,可以给双方发短信。
目前支持自定义环境变量的配置,所以很多key Key\等都可以隐藏,所以我们以后会开源很多我们内部的项目供大家交流研究使用。
仓库地址 //
中的文档
内含二维码,可扫描体验。知乎会自动解析二维码图片,这里就不放了。
特别感谢
感谢吴立洋参与产品讨论并负责界面设计。个人觉得这款产品的界面设计非常漂亮,非常喜欢。
产品图标
产品主界面效果图
技术介绍
服务器完全使用并托管在 ( 的服务器环境)。 Web App 通过自定义 API 实现,纯前端调用。服务端技术栈主要是+,前端技术栈主要是.代码全部用ES6语法编写,服务端使用/来处理异步(前端需要考虑兼容性)。
目录结构
安装步骤
如果要在本地调试微信小程序全栈开发,需要按照如下流程安装依赖
预安装
//安装命令行工具
$ npm -g -cli
//安装
$ npm -g
// 安装 gulp
$ npm -g 吞咽
服务器依赖安装
//本地服务器环境安装,在根目录执行
$ npm
前端依赖安装
//进入web目录,单独执行
$ npm
$
本地调试
服务器环境和前端调试环境需要同时打开
启动本地服务器环境
//首先根据云引擎文档配置本地应用信息,如果不需要创建应用
$ 精益应用添加
//启动服务器
$俯身
启动前端调试环境
//在服务器启动的情况下,打开一个新的终端窗口,开始前端调试
$一口
数据库结构
存储所有用户信息(因为产品设计不需要用户登录,所以不使用AV.User)
界面
提交用户信息
上传头像
获取用户信息
有人喜欢一个人
有人不喜欢某人
部署
如下部署
前端封装
//进入web目录,执行打包器
$一口
部署到
// 将所有代码部署到
$ 精益