Maison  >  Article  >  interface Web  >  Comment définir l'icône push dans uniapp

Comment définir l'icône push dans uniapp

PHPz
PHPzoriginal
2023-04-20 13:49:561197parcourir

Si vous développez avec Uniapp, il est très courant d'utiliser des notifications système, de messages et de publicités dans votre application. Dans ces notifications, l'icône push joue un rôle important car c'est l'un des symboles grâce auxquels les utilisateurs peuvent identifier la source de la notification. Par conséquent, cet article vous montrera comment définir l’icône push dans Uniapp.

Étapes

1. Préparez l'icône

Avant de définir l'icône push, vous avez besoin d'un fichier d'icône répondant à la configuration système requise. Selon le système d'exploitation, la configuration système requise est différente. Sous Android, l'icône doit être au format png ; sous iOS, l'icône doit être au format png transparent et l'icône est dessinée en blanc, tandis que le bas est transparent.

2. Ajouter des icônes liées à la plate-forme

Uniapp fournit des fichiers de configuration d'application indépendants pour les systèmes d'exploitation iOS et Android et regroupe vos applications en fonction de ces fichiers. Dans ces fichiers, vous pouvez facilement définir des icônes push.

iOS

Dans Uniapp, le fichier de configuration des applications iOS est /unpackage/_your-app_/ios/Info.plist. Ouvrez ce fichier et recherchez le bloc de code suivant.

<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>

Ici, vous pouvez trouver le nœud CFBundlePrimaryIcon sous le nœud CFBundleIcons, qui contient les paramètres d'icône principale de votre application. Vous pouvez ajouter des fichiers d'icônes liés à la plate-forme dans le nœud CFBundleIconFiles pour définir des icônes push. Par exemple, si votre fichier d'icône push s'appelle pushIcon.png, vous pouvez l'ajouter au tableau.

<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

Dans le fichier manifeste XML de votre application Android, vous pouvez définir l'icône push. L'emplacement du fichier manifeste est /unpackage/_yourapp_/android/AndroidManifest.xml. Ouvrez ce fichier et recherchez les lignes de code suivantes.

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

Ajoutez le code suivant sous cette ligne.

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

Parmi eux, la valeur de push_icon est le nom de votre fichier d'icône push.

3. Après avoir terminé

la configuration de l'icône push, reconditionnez votre application et exécutez-la sur l'appareil. Vous devriez pouvoir voir l’icône push que vous avez définie apparaître dans la notification.

Conclusion

Voici les étapes ci-dessus pour définir l'icône push dans Uniapp. Veuillez vous assurer que votre fichier icône répond à la configuration système requise et ajoutez-le à l'emplacement correspondant dans Info.plist pour iOS et dans le fichier manifeste XML pour Android. Bonne chance pour déployer toutes vos notifications push !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn