per-env-build.pdf

Transcript

1. React NativeΞϓϦΛ
   ຊ൪؀ڥ༻/εςʔδϯά؀ڥ༻ʹ
   Ϗϧυ͢Δ
   2019/07/30
   Bitrise User Group Meetup #1
   @nacam403
   

   View Slide

2. ࣗݾ঺հ
   @nacam403
   (S.Nakamura)
   גࣜձࣾCureAppͷ
   ΤϯδχΞͰ͢
   JavaScript, TypeScript,

   React, React Native, Node.js,
   MongoDB, AWSͳͲ
   

   View Slide

3. ຊ൪؀ڥ༻/εςʔδϯά؀ڥ༻ʹϏϧυ͍ͨ͠
   • ΞϓϦIDΛผʑʹͯ͠ɺ

   Ұ୆ͷ୺຤΁ಉ࣌ʹΠϯετʔϧͰ͖Δͱศར
   • ΞϓϦ໊΋ผʑʹͯ͠ɺݟ෼͚΍͘͢
   

   View Slide

4. ·ͣ͸BitriseҎલͷઃఆ
   • Android / iOS ͦΕͧΕͷϏϧυઃఆΛ࡞Δ
   • ௕͍࿩ʹͳΔͷͰɺ͞Βͬͱ
   

   View Slide

5. AndroidͷઃఆΛॻ͘
   • android/app/build.gradle ͷ buildTypes ʹ௥ه͠ɺ

   εςʔδϯά༻ͷΞϓϦIDΛઃఆ͢Δɻ
   • android/app/src/staging/res/values/strings.xml Λ࡞Γɺ

   εςʔδϯά༻ͷΞϓϦ໊Λઃఆ͢Δɻ
   

   View Slide

6. • ʮBuild ConfigurationsʯΛ؀ڥ͝ͱʹ༻ҙ͠ɺ

   ConfigurationsຖʹɺΞϓϦID (Product Build Identifier)΍

   ΞϓϦ໊ (Bundle Display Name)Λઃఆ͢Δɻ
   • ʮεΩʔϜʯΛ؀ڥ͝ͱʹ༻ҙ͠ɺ

   ʮ͜ͷεΩʔϜͰ͸͜ͷConfigurationsΛ࢖͏ʯͱઃఆ͢Δɻ
   XcodeͷઃఆΛ͍͡Δ
   

   View Slide

7. ৄ͘͠͸ɺͪ͜Β͕ͱͯ΋ࢀߟʹͳΓ·͢
   React Native Android Ͱ development / staging / production Λڞଘͤ͞Δ
   @janus_wel͞Μ
   https://qiita.com/janus_wel/items/334e7b8d0c1f2853d8de
   React Native Xcode ϓϩδΣΫτʹ staging/production Ϗϧυ༻ઃఆΛ௥Ճ͢Δ
   @janus_wel͞Μ
   https://qiita.com/janus_wel/items/9e7fb32df58614280c48
   React NativeΞϓϦΛϦϦʔε͠ଓ͚ΔͨΊʹɺ࠷ॳʹߦ͏8ͭͷऔΓ૊Έ
   @Nkzn͞Μ
   https://www.slideshare.net/Nkzn/react-native8-80596018
   React NativeͷࢿྉͰ͕͢ɺେے͸ͲΜͳΞϓϦ΋ಉ͡ͳ͸ͣɻ
   

   View Slide

8. "OESPJE

   ͷϏϧυ
   ɹɹɹɹɹɹɹɹɹɹɹ͍ΖΜͳޙॲཧ
   ɹɹɹɹɹɹɹɹɹɹɹ͍ΖΜͳલॲཧ
   BitriseͷϫʔΫϑϩʔΛ༻ҙ͢Δ
   J04

   ͷϏϧυ
   

   View Slide

9. "OESPJE

   ͷϏϧυ
   ɹɹɹɹɹɹɹɹɹɹɹ͍ΖΜͳޙॲཧ
   ɹɹɹɹɹɹɹɹɹɹɹ͍ΖΜͳલॲཧ
   GradleλεΫ΍εΩʔϚ͸ɺ؀ڥม਺Λࢀরͤ͞Δ
   J04

   ͷϏϧυ
   

   View Slide

10. ϫʔΫϑϩʔ͝ͱͷ؀ڥม਺Λࢦఆ͢Δ
    Android iOS
    

    View Slide

11. ·ͱΊ
    • Android / iOS ͦΕͧΕͰɺ

    ؀ڥ͝ͱͷϏϧυઃఆΛ࡞Δɻ
    • BitriseͷϫʔΫϑϩʔΛ؀ڥ͝ͱʹ༻ҙ͢Δɻ

    GradleλεΫ໊ɺXcodeεΩʔϚ໊͸؀ڥม਺Λࢀরͤ͞ɺ
    ϫʔΫϑϩʔ͸ͳΔ΂͘ڞ௨Խ͢Δɻ
    • ϫʔΫϑϩʔ͝ͱʹࢦఆͰ͖Δ؀ڥม਺Λར༻͠ɺ

    ؀ڥ͝ͱͷҧ͍ʢλεΫ໊ͳͲʣΛٵऩ͢Δɻ
    

    View Slide