全球购物服务扩展
我们以在一个平台上已运行的实现和界面流程为基准,把一家大型电子企业直接销售自家手机、电视和家电的全球官方购物应用快速移植到另一平台。这款应用是在应用外壳中显示网页界面的混合式结构,同一个网页在不同运行环境中表现不同,首先要分清问题出在网页还是应用。我们按新平台实现了应用外壳、进入网页界面、外部链接和应用权限,对难以直接修改的网页界面,则由应用注入脚本加以补强。我们与网页团队分工解决问题,并根据应用审核的修改要求完成发布。
把网页购物服务装进应用外壳迁移过来的混合式应用
这款全球购物应用是混合式结构,在应用外壳中显示以网页运营的购物服务。客户在这款应用中下单购买产品、领取会员权益,并实时查询配送状态、接收通知。另一平台的版本以原应用的实现和界面流程为基准快速移植而成。我们整理了承载网页界面的应用外壳、进入网页界面的流程、外部链接处理和应用权限等因平台而异的部分,实现为可发布的形态。网页内容加载以及应用功能与网页交界处出现的问题,也在应用外壳一侧做了调整。

从应用端补强难改网页界面的脚本注入
全球购物服务的网页界面,是应用开发一方难以直接修改的部分。当规划好的界面或异常情况未在网页端处理时,应用会向网页界面注入脚本,在代码层面补上缺口。我们一边确认页面结构、加载时机以及在什么条件下该显示什么界面,一边只应用必要的处理。

在三种环境中比对同一页面后划分的修改范围
混合式购物应用的网页,在手机浏览器、本应用内的网页界面和另一平台应用的网页界面中,表现可能各不相同。我们与网页团队把三种环境并排比较,先判断问题属于网页端还是应用外壳。之后由各负责人分担各自要改的范围来解决问题。

迅速吸收意外审核要求的发布
在全球购物应用的发布过程中,应用审核提出了修改要求,其中包括删除应用内所有与设备相关的图片。我们迅速落实了反馈,并整理出重新审核所需的修改范围。策划、网页、应用、验收和审核分属不同阶段,每当需求变化或出现例外,都要靠快速沟通和快速修改,发布才不至于动摇。

项目亮点
以既有实现与界面流程为基准移植混合式购物应用
用应用注入的脚本补强难以直接修改的网页界面
按运行环境划分网页与应用责任的问题处理与审核应对
洞察
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…



