SlideShare una empresa de Scribd logo
1 de 44
Descargar para leer sin conexión
Copyright @ NIFTY Corporation All Rights ReservedCopyright @ NIFTY Corporation All Rights Reserved 1
ニフティ株式会社
Swiftアプリに
プッシュ通知を組み込もう!
~事前準備資料~
・プッシュ通知に必要な証明書の作り方
20160615更新
Copyright @ NIFTY Corporation All Rights Reserved
色見本3
準備するもの
•Mac OS X 10.10.5(Yosemite)以上
• Xcode Ver.7以上
Ver. 7.2.1で動作確認しています。
• iPhone
Xcodeのバージョンと対応するバージョンにする必要があります。
iPhone6(Ver. 8.2)で動作確認しています。
PC接続用にLightningケーブルが必要です。
• Apple Developer Programの登録(有償)
証明書取得の内容には必須となります。
※上記環境にとらわれず、いずれも最新バージョンをご用意いただくことをお勧めします。
※上記以下の環境では動作しない可能性があります。
2
Copyright @ NIFTY Corporation All Rights Reserved
色見本3
②開発用証明書(.cer)の作成
※初回利用時のみ作成します
⑤プロビショニング
プロファイルの作成
⑥APNs用証明書(.cer)の作成
⑦APNs用証明書(.p12)の作成
App ID
③AppIDの作成
・Bundle IDの登録
準備の流れと作成するもの
④端末の登録
・UUIDの登録
参照
書
き
出
し
に設定
①~⑦の順で
作業していきます
①CSRファイルの作成
※初回利用時のみ作成します
参照
参照
参
照参
照
3
Xcode
Copyright @ NIFTY Corporation All Rights Reserved
色見本3
作った証明書の管理は…
4
保存用フォルダをデスクトップに作っておきましょう
ここに保存して
いきます!
⑤プロビショニング
プロファイル
⑥APNs用証明書(.cer)
⑦APNs用証明書(.p12)
②開発ビルド用証明書
①CSRファイル
初回の場合のみ
はこちらもここに…
+
Copyright @ NIFTY Corporation All Rights ReservedCopyright @ NIFTY Corporation All Rights Reserved 5
①CSRファイルの作成
※初回利用時のみ作成してください
(既に作成済みの場合は新しく作成せず、
既存のものを使用するようにしてください)
Copyright @ NIFTY Corporation All Rights Reserved
色見本3
①CSRファイルの作成
6
キーチェーンアクセス「キーチェーンアクセス」を開いて、メニューバーの
「キーチェーンアクセス」>「証明書アシスタント」>をクリックします
まず
「ディスクに保存」
にチェックを入れる
アドレス
を入力
そのまま
無記入
チェック
する
「続きける」
をクリック
※初回利用時のみ(既に作成済みの場合は不要です)
Copyright @ NIFTY Corporation All Rights Reserved
色見本3
①CSRファイルの作成
7
「鍵ペア情報」を確認して
「続ける」をクリックし、
「設定結果」が出るので
「完了」をクリックします
デスクトップ
のフォルダに保存します
Desktopを指定フォルダに変更するか、
Desktopに保存してから移動します
※初回利用時のみ(既に作成済みの場合は不要です)
Copyright @ NIFTY Corporation All Rights ReservedCopyright @ NIFTY Corporation All Rights Reserved 8
②開発用証明書の作成
※初回利用時のみ作成してください
(既に作成済みの場合は新しく作成せず、
既存のものを使用するようにしてください)
Copyright @ NIFTY Corporation All Rights Reserved
色見本3
②開発用証明書の作成
9
Apple Developer Programのメンバーセンター
にログインします
「Certificates,
Identifiers & Profiles」
をクリック
Apple Developer Program
※初回利用時のみ(既に作成済みの場合は不要です)
どちらからでもOK
Copyright @ NIFTY Corporation All Rights Reserved
色見本3
②開発用証明書の作成
10
※初回利用時のみ(既に作成済みの場合は不要です)
「Certificates」>「All」>右上の「+」をクリックして、
「iOS App Development」にチェックをいれます
下の方にある
「Continue」
をクリック
Apple Developer Program
Copyright @ NIFTY Corporation All Rights Reserved
色見本3
「Choose File…」
をクリックしてCSRファイルを選択 「Continue」
をクリック
②開発用証明書の作成
11
※初回利用時のみ(既に作成済みの場合は不要です)
Apple Developer Program
Copyright @ NIFTY Corporation All Rights Reserved
色見本3
Apple Developer Program
Download
「Done」
をクリック
デスクトップ
のフォルダに保存します
②開発用証明書の作成
12
※初回利用時のみ(既に作成済みの場合は不要です)
iOS Development.cer
Copyright @ NIFTY Corporation All Rights ReservedCopyright @ NIFTY Corporation All Rights Reserved 13
③AppIDの作成
Copyright @ NIFTY Corporation All Rights Reserved
色見本3
どちらからでもOK
③AppIDの作成
14
Apple Developer Programのメンバーセンター
にログインします
「Certificates,
Identifiers & Profiles」
をクリック
Apple Developer Program
※②で起動済みの場合はとばします。
Copyright @ NIFTY Corporation All Rights Reserved
色見本3
③AppIDの作成
15
新しいAppIDを作ります
※既存のものを使う場合はこの手順は不要です
「Identigiers」
の「AppIDs」
をクリック
Apple Developer Program
Copyright @ NIFTY Corporation All Rights Reserved
色見本3
「+」
をクリック
Apple Developer Program
③AppIDの作成
16
Copyright @ NIFTY Corporation All Rights Reserved
色見本3
③AppIDの作成
17
App ID Descriptionに
アプリの概要を入力します
Apple Developer Program
アプリと同じ名前にしておきます
「SwiftPushApp」と入力します
Copyright @ NIFTY Corporation All Rights Reserved
色見本3
画面を↓にスクロールします
Xcode
「Explicit App ID」
チェックを入れます
あとで使います
※控えておいて下さい!
Apple Developer Program
Bundle ID は…
③AppIDの作成
18
注意:WildcardAppIDでは
プッシュ通知を
送ることはできません!
「Bundle ID」
を入力します
Copyright @ NIFTY Corporation All Rights Reserved
色見本3
さらに画面を↓にスクロールします
「Continue」
をクリックします
Apple Developer Program
「Push Notifications」
にチェックを入れます
③AppIDの作成
19
忘れやすいので注意!
Copyright @ NIFTY Corporation All Rights Reserved
色見本3
「Push Notifications」が
Configurableになっている
ことを確認しましょう!
「Register」
をクリックします
Apple Developer Program
③AppIDの作成
20
Copyright @ NIFTY Corporation All Rights ReservedCopyright @ NIFTY Corporation All Rights Reserved 21
④端末の登録
Copyright @ NIFTY Corporation All Rights Reserved
色見本3
④端末の登録
22
Apple Developer Program左側の「Devices」>「All」をクリックします
「+」
をクリック
Copyright @ NIFTY Corporation All Rights Reserved
色見本3
④端末の登録
23
「Register Device」
にチェックを入れる
Apple Developer Program
Nameを入力
UDIDは…
Copyright @ NIFTY Corporation All Rights Reserved
色見本3
④端末の登録
24
iPhoneをMacに
USBで接続します
ダブルクリック
ここをコピーします
「Window」>
「Devices」
をクリックします
接続後、 を
立ち上げます
Xcode
Xcode
Copyright @ NIFTY Corporation All Rights Reserved
色見本3
④端末の登録
25
「Continue」
をクリックする
Xcode
Apple Developer Program
UDID:に貼り付け
Copyright @ NIFTY Corporation All Rights Reserved
色見本3
④端末の登録
26
確認
「Done」
をクリック
Apple Developer Program
「Register」
をクリックします
Copyright @ NIFTY Corporation All Rights Reserved
色見本3
④端末の登録
27
Apple Developer Program
一覧に登録された
ことを確認します
Copyright @ NIFTY Corporation All Rights ReservedCopyright @ NIFTY Corporation All Rights Reserved 28
⑤プロビショニング
プロファイルの作成
Copyright @ NIFTY Corporation All Rights Reserved
色見本3
⑤プロビショニングプロファイルの作成
29
Apple Developer Program左側の「Provisioning Profiles」>「All」
をクリックします
「+」
をクリック
Copyright @ NIFTY Corporation All Rights Reserved
色見本3
⑤プロビショニングプロファイルの作成
30
Apple Developer Program
「iOS App
Development」
をクリック
「AppID」
を選択する
AppIDの紐付け
Copyright @ NIFTY Corporation All Rights Reserved
色見本3
⑤プロビショニングプロファイルの作成
31
Apple Developer Program
端末の紐付け開発用証明書
の紐付け
「登録した端末」
を選択する
「開発用証明書」
を選択する
Copyright @ NIFTY Corporation All Rights Reserved
色見本3
⑤プロビショニングプロファイルの作成
32
Apple Developer Program
ファイルの名前を入力
紐付けの確認
「Continue」
をクリックする
Copyright @ NIFTY Corporation All Rights Reserved
色見本3
⑤プロビショニングプロファイルの作成
33
Apple Developer Program
Download
「Done」
をクリック
デスクトップ
のフォルダに保存します
※一度ダブルクリック
をしておきます!
Copyright @ NIFTY Corporation All Rights ReservedCopyright @ NIFTY Corporation All Rights Reserved 34
⑥APNs用証明書(.cer)の作成
Copyright @ NIFTY Corporation All Rights Reserved
色見本3
⑥APNs用証明書(.cer)の作成
35
Apple Developer Program左側の「Certificates」>「All」>右上の「+」を
クリックします
「Apple Push
Notification service
SSL (Sandbox)」
をクリック
下の方の
「Continue」
をクリック
Copyright @ NIFTY Corporation All Rights Reserved
色見本3
⑥APNs用証明書(.cer)の作成
36
「Continue」
をクリック
「AppID」
を選択する
Apple Developer Program
「Continue」
をクリック
Copyright @ NIFTY Corporation All Rights Reserved
色見本3
⑥APNs用証明書(.cer)の作成
37
「Choose File…」
をクリックしてCSRファイルを選択 「Continue」
をクリック
Apple Developer Program
Copyright @ NIFTY Corporation All Rights Reserved
色見本3
⑥APNs用証明書(.cer)の作成
38
Apple Developer Program
Download
「Done」
をクリック
デスクトップ
のフォルダに保存します
Copyright @ NIFTY Corporation All Rights ReservedCopyright @ NIFTY Corporation All Rights Reserved 39
⑦APNs用証明書(.p12)の作成
Copyright @ NIFTY Corporation All Rights Reserved
色見本3
⑦APNs用証明書(.p12)の作成
40
キーチェーンアクセス
作成した「APNs用証明書(.cer)」をダブルクリックで開きます
cerファイルには鍵がセットになっています
鍵ではなく
「証明書」
で右クリック
します
Copyright @ NIFTY Corporation All Rights Reserved
色見本3
⑦APNs用証明書(.p12)の作成
41
「”---”を書き出す…」
をクリック
注意:p.12形式で保存先を決めると、
パスワードを求められますが、
パスワードは入力しない
でOKを押してください。
キーチェーンアクセス
Copyright @ NIFTY Corporation All Rights Reserved
色見本3
⑦APNs用証明書(.p12)の作成
42
書き出し
デスクトップ
のフォルダに保存します
「パスワード」を
入力して「許可」
をクリック
キーチェーンアクセス
Copyright @ NIFTY Corporation All Rights Reserved
色見本3
デスクトップのフォルダーの中身
43
~準備編~ 完了!!
開発ビルド用証明書
CSRファイル
※初回利用の場合のみ
※初回利用の場合のみ
Copyright @ NIFTY Corporation All Rights Reserved
いよいよ
プッシュを組み込みます!
続きはセミナーで!

Más contenido relacionado

Destacado

Bachelor of technology (honors provisional certificate )
Bachelor of technology (honors provisional certificate )Bachelor of technology (honors provisional certificate )
Bachelor of technology (honors provisional certificate )Ahsan Khan
 
micro resume cover letter n res
micro resume cover letter n resmicro resume cover letter n res
micro resume cover letter n resVictoria Denk
 
Materiales e insumos_para_pcs2
Materiales e insumos_para_pcs2Materiales e insumos_para_pcs2
Materiales e insumos_para_pcs2Tatiana103
 
Charla uso nn.tt. y rr.ss. (padres)
Charla uso nn.tt. y rr.ss. (padres)Charla uso nn.tt. y rr.ss. (padres)
Charla uso nn.tt. y rr.ss. (padres)Pribatua
 
Herramientas del sistema
Herramientas del sistemaHerramientas del sistema
Herramientas del sistemak-julian
 
מבוא ל יבוא ימי - שי חיות COB סי או בי - משלח בינלאומי - שילוח ימי
מבוא ל יבוא ימי - שי חיות COB סי או בי - משלח בינלאומי - שילוח ימימבוא ל יבוא ימי - שי חיות COB סי או בי - משלח בינלאומי - שילוח ימי
מבוא ל יבוא ימי - שי חיות COB סי או בי - משלח בינלאומי - שילוח ימיShay Hayut
 
Organización territorial de España
Organización territorial de EspañaOrganización territorial de España
Organización territorial de EspañaAna Lumbreras Ramos
 
Flyer Geurbeleving
Flyer GeurbelevingFlyer Geurbeleving
Flyer GeurbelevingSteve Jacobs
 
Informatie fiche Hospitality & Events
Informatie fiche Hospitality & EventsInformatie fiche Hospitality & Events
Informatie fiche Hospitality & EventsSteve Jacobs
 
4.2.1 oxidos, anhidridos e hidruros contestado
4.2.1 oxidos, anhidridos e hidruros contestado4.2.1 oxidos, anhidridos e hidruros contestado
4.2.1 oxidos, anhidridos e hidruros contestadoJorge Arizpe Dodero
 
Land development daan mogot
Land development daan mogot  Land development daan mogot
Land development daan mogot B SUGANDI
 
Ecoturismo e Turismo de Aventura: planejamento 2017
Ecoturismo e Turismo de Aventura: planejamento 2017Ecoturismo e Turismo de Aventura: planejamento 2017
Ecoturismo e Turismo de Aventura: planejamento 2017Aristides Faria
 
Chaos 2017 India Quiz Prelims
Chaos 2017 India Quiz PrelimsChaos 2017 India Quiz Prelims
Chaos 2017 India Quiz PrelimsTauseef Warsi
 

Destacado (16)

Bachelor of technology (honors provisional certificate )
Bachelor of technology (honors provisional certificate )Bachelor of technology (honors provisional certificate )
Bachelor of technology (honors provisional certificate )
 
micro resume cover letter n res
micro resume cover letter n resmicro resume cover letter n res
micro resume cover letter n res
 
Materiales e insumos_para_pcs2
Materiales e insumos_para_pcs2Materiales e insumos_para_pcs2
Materiales e insumos_para_pcs2
 
Charla uso nn.tt. y rr.ss. (padres)
Charla uso nn.tt. y rr.ss. (padres)Charla uso nn.tt. y rr.ss. (padres)
Charla uso nn.tt. y rr.ss. (padres)
 
La pobreza diana
La  pobreza dianaLa  pobreza diana
La pobreza diana
 
Conertidores dc
Conertidores dcConertidores dc
Conertidores dc
 
Herramientas del sistema
Herramientas del sistemaHerramientas del sistema
Herramientas del sistema
 
מבוא ל יבוא ימי - שי חיות COB סי או בי - משלח בינלאומי - שילוח ימי
מבוא ל יבוא ימי - שי חיות COB סי או בי - משלח בינלאומי - שילוח ימימבוא ל יבוא ימי - שי חיות COB סי או בי - משלח בינלאומי - שילוח ימי
מבוא ל יבוא ימי - שי חיות COB סי או בי - משלח בינלאומי - שילוח ימי
 
Organización territorial de España
Organización territorial de EspañaOrganización territorial de España
Organización territorial de España
 
Flyer Geurbeleving
Flyer GeurbelevingFlyer Geurbeleving
Flyer Geurbeleving
 
Informatie fiche Hospitality & Events
Informatie fiche Hospitality & EventsInformatie fiche Hospitality & Events
Informatie fiche Hospitality & Events
 
4.2.1 oxidos, anhidridos e hidruros contestado
4.2.1 oxidos, anhidridos e hidruros contestado4.2.1 oxidos, anhidridos e hidruros contestado
4.2.1 oxidos, anhidridos e hidruros contestado
 
Land development daan mogot
Land development daan mogot  Land development daan mogot
Land development daan mogot
 
Ecoturismo e Turismo de Aventura: planejamento 2017
Ecoturismo e Turismo de Aventura: planejamento 2017Ecoturismo e Turismo de Aventura: planejamento 2017
Ecoturismo e Turismo de Aventura: planejamento 2017
 
Chaos 2017 India Quiz Prelims
Chaos 2017 India Quiz PrelimsChaos 2017 India Quiz Prelims
Chaos 2017 India Quiz Prelims
 
Participación de los asistentes
Participación de los asistentesParticipación de los asistentes
Participación de los asistentes
 

Similar a Swiftアプリにプッシュ通知を組み込もう!【事前準備編】

【社内LT】iPhoneアプリ開発のすすめ
【社内LT】iPhoneアプリ開発のすすめ【社内LT】iPhoneアプリ開発のすすめ
【社内LT】iPhoneアプリ開発のすすめVitalify.Inc
 
アプリ開発
アプリ開発アプリ開発
アプリ開発injus
 
【JavaScript SDK ver.2】MonacaとmBaaSでプッシュ通知を体験しよう(for Android & iOS)
【JavaScript SDK ver.2】MonacaとmBaaSでプッシュ通知を体験しよう(for Android & iOS)【JavaScript SDK ver.2】MonacaとmBaaSでプッシュ通知を体験しよう(for Android & iOS)
【JavaScript SDK ver.2】MonacaとmBaaSでプッシュ通知を体験しよう(for Android & iOS)natsumo
 
TECHJUMP勉強会_スマホアプリの作り方(導入編)
TECHJUMP勉強会_スマホアプリの作り方(導入編)TECHJUMP勉強会_スマホアプリの作り方(導入編)
TECHJUMP勉強会_スマホアプリの作り方(導入編)techjump
 
事前準備の手引書
事前準備の手引書事前準備の手引書
事前準備の手引書Makoto Oya
 
Creating the Future with Firefox OS
Creating the Future with Firefox OSCreating the Future with Firefox OS
Creating the Future with Firefox OSdynamis
 
クラウドコミュニケーションAPI Twilio&sakura.io体験ハンズオン 20180312
クラウドコミュニケーションAPI Twilio&sakura.io体験ハンズオン 20180312クラウドコミュニケーションAPI Twilio&sakura.io体験ハンズオン 20180312
クラウドコミュニケーションAPI Twilio&sakura.io体験ハンズオン 20180312さくらインターネット株式会社
 
Windows 8 Developers カンファレンス
Windows 8 Developers カンファレンスWindows 8 Developers カンファレンス
Windows 8 Developers カンファレンスKaoru NAKAMURA
 
みゆっき☆Think#3 「androidに触ってみるよ!」
みゆっき☆Think#3 「androidに触ってみるよ!」みゆっき☆Think#3 「androidに触ってみるよ!」
みゆっき☆Think#3 「androidに触ってみるよ!」techtalkdwango
 
Kadecot Application Examples
Kadecot Application ExamplesKadecot Application Examples
Kadecot Application Examplessonycsl
 
Kadecot概要
Kadecot概要Kadecot概要
Kadecot概要sonycsl
 
Azure App Service を使った無料のハンズオン
Azure App Service を使った無料のハンズオンAzure App Service を使った無料のハンズオン
Azure App Service を使った無料のハンズオンSunao Tomita
 
Android & Nui & Physical Computing
Android & Nui & Physical ComputingAndroid & Nui & Physical Computing
Android & Nui & Physical ComputingTakahiro KUREBAYASHI
 
Appc schoo 0219
Appc schoo 0219Appc schoo 0219
Appc schoo 0219caytosales
 
わんくま名古屋#36 (20150725) Windows 10 ユニバーサル Windows アプリ開発入門
わんくま名古屋#36 (20150725) Windows 10 ユニバーサル Windows アプリ開発入門わんくま名古屋#36 (20150725) Windows 10 ユニバーサル Windows アプリ開発入門
わんくま名古屋#36 (20150725) Windows 10 ユニバーサル Windows アプリ開発入門Yasuhiko Yamamoto
 
わんくま名古屋 #37 (20151114) Windows 10 UWP アプリ開発入門(実践編)
わんくま名古屋 #37 (20151114) Windows 10 UWP アプリ開発入門(実践編)わんくま名古屋 #37 (20151114) Windows 10 UWP アプリ開発入門(実践編)
わんくま名古屋 #37 (20151114) Windows 10 UWP アプリ開発入門(実践編)Yasuhiko Yamamoto
 
「TTNノードのセットアップハンズオン」
「TTNノードのセットアップハンズオン」「TTNノードのセットアップハンズオン」
「TTNノードのセットアップハンズオン」CRI Japan, Inc.
 
【B-1】スマートデバイスとクラウドが実現するソフトウェアの革新~上陸した Windows Phone7 と Kinect による AR世界の実現~ 西脇資哲氏
【B-1】スマートデバイスとクラウドが実現するソフトウェアの革新~上陸した Windows Phone7 と Kinect による AR世界の実現~ 西脇資哲氏【B-1】スマートデバイスとクラウドが実現するソフトウェアの革新~上陸した Windows Phone7 と Kinect による AR世界の実現~ 西脇資哲氏
【B-1】スマートデバイスとクラウドが実現するソフトウェアの革新~上陸した Windows Phone7 と Kinect による AR世界の実現~ 西脇資哲氏Developers Summit
 

Similar a Swiftアプリにプッシュ通知を組み込もう!【事前準備編】 (20)

【社内LT】iPhoneアプリ開発のすすめ
【社内LT】iPhoneアプリ開発のすすめ【社内LT】iPhoneアプリ開発のすすめ
【社内LT】iPhoneアプリ開発のすすめ
 
アプリ開発
アプリ開発アプリ開発
アプリ開発
 
【JavaScript SDK ver.2】MonacaとmBaaSでプッシュ通知を体験しよう(for Android & iOS)
【JavaScript SDK ver.2】MonacaとmBaaSでプッシュ通知を体験しよう(for Android & iOS)【JavaScript SDK ver.2】MonacaとmBaaSでプッシュ通知を体験しよう(for Android & iOS)
【JavaScript SDK ver.2】MonacaとmBaaSでプッシュ通知を体験しよう(for Android & iOS)
 
TECHJUMP勉強会_スマホアプリの作り方(導入編)
TECHJUMP勉強会_スマホアプリの作り方(導入編)TECHJUMP勉強会_スマホアプリの作り方(導入編)
TECHJUMP勉強会_スマホアプリの作り方(導入編)
 
事前準備の手引書
事前準備の手引書事前準備の手引書
事前準備の手引書
 
Creating the Future with Firefox OS
Creating the Future with Firefox OSCreating the Future with Firefox OS
Creating the Future with Firefox OS
 
Panovatty2
Panovatty2Panovatty2
Panovatty2
 
Android0422
Android0422Android0422
Android0422
 
クラウドコミュニケーションAPI Twilio&sakura.io体験ハンズオン 20180312
クラウドコミュニケーションAPI Twilio&sakura.io体験ハンズオン 20180312クラウドコミュニケーションAPI Twilio&sakura.io体験ハンズオン 20180312
クラウドコミュニケーションAPI Twilio&sakura.io体験ハンズオン 20180312
 
Windows 8 Developers カンファレンス
Windows 8 Developers カンファレンスWindows 8 Developers カンファレンス
Windows 8 Developers カンファレンス
 
みゆっき☆Think#3 「androidに触ってみるよ!」
みゆっき☆Think#3 「androidに触ってみるよ!」みゆっき☆Think#3 「androidに触ってみるよ!」
みゆっき☆Think#3 「androidに触ってみるよ!」
 
Kadecot Application Examples
Kadecot Application ExamplesKadecot Application Examples
Kadecot Application Examples
 
Kadecot概要
Kadecot概要Kadecot概要
Kadecot概要
 
Azure App Service を使った無料のハンズオン
Azure App Service を使った無料のハンズオンAzure App Service を使った無料のハンズオン
Azure App Service を使った無料のハンズオン
 
Android & Nui & Physical Computing
Android & Nui & Physical ComputingAndroid & Nui & Physical Computing
Android & Nui & Physical Computing
 
Appc schoo 0219
Appc schoo 0219Appc schoo 0219
Appc schoo 0219
 
わんくま名古屋#36 (20150725) Windows 10 ユニバーサル Windows アプリ開発入門
わんくま名古屋#36 (20150725) Windows 10 ユニバーサル Windows アプリ開発入門わんくま名古屋#36 (20150725) Windows 10 ユニバーサル Windows アプリ開発入門
わんくま名古屋#36 (20150725) Windows 10 ユニバーサル Windows アプリ開発入門
 
わんくま名古屋 #37 (20151114) Windows 10 UWP アプリ開発入門(実践編)
わんくま名古屋 #37 (20151114) Windows 10 UWP アプリ開発入門(実践編)わんくま名古屋 #37 (20151114) Windows 10 UWP アプリ開発入門(実践編)
わんくま名古屋 #37 (20151114) Windows 10 UWP アプリ開発入門(実践編)
 
「TTNノードのセットアップハンズオン」
「TTNノードのセットアップハンズオン」「TTNノードのセットアップハンズオン」
「TTNノードのセットアップハンズオン」
 
【B-1】スマートデバイスとクラウドが実現するソフトウェアの革新~上陸した Windows Phone7 と Kinect による AR世界の実現~ 西脇資哲氏
【B-1】スマートデバイスとクラウドが実現するソフトウェアの革新~上陸した Windows Phone7 と Kinect による AR世界の実現~ 西脇資哲氏【B-1】スマートデバイスとクラウドが実現するソフトウェアの革新~上陸した Windows Phone7 と Kinect による AR世界の実現~ 西脇資哲氏
【B-1】スマートデバイスとクラウドが実現するソフトウェアの革新~上陸した Windows Phone7 と Kinect による AR世界の実現~ 西脇資哲氏
 

Más de natsumo

【Swift】クーポン配信アプリを作ろう!
【Swift】クーポン配信アプリを作ろう!【Swift】クーポン配信アプリを作ろう!
【Swift】クーポン配信アプリを作ろう!natsumo
 
【資料】ハンズオンセミナー②プッシュ通知
【資料】ハンズオンセミナー②プッシュ通知【資料】ハンズオンセミナー②プッシュ通知
【資料】ハンズオンセミナー②プッシュ通知natsumo
 
【資料】ハンズオンセミナー①クイックスタート
【資料】ハンズオンセミナー①クイックスタート【資料】ハンズオンセミナー①クイックスタート
【資料】ハンズオンセミナー①クイックスタートnatsumo
 
【Swift】SDKの読み込みにuse framework!が使えない場合の対処方法
【Swift】SDKの読み込みにuse framework!が使えない場合の対処方法【Swift】SDKの読み込みにuse framework!が使えない場合の対処方法
【Swift】SDKの読み込みにuse framework!が使えない場合の対処方法natsumo
 
【IoT入門】スマホで加速度と位置情報を取得してクラウドに保存しよう!~ハンズオン資料②~
【IoT入門】スマホで加速度と位置情報を取得してクラウドに保存しよう!~ハンズオン資料②~【IoT入門】スマホで加速度と位置情報を取得してクラウドに保存しよう!~ハンズオン資料②~
【IoT入門】スマホで加速度と位置情報を取得してクラウドに保存しよう!~ハンズオン資料②~natsumo
 
【IoT入門】スマホで加速度と位置情報を取得してクラウドに保存しよう!~ハンズオン資料①~
【IoT入門】スマホで加速度と位置情報を取得してクラウドに保存しよう!~ハンズオン資料①~【IoT入門】スマホで加速度と位置情報を取得してクラウドに保存しよう!~ハンズオン資料①~
【IoT入門】スマホで加速度と位置情報を取得してクラウドに保存しよう!~ハンズオン資料①~natsumo
 
mBaaS登録の流れ
mBaaS登録の流れmBaaS登録の流れ
mBaaS登録の流れnatsumo
 

Más de natsumo (7)

【Swift】クーポン配信アプリを作ろう!
【Swift】クーポン配信アプリを作ろう!【Swift】クーポン配信アプリを作ろう!
【Swift】クーポン配信アプリを作ろう!
 
【資料】ハンズオンセミナー②プッシュ通知
【資料】ハンズオンセミナー②プッシュ通知【資料】ハンズオンセミナー②プッシュ通知
【資料】ハンズオンセミナー②プッシュ通知
 
【資料】ハンズオンセミナー①クイックスタート
【資料】ハンズオンセミナー①クイックスタート【資料】ハンズオンセミナー①クイックスタート
【資料】ハンズオンセミナー①クイックスタート
 
【Swift】SDKの読み込みにuse framework!が使えない場合の対処方法
【Swift】SDKの読み込みにuse framework!が使えない場合の対処方法【Swift】SDKの読み込みにuse framework!が使えない場合の対処方法
【Swift】SDKの読み込みにuse framework!が使えない場合の対処方法
 
【IoT入門】スマホで加速度と位置情報を取得してクラウドに保存しよう!~ハンズオン資料②~
【IoT入門】スマホで加速度と位置情報を取得してクラウドに保存しよう!~ハンズオン資料②~【IoT入門】スマホで加速度と位置情報を取得してクラウドに保存しよう!~ハンズオン資料②~
【IoT入門】スマホで加速度と位置情報を取得してクラウドに保存しよう!~ハンズオン資料②~
 
【IoT入門】スマホで加速度と位置情報を取得してクラウドに保存しよう!~ハンズオン資料①~
【IoT入門】スマホで加速度と位置情報を取得してクラウドに保存しよう!~ハンズオン資料①~【IoT入門】スマホで加速度と位置情報を取得してクラウドに保存しよう!~ハンズオン資料①~
【IoT入門】スマホで加速度と位置情報を取得してクラウドに保存しよう!~ハンズオン資料①~
 
mBaaS登録の流れ
mBaaS登録の流れmBaaS登録の流れ
mBaaS登録の流れ
 

Último

The_Five_Books_Overview_Presentation_2024
The_Five_Books_Overview_Presentation_2024The_Five_Books_Overview_Presentation_2024
The_Five_Books_Overview_Presentation_2024koheioishi1
 
ゲーム理論 BASIC 演習106 -価格の交渉ゲーム-#ゲーム理論 #gametheory #数学
ゲーム理論 BASIC 演習106 -価格の交渉ゲーム-#ゲーム理論 #gametheory #数学ゲーム理論 BASIC 演習106 -価格の交渉ゲーム-#ゲーム理論 #gametheory #数学
ゲーム理論 BASIC 演習106 -価格の交渉ゲーム-#ゲーム理論 #gametheory #数学ssusere0a682
 
UniProject Workshop Make a Discord Bot with JavaScript
UniProject Workshop Make a Discord Bot with JavaScriptUniProject Workshop Make a Discord Bot with JavaScript
UniProject Workshop Make a Discord Bot with JavaScriptyuitoakatsukijp
 
東京工業大学 環境・社会理工学院 建築学系 大学院入学入試・進学説明会2024_v2
東京工業大学 環境・社会理工学院 建築学系 大学院入学入試・進学説明会2024_v2東京工業大学 環境・社会理工学院 建築学系 大学院入学入試・進学説明会2024_v2
東京工業大学 環境・社会理工学院 建築学系 大学院入学入試・進学説明会2024_v2Tokyo Institute of Technology
 
TokyoTechGraduateExaminationPresentation
TokyoTechGraduateExaminationPresentationTokyoTechGraduateExaminationPresentation
TokyoTechGraduateExaminationPresentationYukiTerazawa
 
ゲーム理論 BASIC 演習105 -n人囚人のジレンマモデル- #ゲーム理論 #gametheory #数学
ゲーム理論 BASIC 演習105 -n人囚人のジレンマモデル- #ゲーム理論 #gametheory #数学ゲーム理論 BASIC 演習105 -n人囚人のジレンマモデル- #ゲーム理論 #gametheory #数学
ゲーム理論 BASIC 演習105 -n人囚人のジレンマモデル- #ゲーム理論 #gametheory #数学ssusere0a682
 

Último (6)

The_Five_Books_Overview_Presentation_2024
The_Five_Books_Overview_Presentation_2024The_Five_Books_Overview_Presentation_2024
The_Five_Books_Overview_Presentation_2024
 
ゲーム理論 BASIC 演習106 -価格の交渉ゲーム-#ゲーム理論 #gametheory #数学
ゲーム理論 BASIC 演習106 -価格の交渉ゲーム-#ゲーム理論 #gametheory #数学ゲーム理論 BASIC 演習106 -価格の交渉ゲーム-#ゲーム理論 #gametheory #数学
ゲーム理論 BASIC 演習106 -価格の交渉ゲーム-#ゲーム理論 #gametheory #数学
 
UniProject Workshop Make a Discord Bot with JavaScript
UniProject Workshop Make a Discord Bot with JavaScriptUniProject Workshop Make a Discord Bot with JavaScript
UniProject Workshop Make a Discord Bot with JavaScript
 
東京工業大学 環境・社会理工学院 建築学系 大学院入学入試・進学説明会2024_v2
東京工業大学 環境・社会理工学院 建築学系 大学院入学入試・進学説明会2024_v2東京工業大学 環境・社会理工学院 建築学系 大学院入学入試・進学説明会2024_v2
東京工業大学 環境・社会理工学院 建築学系 大学院入学入試・進学説明会2024_v2
 
TokyoTechGraduateExaminationPresentation
TokyoTechGraduateExaminationPresentationTokyoTechGraduateExaminationPresentation
TokyoTechGraduateExaminationPresentation
 
ゲーム理論 BASIC 演習105 -n人囚人のジレンマモデル- #ゲーム理論 #gametheory #数学
ゲーム理論 BASIC 演習105 -n人囚人のジレンマモデル- #ゲーム理論 #gametheory #数学ゲーム理論 BASIC 演習105 -n人囚人のジレンマモデル- #ゲーム理論 #gametheory #数学
ゲーム理論 BASIC 演習105 -n人囚人のジレンマモデル- #ゲーム理論 #gametheory #数学
 

Swiftアプリにプッシュ通知を組み込もう!【事前準備編】

  • 1. Copyright @ NIFTY Corporation All Rights ReservedCopyright @ NIFTY Corporation All Rights Reserved 1 ニフティ株式会社 Swiftアプリに プッシュ通知を組み込もう! ~事前準備資料~ ・プッシュ通知に必要な証明書の作り方 20160615更新
  • 2. Copyright @ NIFTY Corporation All Rights Reserved 色見本3 準備するもの •Mac OS X 10.10.5(Yosemite)以上 • Xcode Ver.7以上 Ver. 7.2.1で動作確認しています。 • iPhone Xcodeのバージョンと対応するバージョンにする必要があります。 iPhone6(Ver. 8.2)で動作確認しています。 PC接続用にLightningケーブルが必要です。 • Apple Developer Programの登録(有償) 証明書取得の内容には必須となります。 ※上記環境にとらわれず、いずれも最新バージョンをご用意いただくことをお勧めします。 ※上記以下の環境では動作しない可能性があります。 2
  • 3. Copyright @ NIFTY Corporation All Rights Reserved 色見本3 ②開発用証明書(.cer)の作成 ※初回利用時のみ作成します ⑤プロビショニング プロファイルの作成 ⑥APNs用証明書(.cer)の作成 ⑦APNs用証明書(.p12)の作成 App ID ③AppIDの作成 ・Bundle IDの登録 準備の流れと作成するもの ④端末の登録 ・UUIDの登録 参照 書 き 出 し に設定 ①~⑦の順で 作業していきます ①CSRファイルの作成 ※初回利用時のみ作成します 参照 参照 参 照参 照 3 Xcode
  • 4. Copyright @ NIFTY Corporation All Rights Reserved 色見本3 作った証明書の管理は… 4 保存用フォルダをデスクトップに作っておきましょう ここに保存して いきます! ⑤プロビショニング プロファイル ⑥APNs用証明書(.cer) ⑦APNs用証明書(.p12) ②開発ビルド用証明書 ①CSRファイル 初回の場合のみ はこちらもここに… +
  • 5. Copyright @ NIFTY Corporation All Rights ReservedCopyright @ NIFTY Corporation All Rights Reserved 5 ①CSRファイルの作成 ※初回利用時のみ作成してください (既に作成済みの場合は新しく作成せず、 既存のものを使用するようにしてください)
  • 6. Copyright @ NIFTY Corporation All Rights Reserved 色見本3 ①CSRファイルの作成 6 キーチェーンアクセス「キーチェーンアクセス」を開いて、メニューバーの 「キーチェーンアクセス」>「証明書アシスタント」>をクリックします まず 「ディスクに保存」 にチェックを入れる アドレス を入力 そのまま 無記入 チェック する 「続きける」 をクリック ※初回利用時のみ(既に作成済みの場合は不要です)
  • 7. Copyright @ NIFTY Corporation All Rights Reserved 色見本3 ①CSRファイルの作成 7 「鍵ペア情報」を確認して 「続ける」をクリックし、 「設定結果」が出るので 「完了」をクリックします デスクトップ のフォルダに保存します Desktopを指定フォルダに変更するか、 Desktopに保存してから移動します ※初回利用時のみ(既に作成済みの場合は不要です)
  • 8. Copyright @ NIFTY Corporation All Rights ReservedCopyright @ NIFTY Corporation All Rights Reserved 8 ②開発用証明書の作成 ※初回利用時のみ作成してください (既に作成済みの場合は新しく作成せず、 既存のものを使用するようにしてください)
  • 9. Copyright @ NIFTY Corporation All Rights Reserved 色見本3 ②開発用証明書の作成 9 Apple Developer Programのメンバーセンター にログインします 「Certificates, Identifiers & Profiles」 をクリック Apple Developer Program ※初回利用時のみ(既に作成済みの場合は不要です) どちらからでもOK
  • 10. Copyright @ NIFTY Corporation All Rights Reserved 色見本3 ②開発用証明書の作成 10 ※初回利用時のみ(既に作成済みの場合は不要です) 「Certificates」>「All」>右上の「+」をクリックして、 「iOS App Development」にチェックをいれます 下の方にある 「Continue」 をクリック Apple Developer Program
  • 11. Copyright @ NIFTY Corporation All Rights Reserved 色見本3 「Choose File…」 をクリックしてCSRファイルを選択 「Continue」 をクリック ②開発用証明書の作成 11 ※初回利用時のみ(既に作成済みの場合は不要です) Apple Developer Program
  • 12. Copyright @ NIFTY Corporation All Rights Reserved 色見本3 Apple Developer Program Download 「Done」 をクリック デスクトップ のフォルダに保存します ②開発用証明書の作成 12 ※初回利用時のみ(既に作成済みの場合は不要です) iOS Development.cer
  • 13. Copyright @ NIFTY Corporation All Rights ReservedCopyright @ NIFTY Corporation All Rights Reserved 13 ③AppIDの作成
  • 14. Copyright @ NIFTY Corporation All Rights Reserved 色見本3 どちらからでもOK ③AppIDの作成 14 Apple Developer Programのメンバーセンター にログインします 「Certificates, Identifiers & Profiles」 をクリック Apple Developer Program ※②で起動済みの場合はとばします。
  • 15. Copyright @ NIFTY Corporation All Rights Reserved 色見本3 ③AppIDの作成 15 新しいAppIDを作ります ※既存のものを使う場合はこの手順は不要です 「Identigiers」 の「AppIDs」 をクリック Apple Developer Program
  • 16. Copyright @ NIFTY Corporation All Rights Reserved 色見本3 「+」 をクリック Apple Developer Program ③AppIDの作成 16
  • 17. Copyright @ NIFTY Corporation All Rights Reserved 色見本3 ③AppIDの作成 17 App ID Descriptionに アプリの概要を入力します Apple Developer Program アプリと同じ名前にしておきます 「SwiftPushApp」と入力します
  • 18. Copyright @ NIFTY Corporation All Rights Reserved 色見本3 画面を↓にスクロールします Xcode 「Explicit App ID」 チェックを入れます あとで使います ※控えておいて下さい! Apple Developer Program Bundle ID は… ③AppIDの作成 18 注意:WildcardAppIDでは プッシュ通知を 送ることはできません! 「Bundle ID」 を入力します
  • 19. Copyright @ NIFTY Corporation All Rights Reserved 色見本3 さらに画面を↓にスクロールします 「Continue」 をクリックします Apple Developer Program 「Push Notifications」 にチェックを入れます ③AppIDの作成 19 忘れやすいので注意!
  • 20. Copyright @ NIFTY Corporation All Rights Reserved 色見本3 「Push Notifications」が Configurableになっている ことを確認しましょう! 「Register」 をクリックします Apple Developer Program ③AppIDの作成 20
  • 21. Copyright @ NIFTY Corporation All Rights ReservedCopyright @ NIFTY Corporation All Rights Reserved 21 ④端末の登録
  • 22. Copyright @ NIFTY Corporation All Rights Reserved 色見本3 ④端末の登録 22 Apple Developer Program左側の「Devices」>「All」をクリックします 「+」 をクリック
  • 23. Copyright @ NIFTY Corporation All Rights Reserved 色見本3 ④端末の登録 23 「Register Device」 にチェックを入れる Apple Developer Program Nameを入力 UDIDは…
  • 24. Copyright @ NIFTY Corporation All Rights Reserved 色見本3 ④端末の登録 24 iPhoneをMacに USBで接続します ダブルクリック ここをコピーします 「Window」> 「Devices」 をクリックします 接続後、 を 立ち上げます Xcode Xcode
  • 25. Copyright @ NIFTY Corporation All Rights Reserved 色見本3 ④端末の登録 25 「Continue」 をクリックする Xcode Apple Developer Program UDID:に貼り付け
  • 26. Copyright @ NIFTY Corporation All Rights Reserved 色見本3 ④端末の登録 26 確認 「Done」 をクリック Apple Developer Program 「Register」 をクリックします
  • 27. Copyright @ NIFTY Corporation All Rights Reserved 色見本3 ④端末の登録 27 Apple Developer Program 一覧に登録された ことを確認します
  • 28. Copyright @ NIFTY Corporation All Rights ReservedCopyright @ NIFTY Corporation All Rights Reserved 28 ⑤プロビショニング プロファイルの作成
  • 29. Copyright @ NIFTY Corporation All Rights Reserved 色見本3 ⑤プロビショニングプロファイルの作成 29 Apple Developer Program左側の「Provisioning Profiles」>「All」 をクリックします 「+」 をクリック
  • 30. Copyright @ NIFTY Corporation All Rights Reserved 色見本3 ⑤プロビショニングプロファイルの作成 30 Apple Developer Program 「iOS App Development」 をクリック 「AppID」 を選択する AppIDの紐付け
  • 31. Copyright @ NIFTY Corporation All Rights Reserved 色見本3 ⑤プロビショニングプロファイルの作成 31 Apple Developer Program 端末の紐付け開発用証明書 の紐付け 「登録した端末」 を選択する 「開発用証明書」 を選択する
  • 32. Copyright @ NIFTY Corporation All Rights Reserved 色見本3 ⑤プロビショニングプロファイルの作成 32 Apple Developer Program ファイルの名前を入力 紐付けの確認 「Continue」 をクリックする
  • 33. Copyright @ NIFTY Corporation All Rights Reserved 色見本3 ⑤プロビショニングプロファイルの作成 33 Apple Developer Program Download 「Done」 をクリック デスクトップ のフォルダに保存します ※一度ダブルクリック をしておきます!
  • 34. Copyright @ NIFTY Corporation All Rights ReservedCopyright @ NIFTY Corporation All Rights Reserved 34 ⑥APNs用証明書(.cer)の作成
  • 35. Copyright @ NIFTY Corporation All Rights Reserved 色見本3 ⑥APNs用証明書(.cer)の作成 35 Apple Developer Program左側の「Certificates」>「All」>右上の「+」を クリックします 「Apple Push Notification service SSL (Sandbox)」 をクリック 下の方の 「Continue」 をクリック
  • 36. Copyright @ NIFTY Corporation All Rights Reserved 色見本3 ⑥APNs用証明書(.cer)の作成 36 「Continue」 をクリック 「AppID」 を選択する Apple Developer Program 「Continue」 をクリック
  • 37. Copyright @ NIFTY Corporation All Rights Reserved 色見本3 ⑥APNs用証明書(.cer)の作成 37 「Choose File…」 をクリックしてCSRファイルを選択 「Continue」 をクリック Apple Developer Program
  • 38. Copyright @ NIFTY Corporation All Rights Reserved 色見本3 ⑥APNs用証明書(.cer)の作成 38 Apple Developer Program Download 「Done」 をクリック デスクトップ のフォルダに保存します
  • 39. Copyright @ NIFTY Corporation All Rights ReservedCopyright @ NIFTY Corporation All Rights Reserved 39 ⑦APNs用証明書(.p12)の作成
  • 40. Copyright @ NIFTY Corporation All Rights Reserved 色見本3 ⑦APNs用証明書(.p12)の作成 40 キーチェーンアクセス 作成した「APNs用証明書(.cer)」をダブルクリックで開きます cerファイルには鍵がセットになっています 鍵ではなく 「証明書」 で右クリック します
  • 41. Copyright @ NIFTY Corporation All Rights Reserved 色見本3 ⑦APNs用証明書(.p12)の作成 41 「”---”を書き出す…」 をクリック 注意:p.12形式で保存先を決めると、 パスワードを求められますが、 パスワードは入力しない でOKを押してください。 キーチェーンアクセス
  • 42. Copyright @ NIFTY Corporation All Rights Reserved 色見本3 ⑦APNs用証明書(.p12)の作成 42 書き出し デスクトップ のフォルダに保存します 「パスワード」を 入力して「許可」 をクリック キーチェーンアクセス
  • 43. Copyright @ NIFTY Corporation All Rights Reserved 色見本3 デスクトップのフォルダーの中身 43 ~準備編~ 完了!! 開発ビルド用証明書 CSRファイル ※初回利用の場合のみ ※初回利用の場合のみ
  • 44. Copyright @ NIFTY Corporation All Rights Reserved いよいよ プッシュを組み込みます! 続きはセミナーで!