Monacaでビルドするスタートアップガイド(iOS版)
-
date post
08-Feb-2017 -
Category
Software
-
view
788 -
download
2
Transcript of Monacaでビルドするスタートアップガイド(iOS版)
Copyright © NIFTY Corporation All Rights Reserved.
【ハンズオン】
Monacaでビルド方法まとめ(iOS版)
ニフティ株式会社
Copyright © NIFTY Corporation All Rights Reserved. 2
iOS向け実機ビルドにはApple Developer Program(有償)
への登録が必要です
https://developer.apple.com/jp/programs/方法1:【Monacaで設定】http://docs.monaca.mobi/cur/ja/manual/build/ios/build_ios/方法2:【Xcodeから移行】http://docs.monaca.mobi/cur/ja/manual/build/ios/import_export/
登録完了した方は以下にてログインhttps://developer.apple.com/membercenter/
Copyright © NIFTY Corporation All Rights Reserved. 3
方法 1【Monacaで設定】http://docs.monaca.mobi/cur/ja/manual/buil
d/ios/build_ios/
Copyright © NIFTY Corporation All Rights Reserved. 4
開発用証明書の発行(Developer Certificate)
開発用端末の登録
AppIDの作成
プロビジョニングプロファイル作成
※今回は【デバッグビルド】を主に説明していきます!そのため、「開発用証明書」と「プロビジョニングプロファイル」が必要になります。
①
②
Copyright © NIFTY Corporation All Rights Reserved.
MONACAで秘密鍵と CSR の作成
Copyright © NIFTY Corporation All Rights Reserved.
iOSビルド設定メニューにて
AppleIDと同じメールアドレスと名前を入力
Copyright © NIFTY Corporation All Rights Reserved.
CSRをエックスポート(証明書を作成するために利用)
Copyright © NIFTY Corporation All Rights Reserved.
DEVELOPER CENTERで証明書の作成
Copyright © NIFTY Corporation All Rights Reserved.
デベロッパー / 開発用証明書を作成
Copyright © NIFTY Corporation All Rights Reserved.
MonacaでエクスポートしたCSR ファイル をアップロードします。次に、 Generate ボタンをクリックします。
Copyright © NIFTY Corporation All Rights Reserved.
生成した証明書をダウンロードする
Copyright © NIFTY Corporation All Rights Reserved.
MONACAで証明書を登録する
Copyright © NIFTY Corporation All Rights Reserved.
iOSビルド設定メニュー
Copyright © NIFTY Corporation All Rights Reserved.
MONACAでアプリ設定
Copyright © NIFTY Corporation All Rights Reserved. 15
MonacaでのiOSアプリ設定
メニュー「設定」→「iOSアプリ設定」
Copyright © NIFTY Corporation All Rights Reserved. 16
MonacaでのiOSアプリ設定
メニュー「設定」→「iOSアプリ設定」
「AppID」を設定し、逆ドメイン形式がお勧め
App ID に、アスタリスク ( * ) を使用できません。
iOS の App ID に、アスタリスク ( * ) を使用できません。「 * 」 を使用した場合、 ビルドが失敗します。
Copyright © NIFTY Corporation All Rights Reserved.
DEVELOPER CENTERでAPP ID作成
Copyright © NIFTY Corporation All Rights Reserved.
こちらでクリックする!
https://developer.apple.com/membercenter
Copyright © NIFTY Corporation All Rights Reserved. 19
新しいAppIDを作ります。※既存のものを使う場合はこの手順は不要です※ワイルドカードなIDは使えません
「iOS Apps」になっていることを確認しましょう!
Copyright © NIFTY Corporation All Rights Reserved. 20
新しいAppIDを作ります。
アプリの説明(ascii文字で入力するのが無難です)
Copyright © NIFTY Corporation All Rights Reserved. 21
新しいAppIDを作ります。
「Explicit App ID」を選択
「Bundle ID」を入力
※Wildcard AppIDはPush通知機能には利用不可能
Copyright © NIFTY Corporation All Rights Reserved. 22
新しいAppIDを作ります。
「Continue」をクリック
Copyright © NIFTY Corporation All Rights Reserved. 23
新しいAppIDが作られました。
Copyright © NIFTY Corporation All Rights Reserved.
DEVELOPER CENTERで開発用端末の登録
Copyright © NIFTY Corporation All Rights Reserved.
管理画面にてDevicesを選択する
「+」をクリック
Copyright © NIFTY Corporation All Rights Reserved.
Nameにはデバイス名、UUIDにはデバイスのUUIDを追加
※デバイスのUUIDの確認方法:
iTunes>デバイスを開き、表示するシリアルをクリックすると、UUIDが表示される
Copyright © NIFTY Corporation All Rights Reserved.
DEVELOPER CENTERで開発用 プロビジョニングプロファイルを作成
Copyright © NIFTY Corporation All Rights Reserved.
iOS App Developmentを選択し、「Continue」を選択する
Copyright © NIFTY Corporation All Rights Reserved.
Copyright © NIFTY Corporation All Rights Reserved.
プロビジョニングプロファイルを作成完了!
プロビジョニングプロファイルをダウンロード
Copyright © NIFTY Corporation All Rights Reserved.
MONACAでアプリビルドにプロビジョニングプロファイルをアップロード
Copyright © NIFTY Corporation All Rights Reserved.
Copyright © NIFTY Corporation All Rights Reserved.
作成したプロビジョンニングプロファイルを選択
Copyright © NIFTY Corporation All Rights Reserved. 34
方法 2【Xcodeから移行】http://docs.monaca.mobi/cur/ja/manual/buil
d/ios/import_export/
Copyright © NIFTY Corporation All Rights Reserved. 35
キーチェーンアクセスで秘密鍵と証明書のエクスポート
開発用端末の登録
AppIDの作成
プロビジョニングプロファイル作成
①
②
Monacaで秘密鍵と証明書のインポート
Copyright © NIFTY Corporation All Rights Reserved.
キーチェーンアクセスで証明書・秘密鍵をインポート
Copyright © NIFTY Corporation All Rights Reserved. 37
秘密鍵の作成
マックで、アプリケーション > ユーティリティ > キーチェーンアクセス を選択
Copyright © NIFTY Corporation All Rights Reserved. 38
エクスポートする証明書を右クリックして、「 証明書名 」 を書き出す... を選択
秘密鍵の作成
Copyright © NIFTY Corporation All Rights Reserved. 39
フォーマットは「個人情報交換p12」確認し、保存
秘密鍵の作成
Copyright © NIFTY Corporation All Rights Reserved. 40
証明書のエクスポート
Copyright © NIFTY Corporation All Rights Reserved. 41
証明書のエクスポート
エクスポートしたい証明書を右クリックして Export 証明書名 を選択します。次に、エクスポート画面が表示
Copyright © NIFTY Corporation All Rights Reserved. 42
証明書のエクスポート
フォーマットは「証明書Certificate .cer」確認し、保存
Copyright © NIFTY Corporation All Rights Reserved.
MONACAで証明書・秘密鍵をインポート
Copyright © NIFTY Corporation All Rights Reserved. 44
秘密鍵をインポートする
Copyright © NIFTY Corporation All Rights Reserved. 45
証明書をアップロード
.cerファイルを選択し、アップロードする
Copyright © NIFTY Corporation All Rights Reserved. 46