今日、企業は顧客とやりとりするための新しい方法、App Clip と NFC タグを手に入れました。この機能により、ユーザーはアプリ ストアに行ってソフトウェアをダウンロードしてインストールしなくても、携帯電話のオペレーティング システムで小さなプログラムを実行できます。小さなプログラムは画面に情報をポップアップ表示するだけなので、新しい顧客関係を築く機会が生まれます。たとえば、コーヒー ショップはより便利なポイント カードを提供でき、小売業者は仮想ウォレットをより使いやすくすることができます。小売業者はいくつかの方法でアプレットをトリガーできますが、その 1 つは URL アドレスを指す NFC タグです。ユーザーの iPhone がラベルの近くにあると、携帯電話は自動的に URL を見つけてアプレットを起動します。原理はシンプルで、コストも低く抑えられます。では、企業がアプレットを使用するために必要なものを見てみましょう。
App Clip とは何ですか? App Clip は、「モバイル アプリの軽量版」と説明されています。この小さなソフトウェアには、10 MB 未満の圧縮済みバイナリ コードが含まれており、主にアプリケーションの機能のごく一部を提供します。たとえば、コーヒー会社の完全なアプリでは、コーヒー ショップのディレクトリ、最近のプロモーション、売上ランキング、ポイント カードを提供しているかもしれませんが、App Clip アプレットにはポイント カードのみが表示されます。これらの機能により、モバイル インターネットの速度が遅い場合でも、ユーザーはすぐに操作できます。また、ユーザーはシンプルで高速なユーザー エクスペリエンスを得ることができます。NFC タグの近くで携帯電話からミニ プログラムを起動すると、使用上の多くの障壁が軽減され、モバイル アプリにあまり慣れていない新しい顧客がデジタル インタラクションを利用できるようになります。ST の iOS アプリ開発者 Vincent Latorre の小規模プログラム開発の経験についてご紹介します。
App Clip: クライアントまたはNFC構成
1. ST25-TAG-BAG-Uパッケージを準備する
ST25-TAG-BAG-U タグ キットには、1.ST25TV02K、2.ST25TA02KB、3.ST25TV02K HC、4.ST25TV512、5.ST25TA64K が含まれます。
構成プロセス全体の中で最も簡単な部分は、NFC タグを作成し、タグ内にアプレットの URL を書き込むことです。このプロセスは、コードを 1 行も書かずに実用的なデモを作成するのと同じくらい簡単です。デモ用に、2 つの ST25TV02K NFC タグを使用します。1 つはアプレットの URL アドレスを保持するためのもので、もう 1 つはオペレーティング システムに保存またはキャッシュできる機能コンテナーを説明する概念実証用です。
App Clip アプレットに基づいてプレゼンテーションを開発する場合、2 番目のタブは不要で、開発者は最初のタブのみを使用できます。ただし、画面を表示する代わりに、この機会を利用してメモリ ブロックの書き込み方法を示し、ST のアプレットが実際に機能するという具体的な証拠を示したいと思います。これらのタグは両方とも、ST25-TAG-BAG-U キット内の小さな丸いタグです。タグの読み取りと書き込みを行うには、ユーザーは App Store にアクセスして NFC Tap アプリをダウンロードする必要があります。
URLを記入
最初の ST25TV02K タグを取り出します。次のデモンストレーションでは、ラベルが空白であることを前提としています。最初の手順は、ホーム画面で [タグの読み取り] を選択し、電話をタグに近づけると、画面に ST25TV02K というメッセージが表示されます。次に、画面の右下にある […] アイコンをクリックし、[エリア コンテンツ エディター] オプションを選択して、最後に電話でラベルをスキャンします。ラベルが空白の場合は、メモリ サイズ (たとえば、256 バイト) と No NDEF メッセージが表示されたダイアログ ボックスが表示されます。
NDEFメッセージを書き込む前に、ユーザーは「NDEFメッセージなし」というダイアログボックスをクリックする必要があります。すると、白いボックスと青い矢印が画面に表示されます。白いボックスを左にスワイプすると、追加、編集、挿入、実行のオプションを含むメニューがポップアップ表示されます。追加を選択すると、
1. NdefUriRecordを選択する
2. https://www.myst25.com/clip。必ず https を選択してください。そうしないと、アプレットがすぐに表示されません。
3. 検証ボタンを押してラベルを書きます
機能的なコンテナについて学ぶ
2 つ目の ST25TV02K はテスト タグで、これを使用して Type-5 タグの NDEF サポートについて学習することもできます。このデモでは、ST のアプレットが電話画面を表示しているのではなく、ラベルを読み取っていることが証明されています。デモをより興味深いものにするために、NDEF 管理に関するアプリケーション ノートのアプローチに従います。実際、この記事では、ST25TV タグを NDEF メッセージをサポートする NFC Type-5 タグに設定する方法、つまり、最初のストレージ ブロックに有効な関数コンテナー (CC) を書き込む方法について説明しました。この記事では、ユーザー向けのセットアップ プロセスについて説明しており、ST25TV02K の最初のストレージ ブロックに 4 バイトの CC: E1 40 20 01h を直接書き込むことができます。
テストタグを書く
タグ書き込み操作を実行する前に、NFC Tap iOSアプリを開いて
1. タグの読み取りを選択し、2番目のST25TV02Kタグをスキャンします。
2. CC ファイル セクションをチェックして、ラベルが空白であることを確認します。マジック ナンバーが 0x00 の場合、タグには情報が含まれていません。
ここで、NDEF メッセージ転送サポートを有効にして、小さなメッセージを書き込みます。
1. 画面の下部にある [詳細] を選択し、[エリア コンテンツ エディター] を選択します。ソフトウェアはタグをスキャンして、コンテンツのない 256 バイトの書き込み可能な領域を見つけるように要求します。
2.エリア1をクリック
3. 画面に「NDEF レコードがありません」というメッセージが表示されます。ダイアログを左にスワイプするとメニューが表示されるので、「追加」を選択します。
4. NdefTextRecord をクリックし、既存のテキストをクリアして、「Hello World!」と入力します。
5. 「検証」ボタンを押し、携帯電話をラベルの近くに置き、NDEF メッセージを書き込みます。
App Clipをテストする
小さなプログラムは、電話に完全なアプリケーション ソフトウェアがインストールされていない場合にのみポップアップ表示されます。したがって、アプレットの URL アドレスを含む最初の ST25TV02K タグをスキャンする前に、NFC Tap ソフトウェアがインストールされている場合は削除する必要があります。電話が最初の TAB を検出すると、タッチ スクリーンにアプレット カードが表示され、ユーザーにアプレットを開くか、アプリ ストアからアプリをダウンロードするかを尋ねます。アプレットを開くと、NFC Tap アプリケーションの簡易バージョンが表示されます。ここでは、Read NDEF は灰色で使用できませんが、Read Tag は使用できます。Read tag オプションを選択し、2 番目の ST25TV02K タグをスキャンして、アプレットがタグ データを読み取っていることを証明します。画面を下にスクロールすると、マジック ナンバーが 0xE1 であることがわかります。これは、アプレットが構成したラベルをスキャンしていることを証明しています。
背景またはアプリケーション開発とWebサーバーの構成
詳細を知りたい開発者にとって、最初のステップは、iOS アプリケーションのソースコード (STSW-ST25IOS001) をダウンロードすることです。エンジニアは、ダウンロードしたファイルを Apple IDE 開発環境で開くだけで、実装アプローチの作業を開始できます。最初に注意すべきことは、アプリケーション内の小さなプログラムとして機能するコードが特定のターゲットであるということです。開発者が小さなプログラムを開発できるように、Apple は専用の App Clip テンプレートを提供し、小さなプログラムは Apple Pay で使用でき、Apple アカウントでソフトウェアにログインできます。新しいシステムでは、特別な通知および地理位置情報システムの恩恵も受けます。さらに、1 つの iOS ソフトウェアに複数の App Clip を含めることができます。Xcode では、開発者は [署名と機能] タブに注意し、チーム名とバンドル ID を覚えておく必要があります。
次のステップは、App Store Connect Webインターフェースを使用してApp Clipアプレットを作成することです。ここで開発者は、iOSカードに表示される画像をアップロードし、ユーザーにアプレットを起動するよう促します。Advanced App Clipをクリックします。
Experience では新しいメニューが開き、URL がアプレットを指すように設定されます。さらに、開発者はオペレーティング システムにモバイル デバイスの位置情報を確認するように要求することができ、販売者はこの機能を使用してアプレットをショップまたは特定の場所に関連付けることができます。
サーバー側
Web サーバーの構成は非常に簡単です。Xcode と App Store Connect 内で定義されている URL、たとえば http://www.myst25.com/clip にはインデックスが必要です。HTML ファイルとメタ タグには、アプリケーション ID と小さなアプリケーション バンドル ID が含まれている必要があります。以下に示すように、ファイルの本体は空白にすることができ、最も重要な場所はメタ タグ自体です。
apple-app-site-association というファイルは、/www などの Web サーバーのルート フォルダーに存在する必要がある 2 番目に重要なファイルです。このファイルには、次の配列のみがリストされています。
「アプリクリップ」: {
“apps”: [“TEAM_NAME.BUNDLE_ID (例: UL3MK8FNMR.com.st.st25ncf.clip)”],
“paths”: [“宛先 (例: path/*)”]
