Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
ReactNativeでIOSアプリのプッシュ通知を実装する
Search
masarufuruya
July 14, 2017
0
1.3k
ReactNativeでIOSアプリのプッシュ通知を実装する
masarufuruya
July 14, 2017
Tweet
Share
More Decks by masarufuruya
See All by masarufuruya
DevOpsに投資するリソースの無いスタートアップがふりかえりを改革して自己組織化されたチームへ近づいてる話
masarufuruya
1
1.6k
SQL利用者を3倍に増やしデータの民主化を推進した話.pdf
masarufuruya
0
840
BigQuery Scriptingを利用してCloudSQLのテーブルを転送する仕組みを作った話
masarufuruya
0
56
未経験からデータエンジニアに チャレンジして学んだ大切なこと
masarufuruya
0
750
ドラッカー風エクササイズを導入して エンジニアチームの相互理解を促進した話
masarufuruya
1
1.4k
ReactNativeで勉強会のビューワーアプリを作ってみて学んだ知見
masarufuruya
0
390
Watsonを使って音声入力できるVRブレストアプリを作っている話
masarufuruya
0
490
非SPAで小さく始めるReactアーキテクチャ
masarufuruya
1
1.4k
Web+スマホ+VRで一人ブレストアプリを作ってみた
masarufuruya
0
270
Featured
See All Featured
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
31
2.2k
Being A Developer After 40
akosma
90
590k
The Invisible Side of Design
smashingmag
301
51k
4 Signs Your Business is Dying
shpigford
184
22k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
6k
Making Projects Easy
brettharned
117
6.4k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
358
30k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
46
7.6k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
18
1.1k
Build your cross-platform service in a week with App Engine
jlugia
231
18k
Transcript
ReactNativeͰ IOSΞϓϦͷϓογϡ௨Λ࣮͢Δ
ݹՈ େ ; Δ ·͞Δ ࣗݾհ ϑϦʔϥϯεΤϯδχΞ ͓ࣄ ReactͷϑϩϯτΤϯυ։ൃ͕ଟΊ
࠷ۙReact NativeVRΛֶशத झຯ
ʮࠓͷςʔϚʯ ReactNativeͰ IOSΞϓϦͷϓογϡ௨Λ࣮͢Δ
ϓογϡ௨ͷ֓ཁ • Apple Push Notification Service (APNs) • Firebase Cloud
Messaging (FCM)
ϓογϡ௨ͷ֓ཁ • Apple Push Notification Service (APNs) • Firebase Cloud
Messaging (FCM) IOS/Android྆ରԠͰ͖ΔFCMΛ͏
ϓογϡ௨ͷ֓ཁ FCM ࣗલαʔόʔ or Sass ᶃ σόΠετʔΫϯͷऔಘ
ϓογϡ௨ͷ֓ཁ FCM ࣗલαʔόʔ or Sass ᶄ σόΠετʔΫϯͷొ
ϓογϡ௨ͷ֓ཁ FCM ࣗલαʔόʔ or Sass ᶅ Πϕϯτͷൃੜ ᶆ ϓογϡͷཁٻ
ϓογϡ௨ͷ֓ཁ FCM ࣗલαʔόʔ or Sass ᶇ ϓογϡ௨ (ϝοηʔδ)
ϓογϡ௨ͷ֓ཁ ࣗલαʔόʔ or Sass ReactNative ࠓճͷ͜͜ͷ෦ FCM
FCM͔Β௨Λड͚औΔ·Ͱͷखॱ 1. ReactNativeϓϩδΣΫτͷ࡞ 2. FCMͷ։ൃڥηοτΞοϓ 3. react-native-fcmͷηοτΞοϓ 4. ௨༻ͷReactίϯϙʔωϯτ࣮
ReactNativeϓϩδΣΫτͷ࡞ • react-native init IOSNotification • react-native run-ios ※ىಈ·Ͱ݁ߏ͔͔࣌ؒΔͷͰؾʹͪ·͠ΐ͏
• XCodeͷBundle Identifier ΛόϯυϧIDཝʹೖྗ FCMͷ։ൃڥηοτΞοϓ • ReactNativeΞϓϦͱFCM ͕͜ΕͰඥͮ͘
FCMͷ։ൃڥηοτΞοϓ • CocoaPodsΛ͏ • pod ‘Firebase/Messaging’ FCM㲗IOSؒͷ௨৴Λ Մೳʹ͢ΔϥΠϒϥϦ
react-native-fcmͷηοτΞοϓ • yarn add react-native-fcm • react-native link react-native-fcm IOS
FCM React IOSͰड͚औͬͨFCMͷ௨ΛReactʹͨ͢ΊͷϥΠϒϥϦ link!
react-native-fcmͷηοτΞοϓ • ެࣜHPΛࢀߟʹAppDelegateϑΝΠϧͷमਖ਼ • RCTBundleURLProvider.h not found ͷΤϥʔ͕ࢁग़Δ͕ແࢹͯ͠ਐΜͰOK
௨༻ͷReactίϯϙʔωϯτ࣮ • FCM.requestPermissions • Ϣʔβʔͷ௨ڐՄϦΫΤετ
• Objective-CXcodeͷ͕ࣝແ͍ͱਏ͍ • ࣮ػϏϧυ͕ࣦഊ͠·ͬͯ͘ਏ͍ • ࣮ػͰṖͷΫϥογϡ͕සൃͯ͠ਏ͍ • ͰɺUIपΓΛReactͰॻ͚Δͷͤ ࠓճτϥΠͯ͠Έͯͷॴײ
͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ