更新记录

1.0.0（2026-10-26） 下载此版本

本项目仅开源 uni-app 用户端，基于 Vue3，适配网页、微信公众号和微信小程序。用 HBuilderX 导入本目录即可运行，供学习研究。

平台兼容性

uni-app(3.8.7)

其他

AI相册修复用户端

开源说明

本项目仅开源 uni-app 用户端，基于 Vue3，适配网页、微信公众号和微信小程序。用 HBuilderX 导入本目录即可运行，供学习研究。

能在哪些地方使用

用户可以在电脑或手机的网页里使用，也可以在微信里打开网页使用，还可以在微信小程序里使用。用来修复老照片、保存高清原图，也可以把修复后的照片冲印成实体照片寄到家。

底部有三个主入口：首页、修复、我的。

对接了哪些第三方

下面这些是用户日常能直接感受到的外部服务，不是技术名词堆砌：

• 豆包人工智能：上传照片后，由豆包图像能力完成老照片修复、高清增强、黑白上色、无损放大。页面上预计约 8 到 15 秒出结果。
• 微信支付：解锁高清原图、冲印下单、开通会员、给钱包充值时，可以走微信支付。在手机网页上，需在微信里打开，并用公众号相关账号，才能出现微信支付。后台若关闭公众号支付，微信网页里也不会出现微信支付。
• 支付宝：同样用于下单付款、开通会员和充值。普通浏览器和 App 里可以使用。
• 钱包余额：平台自己的余额支付。后台开启钱包后，「我的」里才会出现钱包；余额不够会提示换微信支付或支付宝。
• 手机短信验证码：注册、找回密码、修改密码时，会往手机号发验证码（由服务端发送）。
• 阿里云快递查询：冲印订单发货后，可查看物流公司和运单轨迹。没配好或额度用完时，仍能看到订单上的基础物流信息。
• 电话客服：后台若配好了客服电话，可直接拨打。
• 个人微信客服：可复制客服***，或扫客服二维码添加。
• 平台在线客服：登录后可在网页里和平台客服即时发消息。
• 手机系统能力：从相册选照片、拍照上传、把修复结果保存到相册、拨打电话、复制订单号和***。

说明：微信小程序里可以用授权手机号一键登录；在微信里打开网页时，也可以走微信登录。普通浏览器主要用手机号和密码登录。后台若关闭公众号登录，微信网页里就只保留手机号密码登录。

用户能做什么

打开软件先看到什么

• 顶部有营销卡片，常见文案是新人首次修复优惠，点「立即体验」进入修复页。具体文案以后台配置为准。
• 有一排修复服务入口，常见包括：老照片修复、高清超清、黑白上色、无损放大。每项能看到名称、价格和能力说明，具体以后台配置为准。
• 有修复案例，左右对照展示修复前、修复后，点进去可放大看对比。
• 底部有会员入口，引导开通会员。已开通的会显示当前会员等级。
• 服务和案例都从线上拉取，下拉或重新进入首页会刷新。

修照片

• 在「修复」页切换要使用的服务。
• 从相册选一张照片，或直接拍照上传。
• 上传前需同意《用户隐私协议》。
• 页面会提示：翻拍时光线均匀、照片尽量充满画面、单张建议不超过 10MB。
• 上传后进入修复进度页，完成后进入修复结果页。
• 支持对同一张结果再次修复。

看修复结果、保存原图

• 左右对照看修复前和修复后，也可点开大图。
• 预览效果可以先看；要把高清原图保存到相册，按当前权益处理：
  • 已开通会员，可直接免费保存。
  • 有邀请奖励次数，可消耗一次奖励保存。
  • 这次修复服务已经付过款，可直接保存。
  • 否则需要先支付对应修复服务费用。
• 结果页也能去冲印，或继续邀请好友换奖励次数。

冲印照片

• 选好修复结果后下冲印单：选尺寸、相纸、增值选项和张数。
• 选择或新增收货地址，能看到费用明细。
• 可以马上支付，也可以稍后在订单里再付。
• 修复记录里可以勾选多张照片，合并成一笔冲印订单，一次发货。
• 冲印进度大致包括：待支付、待制作、冲印中、包装中、待收货、已收货，以及已取消、已退款。
• 发货后可看物流公司、运单号和轨迹，可确认收货。制作中如需改地址，以订单页实际可用操作为准。

订单里还能做什么

• 订单分成两大类：修复订单、冲印订单。
• 待支付可继续支付或取消订单。超时未支付的订单会被自动关闭。
• 修复订单可查看修复结果；完成后可给这次修复打满意度并写评价。
• 冲印订单可查看物流、确认收货。
• 符合条件可申请退款，并看到审核结果。已发货的冲印单一般需先联系客服处理拒收，再走退款。

开通会员

• 看会员权益和可选套餐，选一个套餐后支付，支付成功即生效。
• 会员可免费解锁高清原图；首页和「我的」里的具体权益文案以后台配置为准。
• 可查看自己的开通记录。

付钱怎么付

• 下单后弹出支付窗口，可选：余额、微信支付、支付宝（按当前打开方式显示，不是每种环境都有微信支付）。
• 余额不够会提示换其他方式；后台关闭余额支付后，窗口里不会出现余额。
• 支付成功后订单生效；没付完可在订单里继续支付。

钱包和邀请

• 后台开启钱包后，「我的」里会出现钱包：可充值、提现、绑定支付宝账号或上传微信收款码，并查看资金明细和提现记录。
• 钱包关闭时，仍可在「我的」里查看资金明细。
• 邀请好友：复制邀请语和邀请码、生成分享海报，微信小程序里还可直接转发给好友。
• 好友通过邀请链接注册时，会自动带上邀请码。邀请成功后可获得奖励次数，用来解锁高清原图。

账号和设置

• 手机号 + 密码登录。
• 手机号 + 短信验证码注册，注册后直接登录。
• 忘记密码、修改密码，都通过短信验证码完成。
• 微信小程序支持授权手机号一键登录；微信内打开网页时，可使用微信登录。
• 个人资料可更换头像，查看昵称、手机号、会员等级和加入时间。
• 设置里可开关本机消息提醒、清理缓存、修改密码、查看关于我们、帮助中心、隐私与协议，以及退出登录。

消息、客服、帮助

• 「我的」右上角有消息入口，未读数量会提示。
• 客服中心按后台配置，可能是：打电话、***，或平台在线聊天。
• 帮助中心看常见问题，内容以后台配置为准。
• 意见反馈可提交建议或问题，并查看历史和官方回复。
• 修复完成后，也可以对这次修复效果单独评价。

体验

体验地址：https://aixiangce.xianmaxiong.com

技术栈

运行

这份代码已经接到线上体验环境，不用改任何配置，打开后直接运行即可。

开始前请准备

1. 一台 Windows 电脑（苹果电脑也可以，步骤差不多）。
2. 下载并安装 HBuilderX（官方用来打开这类项目的软件）：
   打开浏览器，搜索「HBuilderX 官网」，进入 https://www.dcloud.io/hbuilderx.html，下载「正式版」，安装后打开。
3. 建议再装一个 Chrome 浏览器，用来打开运行后的页面。

第一步：拿到文件夹

1. 如果你收到的是压缩包（例如 zip），先右键「解压到当前文件夹」或「解压到指定文件夹」。
2. 解压后，请找到名字叫 aiPhoto_uniapp 的文件夹。里面应该能看到 pages.json、App.vue、common 等文件。
3. 记住这个文件夹在电脑上的位置，后面要选中它。不要只打开里面某一个文件。

第二步：用 HBuilderX 打开整个项目

1. 打开已经安装好的 HBuilderX。
2. 点左上角 「文件」→「打开目录」（有的版本也叫「从本地打开」）。
3. 选中刚才的 aiPhoto_uniapp 文件夹，确定。
4. 左侧出现一长串文件名，就说明打开对了。如果左侧是空的，说明选错了文件夹，请重新选带 pages.json 的那一层。

第三步：用浏览器运行

1. 在 HBuilderX 顶部菜单点 「运行」→「运行到浏览器」→「Chrome」。
2. 第一次可能会提示安装浏览器运行插件，点允许或安装，等它装完再重新点一次运行。
3. 电脑会自动弹出一个网页。出现首页、底部「首页 / 修复 / 我的」，就说明运行成功了。
4. 不要关 HBuilderX，关了网页可能会断开。

常见情况说明

• 点了运行没反应：确认打开的是整个 aiPhoto_uniapp 文件夹，不是只打开了一个页面文件。
• 浏览器打开了但是花屏、一直转圈：等十几秒；仍不行就关掉网页，在 HBuilderX 里再点一次运行。
• 页面是空的、提示加载失败：检查电脑能否打开体验地址 https://aixiangce.xianmaxiong.com ；如果这个网页本身打不开，用户端也会没数据。
• 微信支付、支付宝点了没反应：需要商家自己的支付账号，这份开源代码一般只能看到支付按钮，不能真的完成收款。在普通浏览器里本来就没有微信支付。
• 修复没有出图、客服和短信验证码收不到：这些依赖服务端、豆包和短信账号，界面可以点，功能不一定通。

第一次建议怎么验收

1. 按第三步在 Chrome 打开。
2. 能看到首页服务入口、底部三个按钮。
3. 点「修复」，能进入上传照片的页面。
4. 再点「我的」，能看到登录入口。
   做到这里，就说明「这份用户端代码已经在你电脑上跑起来了」。