uniapp에서 푸시 아이콘을 설정하는 방법

Uniapp으로 개발하는 경우 애플리케이션에서 시스템, 메시지 및 광고 알림을 사용하는 것이 매우 일반적입니다. 이러한 알림에서 푸시 아이콘은 사용자가 알림의 출처를 식별할 수 있게 해주는 기호 중 하나이기 때문에 중요한 역할을 합니다. 따라서 이번 글에서는 유니앱에서 푸시 아이콘을 설정하는 방법을 알려드리겠습니다.

단계

1. 아이콘 준비

푸시 아이콘을 설정하기 전에 시스템 요구 사항을 충족하는 아이콘 파일이 필요합니다. 운영 체제에 따라 시스템 요구 사항이 다릅니다. Android에서는 아이콘이 png 형식이어야 하고, iOS에서는 아이콘이 투명한 png 형식이어야 하며 아이콘은 흰색으로 그려지고 하단은 투명해집니다.

2. 플랫폼 관련 아이콘 추가

Uniapp은 iOS 및 Android 운영 체제에 대한 독립적인 애플리케이션 구성 파일을 제공하고 이러한 파일을 기반으로 애플리케이션을 패키징합니다. 이 파일에서는 푸시 아이콘을 쉽게 설정할 수 있습니다.

iOS

Uniapp에서 iOS 애플리케이션 구성 파일은 /unpackage/_your-app_/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. 푸시 아이콘 설정을

완료한 후 앱을 다시 패키징하고 기기에서 실행합니다. 설정한 푸시 아이콘이 알림에 나타나는 것을 볼 수 있습니다.

결론

위는 유니앱에서 푸시 아이콘을 설정하는 과정입니다. 아이콘 파일이 시스템 요구 사항을 충족하는지 확인하고 iOS용 Info.plist 및 Android용 xml 매니페스트 파일의 해당 위치에 추가하세요. 모든 푸시 알림 출시에 행운을 빕니다!

위 내용은 uniapp에서 푸시 아이콘을 설정하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!