您当前的位置： 首页 > 慢生活 > 程序人生 网站首页程序人生

uniapp推送教程004在线推送的预览与通知栏图标

发布时间：2024-08-28 12:47:14编辑：雪饮阅读（）

上篇中创建了本地通知栏后，那么可以看到我们是可以手动成功创建消息于通知栏的。
那么这样，我们的在线推送应该也是可以的。在unipush2.0中，我们登录到开发者后台
在unipush2.0消息推送的推送预览里面填写我们app运行过程中获取的推送id就可以进行推送

另外一个题外话与上面这个没有关系，上面这个无需手动创建通知栏消息即可推送，只要有了通知权限被用户授权。
需要补充的就是推送状态栏的图标uni.createPushMessage的参数icon文档中说是相对路径，那么比如我的
C:\Users\1\Documents\GitHub\horse-farm-app\pages\appoint\farmsv3.vue中写的这个创建通知栏
而我的icon路径如C:\Users\1\Documents\GitHub\horse-farm-app\static\72x72.png
那么我的icon可以这样写：
uni.createPushMessage({
                                   title:'how are you3？',
                                   content:'pretty good',
                                   icon:'../../static/72x72.png',
                                   success:function(res){
                                          console.log("推送成功");
                                   },
                                   fail:function(res){
                                          console.log("推送失败res",res);
                                   },
                                   complete:function(){
                                          console.log("推送complete");
                                   }
                            });
还有就是我发现一个规律，通知栏图标分为“3”个图标，
 
1：以当前应用名左边的一个图标，这个在通知栏位置最靠上。（小图）
2：当前应用有多个通知时，每个通知最左侧的图标（小图）
2：当前应用只有一个通知时，当前应用通知栏最右侧的图标（大图）
其中2和3都是我们自定义的这个icon，而且应该是推送时候的图标貌似是可以配置1的这种情况，手动创建的则是目前没有发现有配置这个的。