ReactNativeでIOSアプリのプッシュ通知を実装する

Transcript

1. ReactNativeͰ IOSΞϓϦͷϓογϡ௨஌Λ࣮૷͢Δ

2. ݹՈ େ ; Δ ΍ ·͞Δ ࣗݾ঺հ ϑϦʔϥϯεΤϯδχΞ ͓࢓ࣄ ReactͷϑϩϯτΤϯυ։ൃ͕ଟΊ

   ࠷ۙ͸React Native΍VRΛֶशத झຯ

3. ʮࠓ೔ͷςʔϚʯ ReactNativeͰ IOSΞϓϦͷϓογϡ௨஌Λ࣮૷͢Δ

4. ϓογϡ௨஌ͷ֓ཁ • Apple Push Notification Service (APNs) • Firebase Cloud

   Messaging (FCM)

5. ϓογϡ௨஌ͷ֓ཁ • Apple Push Notification Service (APNs) • Firebase Cloud

   Messaging (FCM) IOS/Android྆ରԠͰ͖ΔFCMΛ࢖͏

6. ϓογϡ௨஌ͷ֓ཁ FCM ࣗલαʔόʔ or Sass ᶃ σόΠετʔΫϯͷऔಘ

7. ϓογϡ௨஌ͷ֓ཁ FCM ࣗલαʔόʔ or Sass ᶄ σόΠετʔΫϯͷొ࿥

8. ϓογϡ௨஌ͷ֓ཁ FCM ࣗલαʔόʔ or Sass ᶅ Πϕϯτͷൃੜ ᶆ ϓογϡͷཁٻ

9. ϓογϡ௨஌ͷ֓ཁ FCM ࣗલαʔόʔ or Sass ᶇ ϓογϡ௨஌ (ϝοηʔδ)

10. ϓογϡ௨஌ͷ֓ཁ ࣗલαʔόʔ or Sass ReactNative ࠓճͷ࿩͸͜͜ͷ෦෼ FCM

11. FCM͔Β௨஌Λड͚औΔ·Ͱͷखॱ 1. ReactNativeϓϩδΣΫτͷ࡞੒ 2. FCMͷ։ൃ؀ڥηοτΞοϓ 3. react-native-fcmͷηοτΞοϓ 4. ௨஌༻ͷReactίϯϙʔωϯτ࣮૷

12. ReactNativeϓϩδΣΫτͷ࡞੒ • react-native init IOSNotification • react-native run-ios ※ىಈ·Ͱ݁ߏ͔͔࣌ؒΔͷͰؾ௕ʹ଴ͪ·͠ΐ͏

13. • XCodeͷBundle Identifier ΛόϯυϧIDཝʹೖྗ FCMͷ։ൃ؀ڥηοτΞοϓ • ReactNativeΞϓϦͱFCM ͕͜ΕͰඥͮ͘

14. FCMͷ։ൃ؀ڥηοτΞοϓ • CocoaPodsΛ࢖͏ • pod ‘Firebase/Messaging’ FCM㲗IOSؒͷ௨৴Λ Մೳʹ͢ΔϥΠϒϥϦ

15. react-native-fcmͷηοτΞοϓ • yarn add react-native-fcm • react-native link react-native-fcm IOS

    FCM React IOSͰड͚औͬͨFCMͷ௨஌ΛReactʹ౉ͨ͢ΊͷϥΠϒϥϦ link!

16. react-native-fcmͷηοτΞοϓ • ެࣜHPΛࢀߟʹAppDelegateϑΝΠϧͷमਖ਼ • RCTBundleURLProvider.h not found౳ ͷΤϥʔ͕୔ࢁग़Δ͕ແࢹͯ͠ਐΜͰOK

17. ௨஌༻ͷReactίϯϙʔωϯτ࣮૷ • FCM.requestPermissions • Ϣʔβʔ΁ͷ௨஌ڐՄϦΫΤετ

18. • Objective-C΍Xcodeͷ஌͕ࣝແ͍ͱਏ͍ • ࣮ػϏϧυ͕ࣦഊ͠·ͬͯ͘ਏ͍ • ࣮ػͰṖͷΫϥογϡ͕සൃͯ͠ਏ͍ • Ͱ΋ɺUIपΓΛReactͰॻ͚Δͷ͸޾ͤ ࠓճτϥΠͯ͠Έͯͷॴײ

19. ͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ