iMage雲 面向台湾地区活动摄影与图片直播行业，覆盖马拉松、演唱会、企业年会、婚礼、展会、校园活动等场景。传统模式下，摄影师拍完后通过网盘或社群相册分发照片，参与者需要逐张翻找自己的照片，出图慢、找图难，且原图交付、付费购买、发票开具流程彼此割裂。本项目以“相簿直播”为核心，让现场照片边拍边传、边传边看，参与者扫码即可进入活动相簿浏览，并通过自拍人脸检索快速定位本人照片，在线完成选购、支付、下载原图与电子发票申请。主办方与摄影师则通过配套后台管理端创建相簿、上传照片、设置分类价格与邀请码、管理订单和开票，形成从内容发布到商业变现的完整线上闭环。
项目分为 H5 用户端与后台管理端。H5 端包含：
1、相簿直播，首页轮播与相簿推荐、相簿瀑布流浏览、按分类筛选、水印预览、邀请码私密相簿；
2、人脸检索，上传自拍并裁剪后，在指定相簿中匹配本人照片并分页展示；
3、购物车与下单支付，支持加购、已购列表、优惠与积分抵扣、免单，接入 LINE Pay、信用卡（TapPay）、街口支付、Apple Pay、Google Pay；
4、我的照片与下载，批量下载已购原图并回写下载记录；
5、个人中心，订单、收藏、浏览足迹、资料编辑、邮箱与手机绑定、密码找回；
6、精选报道文章阅读；7、电子发票申请、发票列表与详情查询；
8、使用反馈、常见问题、关于我们与隐私政策。后台管理端负责相簿、照片、分类、订单、发票、用户及首页 Banner、文章等内容管理。
本项目基于 uni-app + Vue3 + TypeScript + Vite 构建，使用 uview-plus 组件库、UnoCSS 原子化样式、Pinia 状态管理、uni-mini-router 路由，采用 alova + uniapp 适配器统一封装请求，完成 token 鉴权拦截、业务错误码兜底与异常提示，crypto-js 处理加解密、dayjs 处理时间。
1、我负责 H5 端全部页面开发与接口联调：相簿直播、人脸检索、购物车下单、支付、原图下载、发票、个人中心及后台管理端接口对接。主要难点：一是人脸检索链路，串联选图、上传、图片裁剪、base64 提交与结果分页。
2、多图批量下载兼容性，采用 arraybuffer 拉流 + Blob + a[download] 串行限速下载，并识别 iOS Safari 与 LINE 内置浏览器不支持下载的场景做降级提示。
3、多支付渠道集成，基于 TapPay TPDirect 做信用卡与 Apple Pay、Google Pay 可用性检测，处理 LINE Pay、街口支付跳转回跳的 token 透传与支付状态同步。
评论