通知消息

接口声明

在manifest.json文件的 features属性中增加如下配置。

{"name": "system.notification"}

导入模块

在调用接口页面的<script>部分增加如下配置。

import notification from '@system.notification'

或

var notification = require("@system.notification")

使用限制

接口定义

[h2]notification.show(OBJECT)

描述

显示通知。

OBJECT参数

success返回值

fail返回值

clickAction说明：

示例代码

notification.show({
	contentTitle:'title',
	clickAction: {
	uri:'/index.html?index=1'
	},
	success: function(data) {
		console.log("notification.show succeeded, result data=" + JSON.stringify(data));
	
	},
	fail: function(data, code) {
		console.log(" notification.show failed, result data=" + JSON.stringify(data) + ", code=" + code);
	}
})

[h2]notification.postDelayedShow(OBJECT) （1070+，华为扩展接口，非厂商联盟规范）

描述

设置延时显示通知。

OBJECT参数

message参数说明

buildInfo参数说明

success返回值

示例代码

notification.postDelayedShow({
    message:{
           contentTitle: 'title',
           clickAction: {
            uri: '/index.html?index=1'
           }
    },
    buildInfo:{
           latencyTime: 1*60,  //1分钟
           isPersisted:false
    },
    success:function(params){
          console.info("success, id is "+ params.jobId)
    }
})

[h2]notification.cancelDelayedShow(OBJECT)（1070+，华为扩展接口，非厂商联盟规范）

描述

取消处在延时状态的通知消息。

OBJECT参数

示例代码

notification.cancelDelayedShow({
    jobId:12,
    success:function(params){
          console.info("success")
    }
})

Demo

<template>
  <div class="container">
    <div class="item-container">
      <div class="item-content">
        <div class="item-content-detail">
          <text class="txt">Title:</text>
          <input class="input" placeholder="Please input title" onchange="titleFn" />
        </div>
        <div class="item-content-detail">
          <text class="txt">Content:</text>
          <input class="input" placeholder="Please input content"  onchange="contentFn" />
        </div>
      </div>
      <input type="button" class="btn" value="Send a notification"  onclick="show" />
      <input type="button" class="btn" value="Post delayed show"  onclick="delayedshow" />
      <input type="button" class="btn" value="Cancel delayed show"  onclick="canceldelayedshow" />
    </div>
  </div>
</template>

<style>
 .container{
  flex: 1;
  flex-direction: column;
}

  .item-container {
    margin-top: 50px;
    margin-right: 60px;
    margin-left: 60px;
    flex-direction: column;
  }

  .item-content {
    flex-direction: column;
    background-color: #ffffff;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 100px;
  }

  .item-content-detail {
    align-items: center;
  }

  .input {
    flex: 1;
    font-size: 30px;
    padding-left: 20px;
  }

  .txt {
    width: 150px;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: right;
  }
  .btn {
  height: 80px;
  text-align: center;
  border-radius: 5px;
  margin-right: 60px;
  margin-left: 60px;
  margin-bottom: 50px;
  color: #ffffff;
  font-size: 30px;
  background-color: #0faeff;
}
</style>

<script>
  import prompt from '@system.prompt'
  import notification from '@system.notification'

  export default {
    data: {
      componentData: {},
      inputTitle: 'title',
      inputContent: 'content',
      testjobId:''
    },
    onInit: function () {
      this.$page.setTitleBar({ text: 'notification' })
    },
    show: function () {
      var that = this
      prompt.showToast({
        message: '标题为: "' + that.inputTitle + ' "的消息已发送，请查看消息通知栏',
      })
      notification.show({
        contentTitle: that.inputTitle,
        contentText: that.inputContent,
        clickAction: {
          uri: '/Hello'
        }
      })
    },
    titleFn: function (e) {
      this.inputTitle = e.text
    },
    contentFn: function (e) {
      this.inputContent = e.text
    },
    delayedshow: function () {
      var that = this;
      notification.postDelayedShow({
         message:{
           contentTitle: 'title',
           contentText:'post delayed show',
           clickAction: {
            uri: '/Hello'
           }
      },
      buildInfo:{
           latencyTime: 1*60,  //1分钟
           isPersisted:false
      },
    success:function(params){
          console.info("success, id is "+ params.jobId);
          that.testjobId =  params.jobId;
    },
    fail:function(code) {
          console.log("failed, code is "+ code);
    },
    complete:function(data) {
         console.log("delayed show complete!");
    }
   })
  },
    canceldelayedshow:function () {
         notification.cancelDelayedShow({
         jobId:this.testjobId,
         success:function(params){
           console.info("success cancel delayed show")
         },
         fail:function(code) {
          console.log("cancel delayed show failed! code is "+code)
         },
         complete:function() {
          console.log("cancel delayed show complete!")
         }
    })
   }
  }
</script>

效果图如下：

版本更新说明