Home
Projects
Resources
Alternatives
Blog
Sign In
Wxss
Save
微信签到小程序,包含照片、地点、人脸验证
Overview
Reviews
Resources
Project README
活动考勤签到小程序
效果图
功能
创建活动
可以添加活动名称、简介等信息
地点选择时有搜索建议并能够在地图上标注
签到方式选择包括:照片(上传活动照片)、地点(在活动地点附近500米内)、人脸(本人签到)
活动搜索
通过数据库的模糊搜索简单实现——每输入一个字都进行查询
点击结果列表可以查看活动详情
活动管理
根据当前日期分成两个Tab:正在进行中、已结束
点击可以进入活动详情界面
活动详情
查看活动的发起人、起止日期、活动地点、简介
查看参与的人数
活动的签到情况根据日期进行归档,点击日期可以查看当日的签到情况
活动签到
首先必须上传打卡照片,从相册中选择
点击地点验证即可通过当前经纬度以及活动地点经纬度简单计算距离,小于500m认为在活动区域
点击人脸验证,通过Face++的人脸对比接口,将上传的照片和个人信息页面的照片进行对比,置信度大于50可以认作是同一个人
当所有的要求都满足后,完成活动的签到
个人信息
可以更改当前的照片
相关技术
数据库采用MySQL
服务器基于Nodejs的Express4.0框架搭建,简单的接收JSON数据并返回,所有的活动信息、签到结果都记录在数据库中
个人信息图片、签到图片都存储在腾讯云的cos中
地理位置的推荐使用腾讯的地图接口
项目部署
客户端
小程序客户端放在client文件夹,使用小程序开发工具打开
填补client/checkin/config.js中的腾讯云对象存储的相关信息
填补client/checkin/pages/checkIn/checkIn.js中相应的API的key等
服务端
安装Nodejs,执行 node app.js
数据库的配置在server/checkin/congigs/config.js中
数据库
执行SQL文件即可
Open Source Agenda is not affiliated with "Wxss" Project. README Source:
tommenx/wxss
Stars
165
Open Issues
4
Last Commit
5 years ago
Repository
tommenx/wxss
License
MIT
Tags
Wxss
Open Source Agenda Badge
Submit Review
Review Your Favorite Project
Submit Resource
Articles, Courses, Videos
Submit Article
Submit a post to our blog
From the blog
Dec 11, 2022
How to Choose Which Programming Language to Learn First?
From the blog
Dec 11, 2022
How to Choose Which Programming Language to Learn First?
Home
Projects
Resources
Alternatives
Blog
Sign In
Sign In to OSA
I agree with
Terms of Service
and
Privacy Policy
Sign In with Github