<div id="readability-page-1" class="page"><div><p>이전에 올렸던 포스팅인 <a href="https://fernando.kr/ios/2020-11-08-ios-appstore-status-bot/">iOS 앱 심사상태를 팀원들과 쉽게 공유해보자!</a> 라는 글을 통해서 해당 봇을 개발하게된 계기를 올린 적이 있습니다.
많은분들께서 해당 오픈소스를 활용해주시기 위해 많은 관심을 보여주셨고 현재도 사용중인 것으로 알고 있어요! 감사합니다! </p>
<p>하지만, 한가지 제가 간과 했던 부분이 있습니다. 그것은 바로 너무 개발자 위주의 설명이었던 것이에요
QA직무를 수행중이신 깃헙을 사용해보지 않으신 분들은 현재의 가이드로는 설정이 너무 어려운것이 문제였습니다. </p>
<p>저또한 많은 오픈소스 프로젝트들에 관심을 가지고 보는 편이지만, 좋은건 알겠는데 그래서 어떻게 사용하는거야?
라는 생각이 들때가 많습니다 프로젝트를 직접 만든분들의 시각에서는 이정도면 충분해 라는 생각으로 적어주셨겠지만 제로베이스의 지식인 상태에서는 적용이 쉽지 않더라구요</p>
<p>자 그럼 서론은 이쯤하고 본론으로 들어가서 세팅하는 법을 알아보도록 하겠습니다 </p>
<h2 id="1-fork-하기"><a href="#1-fork-%ED%95%98%EA%B8%B0" aria-label="1 fork 하기 permalink"></a>1. fork 하기</h2>
<p><a href="https://github.com/techinpark/appstore-status-bot">레포지토리</a> 에 들어가 <code>fork</code> 를 누릅니다. </p>
<p><span>
      <span></span>
  <img alt="screenshot01" title="screenshot01" src="https://fernando.kr/static/ea11b9279bdd53789e9f1921cf9a1d9a/c1b63/screenshot01.png" sizes="(max-width: 1200px) 100vw, 1200px" loading="lazy">
    </span></p>
<p>본인의 계정에 하시려면 본인 계정으로 포크를 하시면되고, 회사에서 사용하시려면 속한 <code>Organization</code> 에 <code>fork</code>를 해주셔도 됩니다.
이후에는 본격적으로 설정을 위한 파일들을 만들기 위한 작업을 해보겠습니다 </p>
<h2 id="2-apple-connect-api를-사용하기-위한-준비"><a href="#2-apple-connect-api%EB%A5%BC-%EC%82%AC%EC%9A%A9%ED%95%98%EA%B8%B0-%EC%9C%84%ED%95%9C-%EC%A4%80%EB%B9%84" aria-label="2 apple connect api를 사용하기 위한 준비 permalink"></a>2. Apple Connect API를 사용하기 위한 준비</h2>
<p><code>appstore-status-bot</code> 은 현재 <code>appstore connect api</code> 를 사용하고 있습니다. 해당 API를 통해서 데이터를 가져오기 때문에 애플에서 제공해주는 키가 필요합니다.
해당 키 정보를 통해서 나의 신원을 확인하고 나의 정보를 가져온다 정도로 이해해주시면 될 것 같습니다. </p>
<p><span>
      <span></span>
  <img alt="screenshot02" title="screenshot02" src="https://fernando.kr/static/089f37c792e241326743e3e4b8bc2d35/c1b63/screenshot02.png" sizes="(max-width: 1200px) 100vw, 1200px" loading="lazy">
    </span></p>
<p>키를 생성하기 위해서는 <a href="https://appstoreconnect.apple.com/access/users">App Store Connect</a> 에 접속합니다.</p>
<p><span>
      <span></span>
  <img alt="screenshot03" title="screenshot03" src="https://fernando.kr/static/7530b1240f2344eee7b7567b090ae9b0/c1b63/screenshot03.png" sizes="(max-width: 1200px) 100vw, 1200px" loading="lazy">
    </span>
사용자 및 액세스 탭에 있는 [Keys] 를 선택합니다. </p>
<p><span>
      <span></span>
  <img alt="screenshot04" title="screenshot04" src="https://fernando.kr/static/683c00d3bcd6d5e884f6ce3c16537e22/681f1/screenshot04.png" sizes="(max-width: 899px) 100vw, 899px" loading="lazy">
    </span></p>
<ul>
<li>버튼을 선택하여 새로운 키를 생성합니다 </li>
</ul>
<p>액세스 권한으로는 위와 같이 설정을 해줍니다 </p>
<p><span>
      <span></span>
  <img alt="screenshot05" title="screenshot05" src="https://fernando.kr/static/45f48c52c50c7fa19ae0dd03b727be8f/c1b63/screenshot05.png" sizes="(max-width: 1200px) 100vw, 1200px" loading="lazy">
    </span>
<span>
      <span></span>
  <img alt="screenshot06" title="screenshot06" src="https://fernando.kr/static/4c935a7fa4cc4383bd1eed96574fd013/bb3ba/screenshot06.png" sizes="(max-width: 1121px) 100vw, 1121px" loading="lazy">
    </span>
API키를 다운로드 합니다. API키는 한번다운로드 받으면 다시 받을 수 없도록 되어있기 때문에 잘 보관하셔야 합니다 </p>
<p>페이지에 있는  <code>ISSUER_ID</code>, <code>KEY_ID</code>, <code>PRIVATE KEY</code>는 잠시후 설정을 할때 사용됩니다. </p>
<h2 id="3-슬랙-웹훅-생성하기"><a href="#3-%EC%8A%AC%EB%9E%99-%EC%9B%B9%ED%9B%85-%EC%83%9D%EC%84%B1%ED%95%98%EA%B8%B0" aria-label="3 슬랙 웹훅 생성하기 permalink"></a>3. 슬랙 웹훅 생성하기</h2>
<p><span>
      <span></span>
  <img alt="screenshot07" title="screenshot07" src="https://fernando.kr/static/f7e09937809747a5d82dd7246c7633ea/0e2fe/screenshot07.png" sizes="(max-width: 285px) 100vw, 285px" loading="lazy">
    </span>
<span>
      <span></span>
  <img alt="screenshot08" title="screenshot08" src="https://fernando.kr/static/4f87991146d286adb8fe4ee4a766c189/167b5/screenshot08.png" sizes="(max-width: 776px) 100vw, 776px" loading="lazy">
    </span>
<span>
      <span></span>
  <img alt="screenshot09" title="screenshot09" src="https://fernando.kr/static/7d3c7dd6a1fc0144d6fc97766a1c2e95/302a4/screenshot09.png" sizes="(max-width: 1080px) 100vw, 1080px" loading="lazy">
    </span></p>
<p>슬랙 웹훅 URL을 생성해야하는데 슬랙 왼쪽 메뉴바에 있는 <code>More</code> 를 누르게 되면 Apps 라는 항목이 있습니다. 이곳을 클릭하여 들어간 이후 <code>Incomming Webhook</code> 을 검색합니다.
들어가시면 Add to Slack 이라는 버튼이 있는데 그것을 클릭하시면 생성할 수 있는 페이지로 이동이 되고 해당 페이지에서 상세 정보를 설정하실 수 있습니다. </p>
<p>받고싶은 채널, 웹훅의 이름, 아이콘 등 원하시는데로 설정을 하신 이후 제일 중요한  Webhook URL을 복사하여 보관하셔야 합니다 </p>
<p>그이후 <code>Save Settings</code> 버튼을 누릅니다 </p>
<h2 id="4-깃헙-관련-설정하기"><a href="#4-%EA%B9%83%ED%97%99-%EA%B4%80%EB%A0%A8-%EC%84%A4%EC%A0%95%ED%95%98%EA%B8%B0" aria-label="4 깃헙 관련 설정하기 permalink"></a>4. 깃헙 관련 설정하기</h2>
<h3 id="깃헙-토큰-세팅하기"><a href="#%EA%B9%83%ED%97%99-%ED%86%A0%ED%81%B0-%EC%84%B8%ED%8C%85%ED%95%98%EA%B8%B0" aria-label="깃헙 토큰 세팅하기 permalink"></a>깃헙 토큰 세팅하기</h3>
<p>업데이트 내역을 주기적으로 가져와서 상태가 바뀌었을때만 알림을 주는 방식이기 떄문에 파일에 내용을 기록할 수 있어야하는데 이부분을 깃헙에서 제공하는 <code>gist</code>를 활용하도록 구성이 되어있습니다.
깃헙액션에서 해당 파일에 내용을 저장하고 불러오기 위해서는 권한이 필요한데 이것을 하기 위한 토큰을 생성해주어야 합니다. </p>
<p><span>
      <span></span>
  <img alt="screenshot10" title="screenshot10" src="https://fernando.kr/static/7376a864c98b5a4dfd167dd87bff7640/c1b63/screenshot10.png" sizes="(max-width: 1200px) 100vw, 1200px" loading="lazy">
    </span>
<a href="https://github.com/settings/tokens">Github Personal access Tokens</a> 페이지로 들어와서 <code>Generate New Token</code> 버튼을 선택합니다.</p>
<p><span>
      <span></span>
  <img alt="screenshot11" title="screenshot11" src="https://fernando.kr/static/50bee2b5e46bceb948f59640563ed0e0/c1b63/screenshot11.png" sizes="(max-width: 1200px) 100vw, 1200px" loading="lazy">
    </span></p>
<p>이후 보이는 페이지에서는 토큰에 부여하게될 만료기한과 권한들을 체크하게 되는데 <code>repo</code> , <code>gist</code> 권한을 주시면 됩니다.
아무래도 만료되지 않는 키가 한번 세팅해두면 신경쓸 필요가 없어 가장 편하겠지만, 키가 만료되면 다시 키를 생성해주셔야 하기 때문에 상황에 따라 설정해주시면 되겠습니다!</p>
<p>여기서 부여받은 키도 1회만 노출이 되고 이후는 다시 볼 수 없으니, 잘 저장해둡니다 </p>
<h3 id="깃헙-gist-생성하기"><a href="#%EA%B9%83%ED%97%99-gist-%EC%83%9D%EC%84%B1%ED%95%98%EA%B8%B0" aria-label="깃헙 gist 생성하기 permalink"></a>깃헙 GIST 생성하기</h3>
<p><span>
      <span></span>
  <img alt="screenshot12" title="screenshot12" src="https://fernando.kr/static/b29d21c4f30bef4d08841f3d1853b2c1/c1b63/screenshot12.png" sizes="(max-width: 1200px) 100vw, 1200px" loading="lazy">
    </span></p>
<p>권한까지 생성을 하셨다면 다음은 업데이트 내역들을 기록할 DB가 되어줄 파일을 생성하여야 하는데요 <a href="https://gist.github.com/">Github Gist</a>로 접속합니다.
들어가셔서 적당히 파일이름을 적어주시고 <code>description</code> 또한 작성해줍니다. </p>
<p>이후에는 <code>Create secret gist</code> 버튼을 통해 비공개 파일로 저장을 해줍니다.
저장을 하시게되면 URL이 <code>https://gist.github.com/깃헙ID/XXXXXXXXXXXXXX</code> 형태로 나오게 되는데 <code>XXXXXXXXXXXXXX</code> 부분을 복사해서 <code>GIST_ID</code> 로 사용하시면 됩니다. </p>
<h2 id="appstore-status-bot-설정하기"><a href="#appstore-status-bot-%EC%84%A4%EC%A0%95%ED%95%98%EA%B8%B0" aria-label="appstore status bot 설정하기 permalink"></a>appstore-status-bot 설정하기</h2>
<p>상단에서 했던 정보들을 이제 깃헙레포지토리에 세팅을 해주어야 합니다 먼저 <code>fork</code> 했던 레포지토리로 이동을 하셔서 <code>Settings</code> 탭에 들어갑니다.
옵션에 있는 <code>Secrets</code> - <code>Actions</code> 탭으로 들어가서 이제 상단에서 얻은 정보들을 차근차근히 넣어주시면 됩니다. </p>
<table>
<thead>
<tr>
<th>키이름</th>
<th>내용</th>
</tr>
</thead>
<tbody>
<tr>
<td>BUNDLE_ID</td>
<td>앱의 ID라고 보시면됩니다 <code>com.example.test</code> 형태로 구성되어있습니다 2개이상 입력하실때는 콤마를 통해서 구분됩니다</td>
</tr>
<tr>
<td>GH_TOKEN</td>
<td>깃헙 토큰을 넣어주시면 됩니다</td>
</tr>
<tr>
<td>GIST_ID</td>
<td>Github GIST의 ID를 넣어줍니다</td>
</tr>
<tr>
<td>ISSUER_ID</td>
<td>Appstore Connect 에서 복사하여 사용합니다</td>
</tr>
<tr>
<td>KEY_ID</td>
<td>Appstore Connect 에서 복사하여 사용합니다</td>
</tr>
<tr>
<td>PRIVATE_KEY</td>
<td>Appstore Connect 에서 받아두었던 <code>.p8</code> 파일의 텍스트 내용을 복사하여 그대로 넣어줍니다</td>
</tr>
<tr>
<td>SLACK_WEBHOOK</td>
<td>SLACK 웹훅 주소를 넣어줍니다</td>
</tr>
</tbody>
</table>
<h2 id="마치며"><a href="#%EB%A7%88%EC%B9%98%EB%A9%B0" aria-label="마치며 permalink"></a>마치며</h2>
<p>위에서 설명드린 것 처럼 설정을 하시면 앱의 상태가 변경 될 떄마다 슬랙으로 메세지를 받아 보실 수 있습니다.<br>
위의 과정을 하셨음에도 불구하고 잘 이해가 되지 않거나 문제가 발생한다면 알려주세요! 감사합니다 </p></div></div>

Fernando 기술 블로그

Fernando

이전에 올렸던 포스팅인 iOS 앱 심사상태를 팀원들과 쉽게 공유해보자! 라는 글을 통해서 해당 봇을 개발하게된 계기를 올린 적이 있습니다.
많은분들께서 해당 오픈소스를 활용해주시기 위해 많은 관심을 보여주셨고 현재도 사용중인 것으로 알고 있어요! 감사합니다! 
하지만, 한가지 제가 간과 했던 부분이 있습니다. 그것은 바로 너무 개발자 위주의 설명이었던 것이에요
QA직무를 수행중이신 깃헙을 사용해보지 않으신 분들은 현재의 가이드로는 설정이 너무 어려운것이 문제였습니다. 
저또한 많은 오픈소스 프로젝트들에 관심을 가지고 보는 편이지만, 좋은건 알겠는데 그래서 어떻게 사용하는거야?
라는 생각이 들때가 많습니다 프로젝트를 직접 만든분들의 시각에서는 이정도면 충분해 라는 생각으로 적어주셨겠지만 제로베이스의 지식인 상태에서는 적용이 쉽지 않더라구요
자 그럼 서론은 이쯤하고 본론으로 들어가서 세팅하는 법을 알아보도록 하겠습니다 
1. fork 하기
레포지토리 에 들어가 fork 를 누릅니다. 
      
  
    
본인의 계정에 하시려면 본인 계정으로 포크를 하시면되고, 회사에서 사용하시려면 속한 Organization 에 fork를 해주셔도 됩니다.
이후에는 본격적으로 설정을 위한 파일들을 만들기 위한 작업을 해보겠습니다 
2. Apple Connect API를 사용하기 위한 준비
appstore-status-bot 은 현재 appstore connect api 를 사용하고 있습니다. 해당 API를 통해서 데이터를 가져오기 때문에 애플에서 제공해주는 키가 필요합니다.
해당 키 정보를 통해서 나의 신원을 확인하고 나의 정보를 가져온다 정도로 이해해주시면 될 것 같습니다. 
      
  
    
키를 생성하기 위해서는 App Store Connect 에 접속합니다.
      
  
    
사용자 및 액세스 탭에 있는 [Keys] 를 선택합니다. 
      
  
    
버튼을 선택하여 새로운 키를 생성합니다 
액세스 권한으로는 위와 같이 설정을 해줍니다 
      
  
    
      
  
    
API키를 다운로드 합니다. API키는 한번다운로드 받으면 다시 받을 수 없도록 되어있기 때문에 잘 보관하셔야 합니다 
페이지에 있는  ISSUER_ID, KEY_ID, PRIVATE KEY는 잠시후 설정을 할때 사용됩니다. 
3. 슬랙 웹훅 생성하기
      
  
    
      
  
    
      
  
    
슬랙 웹훅 URL을 생성해야하는데 슬랙 왼쪽 메뉴바에 있는 More 를 누르게 되면 Apps 라는 항목이 있습니다. 이곳을 클릭하여 들어간 이후 Incomming Webhook 을 검색합니다.
들어가시면 Add to Slack 이라는 버튼이 있는데 그것을 클릭하시면 생성할 수 있는 페이지로 이동이 되고 해당 페이지에서 상세 정보를 설정하실 수 있습니다. 
받고싶은 채널, 웹훅의 이름, 아이콘 등 원하시는데로 설정을 하신 이후 제일 중요한  Webhook URL을 복사하여 보관하셔야 합니다 
그이후 Save Settings 버튼을 누릅니다 
4. 깃헙 관련 설정하기
깃헙 토큰 세팅하기
업데이트 내역을 주기적으로 가져와서 상태가 바뀌었을때만 알림을 주는 방식이기 떄문에 파일에 내용을 기록할 수 있어야하는데 이부분을 깃헙에서 제공하는 gist를 활용하도록 구성이 되어있습니다.
깃헙액션에서 해당 파일에 내용을 저장하고 불러오기 위해서는 권한이 필요한데 이것을 하기 위한 토큰을 생성해주어야 합니다. 
      
  
    
Github Personal access Tokens 페이지로 들어와서 Generate New Token 버튼을 선택합니다.
      
  
    
이후 보이는 페이지에서는 토큰에 부여하게될 만료기한과 권한들을 체크하게 되는데 repo , gist 권한을 주시면 됩니다.
아무래도 만료되지 않는 키가 한번 세팅해두면 신경쓸 필요가 없어 가장 편하겠지만, 키가 만료되면 다시 키를 생성해주셔야 하기 때문에 상황에 따라 설정해주시면 되겠습니다!
여기서 부여받은 키도 1회만 노출이 되고 이후는 다시 볼 수 없으니, 잘 저장해둡니다 
깃헙 GIST 생성하기
      
  
    
권한까지 생성을 하셨다면 다음은 업데이트 내역들을 기록할 DB가 되어줄 파일을 생성하여야 하는데요 Github Gist로 접속합니다.
들어가셔서 적당히 파일이름을 적어주시고 description 또한 작성해줍니다. 
이후에는 Create secret gist 버튼을 통해 비공개 파일로 저장을 해줍니다.
저장을 하시게되면 URL이 https://gist.github.com/깃헙ID/XXXXXXXXXXXXXX 형태로 나오게 되는데 XXXXXXXXXXXXXX 부분을 복사해서 GIST_ID 로 사용하시면 됩니다. 
appstore-status-bot 설정하기
상단에서 했던 정보들을 이제 깃헙레포지토리에 세팅을 해주어야 합니다 먼저 fork 했던 레포지토리로 이동을 하셔서 Settings 탭에 들어갑니다.
옵션에 있는 Secrets - Actions 탭으로 들어가서 이제 상단에서 얻은 정보들을 차근차근히 넣어주시면 됩니다. 
키이름
내용
BUNDLE_ID
앱의 ID라고 보시면됩니다 com.example.test 형태로 구성되어있습니다 2개이상 입력하실때는 콤마를 통해서 구분됩니다
GH_TOKEN
깃헙 토큰을 넣어주시면 됩니다
GIST_ID
Github GIST의 ID를 넣어줍니다
ISSUER_ID
Appstore Connect 에서 복사하여 사용합니다
KEY_ID
Appstore Connect 에서 복사하여 사용합니다
PRIVATE_KEY
Appstore Connect 에서 받아두었던 .p8 파일의 텍스트 내용을 복사하여 그대로 넣어줍니다
SLACK_WEBHOOK
SLACK 웹훅 주소를 넣어줍니다
마치며
위에서 설명드린 것 처럼 설정을 하시면 앱의 상태가 변경 될 떄마다 슬랙으로 메세지를 받아 보실 수 있습니다.
위의 과정을 하셨음에도 불구하고 잘 이해가 되지 않거나 문제가 발생한다면 알려주세요! 감사합니다

iOS앱 심사상태를 쉽게 공유받을 수 있도록 appstore-status-bot 환경 설정하기

댓글