4
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

【iOS14】App Clipを実装したアプリをAppStoreへアップロードしようとしたらハマったこと

Posted at

App Clipとは

公式ドキュメント
https://developer.apple.com/documentation/app_clips

Create an App Clip to make some of your app’s functionality available to users who don’t have the full app installed.

アップロードしようとしたときに少し分かりにくい部分があったので記事にします。

環境

Xcode 12.0
Swift 5.0

アプリとバージョン番号、ビルド番号を合わせる

スクリーンショット 2020-10-08 13.16.00.png

AppClipのTargetのバージョン番号とビルド番号を、フルアプリのTargetのバージョン番号とビルド番号と完全に一致させないとアップロード前に警告が出てしまいます。

AppClipのアイコンを設定する

アイコンを設定しないままAppStoreにアップロードしてしまうと警告のメールが届いてアップロードに失敗します
スクリーンショット 2020-10-08 13.22.08.png

普段のアプリのTargetの設定には以下のようにApp Icon Souceを設定する場所があるのですが、
スクリーンショット 2020-10-08 13.19.07.png

AppClipのTargetには上記のような設定できる部分がありません

メールの内容にあるように、AppClipのTargetのInfo.plistファイルに修正を加えて、アイコンファイルを指定します。

  • アイコンを追加する
    ほとんどの場合がフルアプリと同じアイコンを利用すると思いますのでフルアプリのものをコピーして持っていきます。
    AppClipのフォルダ内のAssets.xcassetsに、フルアプリ版のAssets.xcasset内に設定しているAppIconをそのままコピペしするだけでOKです。
    スクリーンショット 2020-10-08 13.25.01.png
  • Info.plistに項目を追加する
    Info.plistの任意の場所にIcon Nameという項目を追加して、ValueにはAppIconと入力
    以下のようになります。
    スクリーンショット 2020-10-08 13.28.36.png

これだけでアイコンの設定はOKです。

App Store ConnectでApp Clip体験のURLを指定に失敗する

スクリーンショット 2020-10-08 13.35.25.png
全て完了しているはずなのに上記のようになってしまって何でだろうとしばらく頭を抱えてしまいました。

解決方法

前のページに戻りビルドを選択しましょう
スクリーンショット 2020-10-08 13.37.28.png

TestFlightでテストする方法

AppStoreConnectアプリページのTestFlightタブでビルドを選択してApp Clipの呼び出しを追加します。
スクリーンショット 2020-10-08 13.40.11.png

iOS14以降の端末のTestFlightアプリで以下のような項目が出現します。
IMG_2275.PNG

テストをタップするとAppClipが起動し、AppStoreConnectで設定したURLが渡された状態をテストすることができます。

App Clipカードを表示する、というのは調査中

Associated Domainsとかの設定やhtmlの設定等色々試しているのですが、、、
公式ドキュメント Testing Your App Clip’s Launch Experience
にも詳しく記載されているのですが、この通りにやってもいまだにカードは出せていない状況です。

終わりです

まだ実際にこの機能を使うという話は出ていないのですが、今後もっとiOS14が普及していった場合にはアプリ開発の案件では必須の機能になってきそうな予感がします。

4
2
1

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
4
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?