Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

4bf9f85356f5a7c959b73f19f4c0df37?s=47 masarufuruya
July 14, 2017
0
1k

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

4bf9f85356f5a7c959b73f19f4c0df37?s=128

masarufuruya

July 14, 2017
Tweet

More Decks by masarufuruya

See All by masarufuruya
未経験からデータエンジニアに チャレンジして学んだ大切なこと
4bf9f85356f5a7c959b73f19f4c0df37?s=48 masarufuruya
0
10
ドラッカー風エクササイズを導入して エンジニアチームの相互理解を促進した話
4bf9f85356f5a7c959b73f19f4c0df37?s=48 masarufuruya
0
250
ReactNativeで勉強会のビューワーアプリを作ってみて学んだ知見
4bf9f85356f5a7c959b73f19f4c0df37?s=48 masarufuruya
0
180
Watsonを使って音声入力できるVRブレストアプリを作っている話
4bf9f85356f5a7c959b73f19f4c0df37?s=48 masarufuruya
0
310
非SPAで小さく始めるReactアーキテクチャ
4bf9f85356f5a7c959b73f19f4c0df37?s=48 masarufuruya
1
1k
Web+スマホ+VRで一人ブレストアプリを作ってみた
4bf9f85356f5a7c959b73f19f4c0df37?s=48 masarufuruya
0
140

Featured

See All Featured
The Art of Programming - Codeland 2020
719435d98d452de7ac367c828266cf01?s=48 erikaheidi
31
5.8k
Designing Experiences People Love
1b75d89772b7eea1f6c89fbf362607d9?s=48 moore
130
22k
JavaScript: Past, Present, and Future - NDC Porto 2020
3ab1249be442027903e1180025340b3f?s=48 reverentgeek
37
3.2k
Building Your Own Lightsaber
Fe6b81005d1553accd6b2a28f6a2bef1?s=48 phodgson
94
4.6k
Fashionably flexible responsive web design (full day workshop)
433acaea1012b25d97ae66da9b998dad?s=48 malarkey
396
62k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
95d9f37115fbb0d13135d0f77132f856?s=48 morganepeng
103
16k
Robots, Beer and Maslow
9375a9529679f1b42b567a640d775e7d?s=48 schacon
152
7.1k
Making Projects Easy
C4de88ea47538e4594750e3861a341c8?s=48 brettharned
98
4.3k
Web Components: a chance to create the future
E190023b66e2b8aa73a842b106920c93?s=48 zenorocha
303
40k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
A9a491b0fcbe0fbce3d64063a37add99?s=48 rmw
19
1.4k
jQuery: Nuts, Bolts and Bling
9cde37f47e4a800ea081ea42de8d749a?s=48 dougneiner
56
6.4k
The Straight Up "How To Draw Better" Workshop
Aff5641764408271f7bc398f2097edd0?s=48 denniskardys
225
120k

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. ͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ