uniappでプッシュアイコンを設定する方法

Uniapp を使用して開発する場合、アプリケーションでシステム、メッセージ、広告の通知を使用するのが一般的です。これらの通知において、プッシュアイコンはユーザーが通知元を識別するためのシンボルの 1 つとして重要な役割を果たします。そこで、この記事ではUniappでプッシュアイコンを設定する方法を紹介します。

手順

1. アイコンの準備

プッシュアイコンを設定する前に、システム要件を満たすアイコンファイルが必要です。オペレーティング システムによって、システム要件は異なります。 Android の場合、アイコンは png 形式である必要があります。iOS の場合、アイコンは透過 png 形式である必要があり、アイコンは白色で描画され、下部は透明になります。

2. プラットフォーム関連のアイコンの追加

Uniapp は、iOS および Android オペレーティング システム用の独立したアプリケーション構成ファイルを提供し、これらのファイルに基づいてアプリケーションをパッケージ化します。これらのファイルでは、プッシュアイコンを簡単に設定できます。

iOS

Uniapp では、iOS アプリケーションの構成ファイルは /unpackage/_yourapp_/ios/Info.plist です。このファイルを開き、次のコード ブロックを見つけます。

<key>CFBundleIcons</key>
<dict>
  <key>CFBundlePrimaryIcon</key>
  <dict>
    <key>CFBundleIconFiles</key>
    <array>
      <string>AppIcon60x60@2x.png</string>
      <string>AppIcon60x60@3x.png</string>
      <string>AppIcon76x76~ipad.png</string>
      <string>AppIcon76x76@2x~ipad.png</string>
      <string>AppIcon83.5x83.5@2x~ipad.png</string>
      <string>AppIcon1024x1024.png</string>
    </array>
    <key>UIPrerenderedIcon</key>
    <false/>
  </dict>
</dict>

ここでは、CFBundleIcons ノードの下に CFBundlePrimaryIcon ノードがあり、アプリケーションのプライマリ アイコン設定が含まれています。 CFBundleIconFiles ノードにプラットフォーム関連のアイコン ファイルを追加して、プッシュ アイコンを設定できます。たとえば、プッシュ アイコン ファイルの名前が pushIcon.png である場合、それを配列に追加できます。

<key>CFBundleIcons</key>
<dict>
  <key>CFBundlePrimaryIcon</key>
  <dict>
    <key>CFBundleIconFiles</key>
    <array>
      <string>AppIcon60x60@2x.png</string>
      <string>AppIcon60x60@3x.png</string>
      <string>AppIcon76x76~ipad.png</string>
      <string>AppIcon76x76@2x~ipad.png</string>
      <string>AppIcon83.5x83.5@2x~ipad.png</string>
      <string>AppIcon1024x1024.png</string>
      <string>pushIcon.png</string>
    </array>
    <key>UIPrerenderedIcon</key>
    <false/>
  </dict>
</dict>

Android

Android アプリケーションの XML マニフェスト ファイルで、プッシュ アイコンを設定できます。マニフェスト ファイルの場所は、/unpackage/_yourapp_/android/AndroidManifest.xml です。このファイルを開いて、次のコード行を見つけます。

<meta-data android:name="com.huawei.hms.client.appid" android:value="App ID" />

この行の下に次のコードを追加します。

<meta-data android:name="push_scheme" android:value="${packageName}.push.intent.scheme" />
<meta-data android:name="push_icon" android:value="pushIcon" />

このうち、push_icon の値はプッシュ アイコンのファイル名です。

3. プッシュ アイコンの設定が完了したら、アプリを再パッケージし、デバイス上で実行します。設定したプッシュ アイコンが通知に表示されるのが確認できるはずです。

結論

以上がUniappでプッシュアイコンを設定する手順です。アイコン ファイルがシステム要件を満たしていることを確認し、iOS の場合は Info.plist、Android の場合は XML マニフェスト ファイルの対応する場所に追加してください。すべてのプッシュ通知の展開を頑張ってください。

以上がuniappでプッシュアイコンを設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。