职业体育联赛官方应用
我们参与了一款职业体育联赛官方应用 1.0 与 2.0 的开发,这款应用向球迷展示赛程、赛果、球员信息、新闻与比赛视频,购票以及入场用的手机电子票也都在应用内完成。它采用网页界面在应用内打开的混合结构,在网页上正常的链接跳转、媒体显示与加载,到了应用里可能表现不同。网页与应用分属不同团队,工作首先是分清问题归哪一方。工作涵盖衔接网页界面与应用功能的结构、网页界面的特殊处理,以及两方之间的数据传递与功能调用整理。
从赛程到票务,球迷反复打开的信息如何排布
职业体育联赛官方应用把球迷反复查看的信息放在手机界面上,比如赛程、赛果、球员信息、新闻与票务。应用还展示比赛视频与照片,门票从预订到入场用的手机电子票都在应用内完成。用于阅读的内容界面与用于操作的功能界面(如订票)混在同一应用中,因此按界面逐一调整问题,避免浏览流程变得复杂。我们跨 1.0 与 2.0 两个版本参与了这些界面的开发。

网页做的界面在应用里像应用本身一样打开的结构
混合应用由应用包裹网页做的界面加以显示,网页难以完成的事则调用应用功能处理。我们理顺了结构,让进入网页界面、调用应用功能、处理外部链接以及应用内的界面切换连成一条流程。网页难以处理的功能由应用补足,用户不必在意眼前的界面是网页还是应用。

在应用内重新校准链接、媒体与加载时机的网页界面处理
在网页上没有问题的链接跳转、文件与媒体显示、界面加载时机,在应用里可能表现不同。我们在应用包裹的一侧逐一补足这些情形,让网页界面在应用里同样正常运作。网页与应用之间交换数据、调用功能的流程也一并理顺,使网页界面的状态变化与应用流程保持一致。

先分清问题归网页还是归应用的协作准则
官方应用由策划、网页、应用三方分工协作完成。界面出现问题时,先分清它出自网页实现,还是应由包裹网页的应用一侧处理,再对齐需求与修改范围。远程协作中沟通偶有错位,但在这个过程中,我们深入理解了网页界面加载、网页与应用的衔接以及双方的责任边界。这份理解后来成为把基于网页的高级功能整合进应用的基础。

项目亮点
网页界面与应用功能在同一应用内衔接的混合结构
在应用内重新校准链接跳转、媒体显示与加载时机的网页界面处理
理顺网页与应用之间的数据传递与功能调用约定
洞察
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…



