服务端环境和前端调试环境启动服务端环境

2022-08-24
来源:网络整理

简介

本项目是一个完全实现的Web App,产品逻辑并不复杂。用户可以将他们的照片分享到微信朋友圈。如果有人喜欢Ta,他们可以点击喜欢按钮并生成自己的页面。如果你们喜欢对方,可以给双方发短信。

目前支持自定义环境变量的配置,所以很多key Key\等都可以隐藏,所以我们以后会开源很多我们内部的项目供大家交流研究使用。

仓库地址 //

中的文档

内含二维码,可扫描体验。知乎会自动解析二维码图片,这里就不放了。

特别感谢

感谢吴立洋参与产品讨论并负责界面设计。个人觉得这款产品的界面设计非常漂亮,非常喜欢。

产品图标

产品主界面效果图

技术介绍

服务器完全使用并托管在 ( 的服务器环境)。 Web App 通过自定义 API 实现,纯前端调用。服务端技术栈主要是+,前端技术栈主要是.代码全部用ES6语法编写,服务端使用/来处理异步(前端需要考虑兼容性)。

目录结构

安装步骤

如果要在本地调试微信小程序全栈开发,需要按照如下流程安装依赖

预安装

//安装命令行工具

$ npm -g -cli

//安装

$ npm -g

// 安装 gulp

$ npm -g 吞咽

服务器依赖安装

//本地服务器环境安装,在根目录执行

$ npm

前端依赖安装

//进入web目录,单独执行

$ npm

$

本地调试

服务器环境和前端调试环境需要同时打开

启动本地服务器环境

//首先根据云引擎文档配置本地应用信息,如果不需要创建应用

$ 精益应用添加

//启动服务器

$俯身

启动前端调试环境

//在服务器启动的情况下,打开一个新的终端窗口,开始前端调试

$一口

数据库结构

存储所有用户信息(因为产品设计不需要用户登录,所以不使用AV.User)

界面

提交用户信息

上传头像

获取用户信息

有人喜欢一个人

有人不喜欢某人

部署

如下部署

前端封装

//进入web目录,执行打包器

$一口

部署到

// 将所有代码部署到

$ 精益

分享