React-Native 앱을 Appetize에서 공개해 보았습니다.

2018 단어 appetizereact-native
React-Native에서 만든 iOS 앱을 Appetize에서 게시할 때까지 '나는 이렇게 하면 잘 작동했습니다'를 공유합니다.

진행하는 방법



이 블로그 기사 에 따라 진행했습니다만, jsbundle를 만드는 커멘드만 조금 하는 방법이 다릅니다.
(기사대로라면 잘 되지 않았기 때문에...)

나 자신도 초보자이므로, 방법에 잘못이 있으면 가르쳐 주시면 다행입니다.
덧붙여서 공개한 것
* ↑ 출처

실제 절차


  • Xcode에서 앱 이름 .xcodeproj를 연 다음 Build Scheme을 "Release"로 변경합니다.
    'Product' > 'Scheme' > 'Edit Scheme' > 'Run'에서
    Build Configuration을 "Release"로 변경하십시오.
  • 오프라인 번들을 만듭니다.
    평상시 simulator로 디버그하고 있을 때는 PC상에서 JavaScript를 실행하는 서버를 시작하고 있습니다만,
    앱을 출시하는 경우(이번과 같이 Appetize에 소스 코드를 보내는 경우에도) 앱 자체에 js 소스 코드를 포함해야 합니다.
    다음 명령으로 jsbundle을 만듭니다.
  • 앱이 참조하는 JavaScript 코드를 오프라인 번들로 변경합니다.
    ios/[앱 이름]/AppDelegate.m을 편집기에서 열고 아래와 같이 언코멘트/추기합니다.
  • // jsCodeLocation = [[RCTBundleURLProvider sharedSettings]jsBundleURLForBundleRoot:@"index.ios" fallbackResource:nil];
    jsCodeLocation = [[NSBundle mainBundle] URLForResource:@"main" withExtension:@"jsbundle"];
    
  • 다시 Xcode로 돌아가서 Product > Clean한 다음 Product > Build를 실행합니다.
  • 빌드한 .app 폴더를 zip화하고 Appetize에 업로드합니다.
    [앱 이름].app은
    [홈]/Library/Xcode/DerivedData/[앱 이름(+알파벳 문자열?)]/Build/Products/Release-iphonesimulator/[앱 이름].app
    에 있습니다.



  • 요약



    이상, React-Native 앱을 Appetize에 공개하기까지의 절차였습니다.
    지적이 있으면 꼭 부탁드리겠습니다.

    좋은 웹페이지 즐겨찾기