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
830
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
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.4k
Into the Great Unknown - MozCon
thekraken
40
1.9k
Code Reviewing Like a Champion
maltzj
524
40k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
32
2.4k
Agile that works and the tools we love
rasmusluckow
329
21k
GraphQLの誤解/rethinking-graphql
sonatard
71
11k
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
The Power of CSS Pseudo Elements
geoffreycrofte
77
5.9k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.7k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.8k
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Ͱॻ͚Δͷͤ ࠓճτϥΠͯ͠Έͯͷॴײ
͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ