小额支付应用
我们负责电信运营商支付服务的应用:用户无需信用卡,用手机小额支付付款,金额计入下个月的话费。接手时代码相互缠绕,还混着不用的代码,于是先摸清并整理了界面、支付、通知和发布相关的代码。在此基础上,加入了门店使用的条码支付,以及从主屏小组件直接进入支付的功能。支付应用里,用户若看错成功、失败、处理中等状态,连是否已付款都会搞不清,因此状态显示和错误处理一并做了检查。
无需绑卡、计入话费的门店条码支付
电信运营商小额支付让用户无需另行绑卡,在小额支付额度内把消费计入话费。消费金额随下个月话费一起收取,在门店里运营商会员折扣与付款一次完成。我们新增了在便利店、面包店、餐厅等门店使用的条码支付。从进入支付界面、显示条码,到显示当前能否支付、不能支付时给出提示,整个流程都按在收银台前快速完成来设计。

不打开应用、从小组件开始的支付入口
支付应用从掏出手机到出现支付界面,步骤越少越好。我们做了主屏小组件,不必先打开应用,就能从小组件直接进入支付界面。工作重点是减少从小组件到开始支付之间的步骤。

成功、失败、处理中一目了然的支付状态显示
小额支付应用中,用户一旦看错支付状态,就无法判断是否已付款。我们把界面流程和异常情况放在一起检查,让成功、失败、处理中在界面上清楚区分。通知有两条推送通道,因此一边确认各通道处理的差异和运营中可能出现的异常,一边验证通知接收、设备注册和错误情况。

理顺缠绕的代码,搭建测试分发与错误追踪环境
接手之初,小额支付应用的代码错综复杂,还混着不用的代码。为了让它能维护、能加功能,我们先摸清并整理了界面、支付、通知和发布相关的代码。随后搭建了测试分发与错误追踪环境,在开发和验收阶段分发测试版并确认错误。

项目亮点
把缠绕的代码整理到可以继续加功能的状态
门店条码支付与主屏小组件支付入口
验证通知接收与设备注册,搭建测试分发与错误追踪环境
洞察
GA4 client_storage: 'none'은 정말 쿠키를 막을까?
두 달 전 이 블로그에 「GA4 쿠키 없이 쓰기」라는 글을 썼습니다. clientstorage: 'none' 으로 쿠키 저장을 끄고, 자체 분석이 쓰던 익명 ID 를 clientid 로 넘기면 쿠키 0개로 GA4 를 쓸 수 있다는 내…
GA4 Measurement Protocol: gtag.js 없이 서버에서 이벤트 보내기
랜딩 페이지의 전송량을 파일 단위로 쪼개 보다가, 가장 큰 파일이 우리 코드가 아니라는 것을 알았습니다. Google Analytics 의 gtag.js 였고, 방문 한 번에 176KB 를 받고 있었습니다. 페이지 전체가 1,094K…
중소 제조업 AI 도입 순서: DX를 먼저 끝내야 할까?
공장을 가진 중소·중견 제조기업 16만여 곳 가운데 스마트공장을 도입한 곳은 19.5%입니다. 회사가 작을수록 이 비율은 더 떨어집니다. 중소벤처기업부가 2025년 4월에 낸 제1차 스마트제조혁신 실태조사 결과입니다. 그림: 기업 규…
Next.js loading.tsx와 404: 버튼이 화면보다 먼저 살아나게 하기
관리 화면 왼쪽 위에 사이드바를 접고 펴는 ☰ 버튼이 있습니다. 폭 하나 바꾸는 버튼인데, 대시보드에서 누르면 2초 넘게 아무 반응이 없었습니다. 레이아웃만 바꾸는 일이 왜 이렇게 오래 걸리는지부터 들여다봤습니다. Next.js 16…



