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.7k
SQL利用者を3倍に増やしデータの民主化を推進した話.pdf
masarufuruya
0
850
BigQuery Scriptingを利用してCloudSQLのテーブルを転送する仕組みを作った話
masarufuruya
0
56
未経験からデータエンジニアに チャレンジして学んだ大切なこと
masarufuruya
0
750
ドラッカー風エクササイズを導入して エンジニアチームの相互理解を促進した話
masarufuruya
1
1.4k
ReactNativeで勉強会のビューワーアプリを作ってみて学んだ知見
masarufuruya
0
390
Watsonを使って音声入力できるVRブレストアプリを作っている話
masarufuruya
0
500
非SPAで小さく始めるReactアーキテクチャ
masarufuruya
1
1.4k
Web+スマホ+VRで一人ブレストアプリを作ってみた
masarufuruya
0
270
Featured
See All Featured
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
StorybookのUI Testing Handbookを読んだ
zakiyama
31
6.2k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
249
1.3M
A Modern Web Designer's Workflow
chriscoyier
697
190k
Side Projects
sachag
455
43k
Raft: Consensus for Rubyists
vanstee
140
7.2k
The Invisible Side of Design
smashingmag
302
51k
Designing for humans not robots
tammielis
254
26k
Balancing Empowerment & Direction
lara
5
700
It's Worth the Effort
3n
187
28k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
508
140k
Music & Morning Musume
bryan
46
6.9k
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Ͱॻ͚Δͷͤ ࠓճτϥΠͯ͠Έͯͷॴײ
͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ