Monacaでビルドするスタートアップガイド(iOS版)

Post on 08-Feb-2017

788 views 2 download

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