애플이 개발자 사이트를 통해 애플 월렛(Apple Wallet)용 패스를 손쉽게 만들 수 있는 전용 도구 Pass Designer를 공개했다. 그동안 월렛 패스를 만들려면 JSON 파일을 직접 작성하고 구조를 수작업으로 검증해야 했는데, 이 도구는 실시간 미리보기와 자동 유효성 검사를 제공해 패스 제작 진입장벽을 크게 낮췄다. 피트니스 센터 회원권부터 공연 티켓, 항공권, 커피 체인 멤버십 카드까지 다양한 유형의 패스를 대상으로 한다.

월렛 패스 제작이 왜 번거로웠나

애플 월렛에 등록되는 패스(쿠폰, 탑승권, 멤버십 카드, 티켓 등)는 내부적으로 pkpass라는 포맷의 파일로 구성된다. 이 파일은 패스에 들어갈 텍스트, 이미지, 색상, 필드 값 등을 JSON으로 정의하는 구조인데, 지금까지는 개발자가 이 JSON을 직접 작성하고 필수 키 값이 빠지지 않았는지, 정의가 예상과 다르지 않은지를 스스로 확인해야 했다. 실제 기기에서 어떻게 보이는지 확인하려면 패스를 만들어 아이폰에 직접 설치해봐야 하는 번거로움도 있었다.

Pass Designer의 핵심 기능

Pass Designer는 애플이 제공하는 템플릿이나 자체 제작한 템플릿을 기반으로 패스를 구성할 수 있게 해준다. 로고, 배경, 스트립 이미지 등은 평소 쓰던 디자인 툴로 만들어서 가져오면 된다. 가장 눈에 띄는 특징은 실시간 미리보기다. 편집하는 동안 아이폰과 애플 워치에서 패스가 어떻게 보일지 즉시 반영되는데, 이 미리보기는 iOS·watchOS와 동일한 렌더링 엔진을 사용하기 때문에 도구 안에서 본 모습이 실제 기기 화면과 완전히 일치한다.

배경색, 전경색, 레이블 색상도 간단히 조정할 수 있고, 각 패스 타입에 포함된 표준 필드의 내용을 직접 편집할 수 있다. 또한 패스를 작성하는 동안 실시간으로 유효성 검사를 수행해 필수 키 값 누락이나 예상치 못한 정의 같은 문제를 바로 알려준다. 이전처럼 패스를 설치해본 뒤에야 오류를 발견하는 일이 줄어들 전망이다.

탑승권과 티켓에 적용되는 시맨틱 태그

탑승권이나 이벤트 티켓의 경우 시맨틱 태그(semantic tags)를 통해 행사 날짜, 장소, 항공편 정보 같은 구조화된 데이터를 추가할 수 있다. 이 데이터는 시리 제안(Siri Suggestions), 캘린더 연동, 지도 길찾기 같은 기능을 작동시키는 데 사용된다. 예를 들어 탑승권에 항공편 정보가 시맨틱 태그로 들어가면 시스템이 이를 인식해 관련 알림이나 경로 안내를 자동으로 띄워줄 수 있다.

Pass Designer는 이런 시맨틱 태그를 UI에서 직접 편집할 수 있게 하고, 시맨틱 태그가 적용된 패스와 적용되지 않은 패스를 나란히 비교해볼 수 있는 기능도 제공한다. 특히 시맨틱 데이터를 기반으로 태그가 없어도 동작하는 하위 호환 패스 구조를 자동 생성해주는 점이 실용적인데, 이는 시맨틱 태그를 지원하지 않는 환경에서도 패스가 정상적으로 동작하도록 보장하기 위한 기능이다.

한국 개발자 입장에서 살펴볼 점

국내에서도 카페 멤버십, 공연 티켓, 항공사 탑승권 등 월렛 패스를 활용하는 서비스가 늘고 있는 만큼, 디자인 도구 하나로 미리보기와 검증까지 끝낼 수 있다는 점은 실질적인 개발 생산성 향상으로 이어질 수 있다. 다만 원문에 따르면 Pass Designer 베타는 macOS 27 이상에서만 실행되며, 다운로드하려면 애플 계정으로 로그인하고 필요시 무료 개발자 등록과 애플 개발자 계약 동의 절차를 거쳐야 한다. macOS 27은 아직 정식 출시 전 버전으로 보이는 만큼, 당장 일반 개발 환경에서 바로 써보기는 어려울 수 있다는 점은 참고할 필요가 있다.

또한 이 도구는 패스의 디자인과 구조를 다루는 데 초점이 맞춰져 있어, 패스 발급 서버 구축이나 실제 배포 파이프라인은 별도로 구성해야 한다. 그럼에도 패스 레이아웃을 눈으로 확인하며 다듬고, 시맨틱 태그 적용 여부에 따른 차이를 바로 비교할 수 있다는 점은 월렛 연동 서비스를 준비하는 개발팀에게 작지 않은 편의가 될 것으로 보인다.

원문: Apple Pass Designer