7. Copyright @ NIFTY Corporation All Rights Reserved
色見本3
プロジェクトが開きます
7
Monaca
8. Copyright @ NIFTY Corporation All Rights Reserved
色見本3
ここからは該当する作業を行います
8
初めて
Apple Developer Program
(有償)アカウントを
使用しますか?
CRSファイルと開発用証明書
は既に作成されていますか?
Monacaで作成した
秘密鍵とCSRを使って
開発用証明書.cerを作成して
ビルドする
既に作成されている
秘密鍵.p12と
開発用証明書.cerで
ビルドする
パターン
1
パターン
2
NO
NOYES YES
スライド16へスライド4へ
お持ちのPC
はMac
ですか?
YES
NO
Start
9. Copyright @ NIFTY Corporation All Rights ReservedCopyright @ NIFTY Corporation All Rights Reserved 9
Monacaで作成した
秘密鍵とCSRを使って
開発用証明書.cerを作成して
ビルドする
パターン
1
参考:https://docs.monaca.io/ja/manual/build/ios/build_ios/#step-1-configure-ios-app-in-monaca
10. Copyright @ NIFTY Corporation All Rights Reserved
色見本3
秘密鍵とCSRを作成する
10
「設定」>「iOSビルド設定...」をクリックして、iOSビルド設定を開きます
「秘密鍵とCSRの作成...」
をクリック
Monaca
11. Copyright @ NIFTY Corporation All Rights Reserved
色見本3
秘密鍵とCSRを作成する
11
Apple Developer Program
に登録したユーザー名と
アドレスを入力して
「秘密鍵とCSRを作成する」
をクリック
「OK」
をクリック
秘密鍵が設定
されたことを
確認 CSR
作成された
CSRはエクス
ポートして
移動して
おきましょう
Monaca
12. Copyright @ NIFTY Corporation All Rights Reserved
色見本3
開発用証明書.cerを作成する
12
Apple Developer Programのメンバーセンター
にログインします
「Certificates,
Identifiers & Profiles」
をクリック
Apple Developer Program
どちらからでもOK
https://developer.apple.com/account/
13. Copyright @ NIFTY Corporation All Rights Reserved
色見本3
開発用証明書.cerを作成する
13
「Certificates」>「All」>右上の「+」をクリックして、
「iOS App Development」にチェックをいれます
下の方にある
「Continue」
をクリック
Apple Developer Program
14. Copyright @ NIFTY Corporation All Rights Reserved
色見本3
「Choose File…」
をクリックして
先ほどMonacaで作成した
CSRファイルを選択
「Continue」
をクリック
開発用証明書.cerを作成する
14
Apple Developer Program
15. Copyright @ NIFTY Corporation All Rights Reserved
色見本3
Apple Developer Program
Download
「Done」
をクリック
開発用証明書.cerを作成する
15
作成した
証明書.cerは
移動して
おきましょう
個別作業はここまで!
スライド20へ
16. Copyright @ NIFTY Corporation All Rights ReservedCopyright @ NIFTY Corporation All Rights Reserved 16
既に作成されている
秘密鍵.p12と
開発用証明書.cerで
ビルドする
パターン
2
参考:https://docs.monaca.io/ja/manual/build/ios/import_export/
17. Copyright @ NIFTY Corporation All Rights Reserved
色見本3
秘密鍵.p12と証明書.cerを書き出す
「証明書」
を選択
使用する開発用証明書
「iPhone Developer: ****」
を選択します
キーチェーンアクセスを開きます キーチェーンアクセス
17
20. Copyright @ NIFTY Corporation All Rights ReservedCopyright @ NIFTY Corporation All Rights Reserved 20
ここから共通作業
ここまでで右の
ファイルが
できれいればOK
• AppIDの作成
• 端末の登録 ※既に登録されている場合はこの作業は不要です
• プロビジョニングプロファイルの作成
CSR
※パターン1のみ
※パターン2のみ
21. Copyright @ NIFTY Corporation All Rights Reserved
色見本3
Apple Developer Programのメンバーセンターにログインする
21
「Certificates,
Identifiers & Profiles」
をクリック
Apple Developer Program
どちらからでもOK
https://developer.apple.com/account/
22. Copyright @ NIFTY Corporation All Rights Reserved
色見本3
AppIDを作成する
22
「Identigiers」
の「AppIDs」
をクリック
Apple Developer Program
「+」
をクリック
23. Copyright @ NIFTY Corporation All Rights Reserved
色見本3
AppIDを作成する
23
App ID Descriptionに
アプリの概要を入力します
Apple Developer Program
任意の名前をつけます
例)「MonacaPushApp」と入力します
MonacaPushApp
24. Copyright @ NIFTY Corporation All Rights Reserved
色見本3
画面を↓にスクロールします 「Explicit App ID」
チェックを入れます
重要:ここで決めた
Bundle ID は
あとで使います!
※Textに控えて保存しておいて下さい!
Apple Developer Program
AppIDを作成する
24
注意:WildcardAppIDでは
プッシュ通知を
送ることはできないので、
選択しないでください!
(事前準備では問題ありませんが、
本編では必須となります)
「Bundle ID」
を入力します
jp. . .monaca.push
BundleID
は任意です
25. Copyright @ NIFTY Corporation All Rights Reserved
色見本3
さらに画面を↓にスクロールします
「Continue」
をクリックします
Apple Developer Program
「Push Notifications」
にチェックを入れます
AppIDを作成する
25
重要:事前準備では不要ですが、
本編で必要な設定ですので忘れず
にチェックを入れてください!
26. Copyright @ NIFTY Corporation All Rights Reserved
色見本3
「Push Notifications」が
Configurableになっている
ことを確認しましょう!
「Register」
をクリックします
Apple Developer Program
AppIDを作成する
26
これでAppID
の作成は
完了です!
27. Copyright @ NIFTY Corporation All Rights Reserved
色見本3
端末を登録する
27
Apple Developer Program左側の「Devices」>「All」をクリックします
「+」
をクリック
※既に登録されている場合はこの作業は不要です
28. Copyright @ NIFTY Corporation All Rights Reserved
色見本3
端末を登録する
28
「Register Device」
にチェックを入れる
Apple Developer Program
Nameを入力
(任意)
端末のUDIDを入力
※UDIDの確認方法は
次のページ!
※既に登録されている場合はこの作業は不要です
31. Copyright @ NIFTY Corporation All Rights Reserved
色見本3
端末を登録する
31
「Continue」
をクリックする
Apple Developer Program
コピーしたUDIDを
貼り付けます
※既に登録されている場合はこの作業は不要です
32. Copyright @ NIFTY Corporation All Rights Reserved
色見本3
端末を登録する
32
確認
「Done」
をクリック
Apple Developer Program
「Register」
をクリックします
※既に登録されている場合はこの作業は不要です
33. Copyright @ NIFTY Corporation All Rights Reserved
色見本3
端末を登録する
33
Apple Developer Program
一覧に登録された
ことを確認します
これで
端末登録は
完了です!
※既に登録されている場合はこの作業は不要です
34. Copyright @ NIFTY Corporation All Rights Reserved
色見本3
プロビジョニングプロファイルを作成する
34
Apple Developer Program左側の「Provisioning Profiles」>「All」
をクリックします
「+」
をクリック
35. Copyright @ NIFTY Corporation All Rights Reserved
色見本3
プロビジョニングプロファイルを作成する
35
Apple Developer Program
「iOS App
Development」
をクリック
先ほど作成した
「AppID」
を選択する
AppIDの紐付け
36. Copyright @ NIFTY Corporation All Rights Reserved
色見本3
プロビジョニングプロファイルを作成する
36
Apple Developer Program
端末の紐付け開発用証明書
の紐付け
「登録した端末」
を選択する
使用する
「開発用証明書」
を選択する
37. Copyright @ NIFTY Corporation All Rights Reserved
色見本3
プロビジョニングプロファイルを作成する
37
Apple Developer Program
ファイルの名前を入力
例)「Monaca Push App Provisioning Profiles」
紐付けの確認
「Continue」
をクリックする
Monaca Push App Provisioning Profiles
MonacaPushApp ( )
38. Copyright @ NIFTY Corporation All Rights Reserved
色見本3
プロビジョニングプロファイルを作成する
38
Apple Developer Program
Download
「Done」
をクリック
Monaca Push App Provisioning Profiles
作成したプロビ
ジョニングプロ
ファイルは
移動して
おきましょう
プロビジョニング
プロファイル
39. Copyright @ NIFTY Corporation All Rights ReservedCopyright @ NIFTY Corporation All Rights Reserved 39
Monacaでビルドしましょう!
ここまでの作業で
用意したファイルは
右記です
プロビジョニング
プロファイル を書いたText
CSR
※パターン1のみ
※パターン2のみ
後半
※MonacaのPersonalプラン以上にすれば回数無制限です
40. Copyright @ NIFTY Corporation All Rights Reserved
色見本3
Monacaに証明書.cerを設定する
40
Monaca
再びMonacaを開きます
「設定」>「iOSビルド設定...」をクリックして、iOSビルド設定を開きます