monacaでiOSアプリをデバックビルドするまでの手順

# 必要なもの
* monacaの「秘密鍵とCSR」（※手順1）
* アプリの「ドメイン」（※手順2）
* Appleの「CER証明書」（※手順3）
* Appleの「App IDs」（※手順4）
* デバック端末の「UDID」（※手順5）
* Appleの「プロビジョニング・プロファイル」（※手順6）
* [Apple Developer Program](URL "https://developer.apple.com/jp/programs/")のアカウント
* iPhone
* Mac

# 手順1：「秘密鍵」と「CSR」の作成

1. monacaにログイン
2. 「設定」メニューを押下し、「iOSビルド設定」メニューを選択
![スクリーンショット 2024-03-20 10.31.31.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/224077/68d8daac-c7f6-85fc-59da-ec849f05a840.png)
3. 秘密鍵とCSRの生成ボタンを押下
![スクリーンショット 2024-03-20 10.26.14.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/224077/da2fe496-6a53-07ff-1668-09819d568a42.png)
4. 以下の情報を入力
* 「ユーザー名」：自分がAppleで使用している情報
* 「メールアドレス」：自分がAppleで使用している情報
* 国コード：「Japan」を選択

![スクリーンショット 2024-03-20 10.26.28.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/224077/7e9e559d-ae07-fe81-e707-a12c387a8ee4.png)

すべての項目を入力後「秘密鍵とCSRの生成」ボタンを押下。
monacaの「秘密鍵とCSR」がダウンロードされます。

![スクリーンショット 2024-03-20 10.42.26.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/224077/fe16446a-9b85-ac2e-bd17-653bd0c9f2d2.png)

これはAppleに証明書を要求するための情報になります。
大切に保管しておいてください。

# 手順2：ドメインの発行

アプリドメインを取得します。
私は、[お名前.com](URL "https://www.onamae.com/?utm_source=Google&utm_medium=paidsearch&banner_id=102_kwt_domain_domainbrand-onamae_rsa_008&waad=7FDtEQYu&flow=normal&gad_source=1&gclid=CjwKCAjw7-SvBhB6EiwAwYdCAfjCS8247z5jCqpLtdElF4U3ZNrtdCVyrnigJixFBd53PhQ3i6UqFBoCqVcQAvD_BwE")で取得しました。
すでに取得済の方はスキップしてください。

このタイミングで必要な理由は、
「手順3」でBundle IDの作成が求められるためです。

Bundle IDというのはアプリケーションを識別ために使われるものです。

例えば、ドメインがUsagi.comで、アプリ名がNekoというものを作成する場合、
バンドルIDは「com.Usagi.Neko」という文字列になります。

そのためあらかじめドメインを取得しておく必要があります。


# 手順3：CER証明書の作成
[Apple Developer Program](URL "https://developer.apple.com/jp/programs/")で、アカウントを作成してください。
こちらは有料のメンバーシップで「年額$99」が必要になります。

1. 登録が完了したら、「証明書（英語）」のリンクを押下
![スクリーンショット 2024-03-20 10.46.05.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/224077/00fbff37-dab9-4741-3fa0-b0ec39fdda91.png)

2. 「Certificates」メニューを選択後、「＋」ボタンを押下
![スクリーンショット 2024-03-20 10.46.22.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/224077/1f25852a-f6ad-7fd1-bdb2-e1e5b4e51106.png)

3. 今回はデバッグビルドがしたいので、「iOS App Development」を選択
![スクリーンショット 2024-03-20 11.03.07.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/224077/f288bb73-9f4a-756d-c433-a2f4ce648d25.png)

4. 「手順1」で作成したCSRをアップロード
![スクリーンショット 2024-03-20 15.37.30.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/224077/7c099344-8f4d-3193-636d-b472f6069773.png)

5. CER証明書をダウンロード
![スクリーンショット 2024-03-20 15.38.28.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/224077/79551c6c-d409-6f3b-0081-cc835b33a67e.png)

これでAppleアカウントと、作業しているMacが紐づけられました。

# 手順4：「App IDs」の登録

1. 「Identifiers」タブを選択後、「＋」ボタンを押下
![スクリーンショット 2024-03-20 15.41.36.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/224077/55b93565-96b8-c5a3-0f17-f8a4ebc10b9b.png)

2. 「App IDs」を選択
![スクリーンショット 2024-03-20 15.42.50.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/224077/459b09de-9375-5f9e-9298-6ab96d6ddbc0.png)

3. 「App」を選択
![スクリーンショット 2024-03-20 15.44.02.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/224077/801a2538-89b2-a1bd-4b05-b53db41561bc.png)

4. 以下の情報を入力
* Descriotion：アプリの説明
* BundleID：「手順2」で取得したドメインを利用して設定
例えば、取得したドメインがUsagi.comで、
Nekoという名前のアプリケーションを作成する場合
BundleIDは、「com.Usagi.Neko」となる
![スクリーンショット 2024-03-20 15.48.29.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/224077/0a4f2947-7978-4fd2-3a1f-8fdcdc5b959a.png)

5.Monacaの「設定」メニューの「iOSアプリを設定」メニューを選択
![スクリーンショット 2024-03-20 15.55.33.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/224077/9dde01dd-cba4-5a41-57a4-50b6c95928ad.png)

6.以下の情報を入力
* アプリケーション名：開発しているアプリのタイトル名
* App ID：登録したBundle IDをApp IDとして設定
![スクリーンショット 2024-03-20 16.00.54.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/224077/baf41fe4-c458-56c1-129d-759f2d21b64a.png)

これで「App IDs」周りの設定は完了です。

# 手順5：UDIDの登録

1. 「Device」メニューを選択し、「＋」ボタンを押下
![スクリーンショット 2024-03-20 16.08.08.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/224077/f01c1591-e305-a4c2-2bce-fc30e44a3749.png)

2. 以下の情報を入力
* Platform：ビルドしたい端末の機種
* Device Name：ビルド端末に名付けたい名称
* Device ID(UDID)：ビルドしたい端末のUDID
![スクリーンショット 2024-03-20 16.10.51.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/224077/1bb5c565-a171-8c32-c88a-c244ad56972e.png)

Device ID(UDID)がわからない場合は、Macとビルド端末（例：iPhone）を、
iPhone充電器などのケーブルで接続し、Finderを開くと確認できます。

![スクリーンショット 2024-03-20 16.18.54.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/224077/df71fb0c-5b19-4505-6503-ee53440543e6.png)

ここで登録しされた端末のみがデバッグビルド用のアプリをインストールできます。

# 手順6：プロビジョニング・プロファイルの作成

1. 「Profile」メニューを選択し、「＋」ボタンを押下
![スクリーンショット 2024-03-20 19.42.17.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/224077/52d5f80c-acef-0e13-4da9-32b00e312758.png)

2. 「iOS App Development」を選択
![スクリーンショット 2024-03-20 19.42.24.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/224077/0f660b02-5a07-286b-34d8-bb695992a9bf.png)

3. 「手順4」で作成したApp IDを選択
![スクリーンショット 2024-03-20 19.42.37.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/224077/6cb3c1b2-fbd5-f1ab-54b5-cc06c605ba76.png)

4. 「手順3」で作成したCER証明書を選択
![スクリーンショット 2024-03-20 19.42.46.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/224077/0b8ba22e-b458-6b2f-6193-88dc8ca3f6bf.png)

5. 「手順5」で作成したUDIDを選択
![スクリーンショット 2024-03-20 19.42.59.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/224077/b1556da8-f01b-3c6c-fd78-121bb6143a4a.png)

6.名前をつけてロビジョニング・プロファイルを生成
![スクリーンショット 2024-03-20 19.51.30.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/224077/fd818c2d-c639-449c-878e-5f4e63d838b6.png)


# 手順7：ビルド

1. 以下の情報を入力
* アプリケーション名：自分が開発したアプリに付けたい名称
* App ID：「手順4」で作成したApp ID
![スクリーンショット 2024-03-21 9.20.23.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/224077/08bfbe73-b555-7270-e0f2-51258f7cbb50.png)

ローカルで開発されている方は、
config.xmlで同様の情報を入力することをお勧めします。

```config.xml
<?xml version="1.0" encoding="UTF-8"?>
<widget xmlns="http://www.w3.org/ns/widgets"
xmlns:android="http://schemas.android.com/apk/res/android" 
id="{App ID名}"　←★コレ 
version="1.0.0">
<name>
  {アプリケーション名}←★コレ 
 </name>
```

私の場合、monaca uploadコマンドでクラウドにソースをアップロードした際
デフォルト値に上書きされてビルドエラーが発生しました。


2. 「ビルド」メニューを選択し、「iOSアプリのビルド」メニューを押下
![スクリーンショット 2024-03-20 10.30.46.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/224077/c388a43b-1fdb-dcd7-d34e-778cbcc4049b.png)

3. 「証明書のアップロード」ボタンを押下し、「手順3」で作成したCER証明書をアップロード

4. 「プロファイルのアップロード」ボタンを押下し、
「手順5」で作成したプロビジョニング・プロファイルをアップロード
![スクリーンショット 2024-03-20 19.56.19.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/224077/04f07c5d-e861-3f0a-d030-24a9df78710b.png)

5. 成功すれば証明書がMonacaに登録されます
![スクリーンショット 2024-03-20 20.00.07.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/224077/3c470e84-cde4-5135-fb54-84808185d8b1.png)

6. 「ビルドを開始する」ボタンを押下し、
ばらく待ってアプリのビルドエラーがなければ、ビルド結果が表示されます
![スクリーンショット 2024-03-20 20.01.19.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/224077/607e63d6-61da-e8fc-f51b-9c7864a2e58f.png)

![スクリーンショット 2024-03-20 20.04.22.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/224077/93275be7-3be7-1413-7c25-3e137d0c1da9.png)

QRコードから、UDIDを登録した端末でアプリのインストールが可能です。
これであなたのiPhoneでアプリのデバックビルドが実現します。