uni-app怎么接入极光推送通知栏图标 uni-app推送Logo配置【配置】

落墨小哥_8147

落墨小哥_8147

2026-06-11

299人浏览

原创

android小图标必须为24×24 dp纯白透明png并命名为ic_notification,ios需配置notification service extension及appicon中20x20@2x/@3x图标;manifest.json中smallicon值须为纯文件名且仅对android生效。

uni-app怎么接入极光推送通知栏图标 uni-app推送logo配置【配置】

uni-app 接入极光推送后,通知栏图标(即小图标)在 Android 上默认显示为应用启动图标,但实际必须配置为**纯白底、透明通道、尺寸为 24×24 dp 的 ic_notification 图标**,否则在 Android 8.0+ 系统上会显示为灰色方块或完全不显示。iOS 则需单独配置 Notification Service Extension 和 AppIcon 中的 iOS Notification 图标集。

Android 小图标必须用 ic_notification,不能直接复用 launcher 图标

Android 系统强制要求通知栏小图标是「Alpha 通道有效、无色块、背景全透明」的 PNG,且建议尺寸为 24×24 dp(对应 mipmap-mdpi 目录下 24×24 px)。常见错误包括:

  • 直接把 icon.pngapp.png 放进 res/mipmap-*/ 当作通知图标 —— 系统会忽略或渲染为灰色方块
  • 图标带阴影、描边、渐变或非透明背景 —— 极光 SDK 无法提取有效 Alpha 通道
  • 只放了 mipmap-hdpi 而没同步到 mipmap-mdpi / mipmap-xhdpi —— 部分机型 fallback 失败

正确做法:

uni-app
uni-app

uni-app 是基于 Vue 的跨端开发框架,适合开发 H5、App、小程序、鸿蒙和多端业务应用。

下载
  • 用 Sketch / Figma / Photopea 制作一个仅含轮廓的纯白色矢量图形(推荐使用 Material Design 的 ic_notifications 模板)
  • 导出为 PNG,关闭抗锯齿,确保背景为完全透明(检查 alpha 通道)
  • 按密度放入对应目录:src/main/res/mipmap-mdpi/ic_notification.png(24×24)、mipmap-hdpi(36×36)、mipmap-xhdpi(48×48)等
  • manifest.json"android" 节点下显式声明:
    "jpush": {
      "smallIcon": "ic_notification"
    }

iOS 必须配置 Notification Service Extension 才能显示大图和自定义小图标

极光 SDK 默认不支持 iOS 通知栏小图标动态替换(如角标、红点、不同状态图标),且原生推送只走 APNs,无法控制小图标样式。要实现「带大图、带自定义小图标、支持 rich notification」,必须手动添加 Notification Service Extension

  • 在 Xcode 工程中新增 Target → Notification Service Extension
  • jpush-extension-ios-xxx.xcframework 拖入该 Extension 工程(注意不是主 App)
  • 在 Extension 的 Info.plist 中添加 NSAppTransportSecurity 允许 HTTP(若服务端资源非 HTTPS)
  • 修改 NotificationService.m 中的 [jpushSetAppkey:],传入你在极光后台看到的 AppKey
  • 在主工程的 Images.xcassets → AppIcon 中,展开 iOS Notification 图标集,填满 20x20@2x(40×40)和 20x20@3x(60×60)两个尺寸 —— 这是 iOS 唯一认可的通知图标源

manifest.json 里配错 smallIcon 名称会导致 Android 推送静默失败

很多开发者在 manifest.json"android" 下写成 "smallIcon": "res://ic_notification""@mipmap/ic_notification",这是无效的。uni-app 构建时不会解析这类资源前缀,只会原样透传给极光 SDK,而 JPush Android SDK 要求的是纯文件名(不含路径、不含扩展名、不含 res://):

  • ✅ 正确:"smallIcon": "ic_notification"
  • ❌ 错误:"smallIcon": "ic_notification.png""smallIcon": "mipmap/ic_notification""smallIcon": "res://ic_notification"
  • ⚠️ 注意:该字段只对 Android 生效;iOS 完全无视此配置,靠的是 Images.xcassets 中的 iOS Notification 图标集

最容易被忽略的一点:Android 小图标生效必须配合真机调试 + 自定义调试基座(或云打包 APK),HBuilder 内置基座用的是 DCloud 的包名和签名,极光识别不到你的 smallIcon 配置;iOS 则必须用真实证书打包,模拟器不支持 APNs 推送,也就看不到任何图标效果。

相关文章

PHP速学视频免费教程(入门到精通)
PHP速学视频免费教程(入门到精通)

PHP怎么学习?PHP怎么入门?PHP在哪学?PHP怎么学才快?不用担心,这里为大家提供了PHP速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

相关标签:

uni-app uni-app配置

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
python是前端还是后端
python是前端还是后端

Python属于前端也属于后端,其灵活性和丰富的生态系统使得开发人员能够在不同的领域中灵活运用。本专题为大家提供python相关的文章、下载、课程内容,供大家免费下载体验。

2023.08.11

2043

5

前端如何实现即时通讯
前端如何实现即时通讯

实现即时通讯的方法有WebSocket、Long Polling、Server-Sent Events、WebRTC等等。详细介绍:1、WebSocket,它可以在客户端和服务器之间建立持久连接,实现实时的双向通信,前端可以使用 WebSocket API来创建WebSocket连接,并通过发送和接收消息来实现即时通讯;2、Long Polling,是一种模拟实时通信的技术等等。

2023.10.09

4363

6

前端和后端的区别
前端和后端的区别

前端关注的是用户界面的设计和交互,而后端则注重数据处理和逻辑控制。想了解更多前端后端的相关内容,可以阅读本专题下面的文章。

2024.03.19

5490

13

php和前端的关联介绍
php和前端的关联介绍

php既可以作为前端语言,也可以作为后端语言。想了解更多php和前端的相关内容,可以阅读本专题下面的文章。

2024.03.22

4938

10

前端外包工作内容有哪些
前端外包工作内容有哪些

前端外包工作内容包括:1. 网站和应用程序开发;2. 用户界面和交互设计;3. 用户体验优化;4. 设计和视觉开发;5. 跨浏览器兼容性;6. 性能优化;7. 维护和更新;8. 项目管理和沟通。想了解更多前端的相关内容,可以阅读本专题下面的文章。

2024.05.22

703

5

Golang 入门学习路线:从零基础到上手开发
Golang 入门学习路线:从零基础到上手开发

Golang 入门路线涵盖从零到上手的核心路径:首先打牢基础语法与切片等底层机制;随后攻克 Go 的灵魂——接口设计与 Goroutine 并发模型;接着通过 Gin 框架与 GORM 深入 Web 开发实战;最后在微服务与云原生工具开发中进阶,旨在培养具备高性能并发处理能力的后端工程师。

2026.02.24

186

7

Golang 疑难杂症解决指南:常见问题排查与优化
Golang 疑难杂症解决指南:常见问题排查与优化

《Golang 疑难杂症解决指南》聚焦开发过程中常见却棘手的问题,从并发模型、内存管理、性能瓶颈到工程化实践逐步拆解。通过真实案例与调试思路,帮助开发者定位问题根因,建立系统化排查方法。不只给出答案,更强调分析路径与工具使用,让你在复杂 Go 项目中具备持续解决问题的能力。

2026.02.24

93

7

Golang 运行与部署实战:从本地到云端
Golang 运行与部署实战:从本地到云端

《Golang 运行与部署实战》围绕 Go 应用从开发完成到稳定上线的完整流程展开,系统讲解编译构建、环境配置、日志与配置管理、容器化部署以及常见运维问题处理。结合真实项目场景,拆解自动化构建与持续部署思路,帮助开发者建立可靠的发布流程,提升服务稳定性与可维护性。

2026.02.24

597

10

Golang 面试题精选:高频问题与解答
Golang 面试题精选:高频问题与解答

Golang 面试题精选》系统整理企业常见 Go 技术面试问题,覆盖语言基础、并发模型、内存与调度机制、网络编程、工程实践与性能优化等核心知识点。每道题不仅给出答案,还拆解背后的设计原理与考察思路,帮助读者建立完整知识结构,在面试与实际开发中都能更从容应对复杂问题。

2026.02.24

178

7

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
uni-app从入门到实战教程
uni-app从入门到实战教程

共0课时 | 0人学习

uni-app x harmony开发指南
uni-app x harmony开发指南

共0课时 | 0人学习

uni-app鸿蒙运行和发行
uni-app鸿蒙运行和发行

共0课时 | 0人学习