• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >HBuilder教程 > Hbuilder MUI push教程

Hbuilder MUI push教程

作者:教程 字体:[增加 减小] 来源:互联网 时间:2017-05-31

本文主要包含mui hbuilder h5push,hbuilder mui视频教程,hbuilder mui教程,hbuilder mui,hbuilder mui api等相关知识,教程希望在学习及工作中可以帮助到您
"); </div>

在html5+中Push模块管理推送消息功能,可以实现在线、离线的消息推送,通过plus.push可获取推送消息管理对象。要使用push,首先要在manifest.json中选择选择push模块,并在个推申请账号,并且申请appkey等。填好appkey等之后,就可以愉快的使用推送模块啦!
监听手机消息栏中消息的点击事件,你可以这么写:
void plus.push.addEventListener( 'click', listener, Boolean );
参数:
 type: ( String ) 必选 事件类型
listener: ( PushReceiveCallback ) 必选 事件监听器回调函数,在接收到推送消息时调用
capture: ( Boolean ) 可选 是否捕获事件,此处可忽略
监听个推发送来的透传消息你可以这么写:
void plus.push.addEventListener( 'receive', listener, Boolean );
其他参数如上。
创建本地消息
void plus.push.createMessage( content, payload, option );
参数:
content: ( String ) 必选
消息显示的内容,在系统通知中心中显示的文本内容。
payload: ( String ) 可选
消息承载的数据,可根据业务逻辑自定义数据格式。
option: ( MessageOptions ) 可选
创建消息的额外参数,参考MessageOptions。
推送通知
如果你想在个推官网推送一条消息,并点击消息可以弹出具体内容,如果直接使用个推的推送是不可以的我们可以使用个推的透传消息,使用void plus.push.addEventListener( 'receive', listener, Boolean );来接收透传的消息,然后本地创建消息,并监听手机消息中心的点击事件即可。如下:
 

  1. document.addEventListener( "plusready", function(){ 
  2.     // 扩展API加载完毕,现在可以正常调用扩展API 
  3.     // 添加监听从系统消息中心点击某条消息启动应用事件 
  4.     plus.push.addEventListener( "receive", function ( msg ) { 
  5.         // 分析msg.payload处理业务逻辑 www.bcty365.com
  6.         plus.push.createMessage( msg.content, msg.payload||'', msg ); 
  7.     }, false );  
  8.     plus.push.addEventListener( "click", function ( msg ) { 
  9.         // 分析msg.payload处理业务逻辑  
  10.         alert(msg.content); 
  11.     }, false );  
  12. }, false ); 

 

您可能想查找下面的文章:

  • MUI Hbuilder设置模拟器运行APP项目图文教程
  • HBuilder打包mui app Android签名证书的生成
  • Hbuilder MUI push教程
  • hbuilder图片上传服务器端代码怎么写?( h5+)
  • hbuilder 调用日期控件(H5模式)
  • hbuilder边改边看模式能不能像H5+一样支持跨域ajax
  • HBuilder开发App教程-最难搞定的是mui
  • HBuilder mui h5+分享到微信、朋友圈代码示例

相关文章

  • 2017-05-31mui web跨域问题如何解决?- mui.getJSONP()
  • 2017-05-31evalJS跨webview回传参或执行方法
  • 2017-05-31mui.plusready和mui.ready 随先随后?
  • 2017-05-31mui 拍照和相册代码分享
  • 2017-05-31MUI 模板页面实现原理及多端适配指南
  • 2017-05-31mui css 多行文本的溢出显示省略号(移动端)
  • 2017-05-31webview启动速度优化及事件顺序解析
  • 2017-05-31HBuilder mui 手势事件
  • 2017-05-31plus.webview.currentWebview() 如何获取当前窗口ID
  • 2017-05-31Hbuilder MUI 第一次启动的引导页面实现思路

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • Hbuilder MUI 遮罩蒙版
    • HBuilder mui 关闭页面
    • mui如何根据Geolocation获得的坐标获取所在城市?
    • MUI扫描功能的实现
    • HBuilder mui ajax
    • 再谈webview,从小白变“大神”!-mui入门到精通(四)
    • HBuilder 打包生成APP的时候可以生成 IOS的 Bundle ID吗?
    • MUI跳转页面传值
    • Hbuilder出现 Uncaught ReferenceError: mui is not defined 错误的解决经验分享
    • HBuilder mui 下拉刷新

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有