requestAuth 检查APP是否允许通知 APP开发实现APP桌面角标本地通知能力

发表于2022年12月22日由yimen

用做网页的技术做APP！
一门提供标准化的jsbridge-mini.js库，您只需要在页面引用并执行JS即可实现各种原生APP、原生PC的功能能力。

==================APP端==================
【APP端】（安卓版&苹果版）目前提供200+原生功能，2000+JS映射接口，用做网站的技术即可实现各种原生APP能力、APP demo地址https://www.yimenapp.com/doc/demo.cshtml下载教程：
♦ JS-SDK 引用方式：
♦ 普通网页 script 方式加载：下载最新版，请在页面上调用 jsBridge 接口之前引用 jsbridge-mini.js 库；
♦ js module 方式引用：npm install ym-jsbridge 具体请参考 npm package

一门APP开发平台通用JS

requestAuth 检查APP是否允许通知 APP开发实现APP桌面角标本地通知能力

♦ 检查用户是否允许或禁止了通知提醒；
♦ 如果用户已禁止，可以提醒用户去开启，执行 jsBridge.appSettings() 跳转到设置界面；
♦ iOS 调用 setBadge 设置角标需“允许”通知，否则无法设置；

核心代码示例，详情参阅demo

jsBridge.notification.requestAuth(function(granted){
  alert(granted ? "已允许" : "已禁止");
});

A标签执行JS示例代码

<a href="javascript:void(0)" onclick="zhixing()">执行</a> 
<!-- 写入一个A标签href值为"javascript:void(0)"，定义点击事件onclick；-->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- 在您的服务器引入一门JS地址，请下载jsbridge-mini.js上传您自己的服务器获取链接；-->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
jsBridge.notification.requestAuth(function(granted){
  alert(granted ? "已允许" : "已禁止");
});

}
</script>
<!--执行核心代码；
//如果需要进入页面就执行，去掉点击事件即可；-->

按钮执行JS示例代码

<button onclick="zhixing()" >执行</button>
<!-- //写一个按钮，定义点击执行事件； -->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- //在您的服务器引入一门JS地址，请下载jsbridge-mini.js上传您自己的服务器获取链接； -->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
jsBridge.notification.requestAuth(function(granted){
  alert(granted ? "已允许" : "已禁止");
});

}
</script>
<!-- //执行核心代码；
//如果需要进入页面就执行，去掉点击事件即可； -->

转到APP设置 APP开发实现APP本地通知能力

发表于2022年12月22日由yimen

一门APP开发平台通用JS

转到APP设置 APP开发实现APP本地通知能力

核心代码示例，详情参阅demo

jsBridge.appSettings();

A标签执行JS示例代码

<a href="javascript:void(0)" onclick="zhixing()">执行</a> 
<!-- 写入一个A标签href值为"javascript:void(0)"，定义点击事件onclick；-->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- 在您的服务器引入一门JS地址，请下载jsbridge-mini.js上传您自己的服务器获取链接；-->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
jsBridge.appSettings();

}
</script>
<!--执行核心代码；
//如果需要进入页面就执行，去掉点击事件即可；-->

按钮执行JS示例代码

<button onclick="zhixing()" >执行</button>
<!-- //写一个按钮，定义点击执行事件； -->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- //在您的服务器引入一门JS地址，请下载jsbridge-mini.js上传您自己的服务器获取链接； -->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
jsBridge.appSettings();

}
</script>
<!-- //执行核心代码；
//如果需要进入页面就执行，去掉点击事件即可； -->

cancelAll 取消所有未发送的本地通知 APP开发实现APP本地消息能力

发表于2022年12月22日由yimen

cancelAll 取消所有未发送的本地通知 APP开发实现APP本地消息能力

一门APP开发平台通用JS

cancelAll 取消所有未发送的本地通知 APP开发实现APP本地消息能力

♦ 取消 notify 函数参数 interval 倒计时未结束的全部本地通知；

核心代码示例，详情参阅demo

jsBridge.notification.cancelAll();

A标签执行JS示例代码

<a href="javascript:void(0)" onclick="zhixing()">执行</a> 
<!-- 写入一个A标签href值为"javascript:void(0)"，定义点击事件onclick；-->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- 在您的服务器引入一门JS地址，请下载jsbridge-mini.js上传您自己的服务器获取链接；-->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
jsBridge.notification.cancelAll();

}
</script>
<!--执行核心代码；
//如果需要进入页面就执行，去掉点击事件即可；-->

按钮执行JS示例代码

<button onclick="zhixing()" >执行</button>
<!-- //写一个按钮，定义点击执行事件； -->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- //在您的服务器引入一门JS地址，请下载jsbridge-mini.js上传您自己的服务器获取链接； -->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
jsBridge.notification.cancelAll();

}
</script>
<!-- //执行核心代码；
//如果需要进入页面就执行，去掉点击事件即可； -->

notify 本地通知示例四 APP开发实现本地消息通知能力

发表于2022年12月22日由yimen

notify 本地通知示例四 APP开发实现本地消息通知能力

请仔细阅读本说明：
♦ 发送延时（interval 参数大于 0 秒）或即时本地通知；
♦ 发送后请打开设备通知栏查看；
♦ 点击通知会自动激活APP，如提供了 url 参数，同时会打开此链接（openUrlInApp 参数为 true 表示在App内打开，否则在系统浏览器打开）；
♦ 有未读通知的时候，桌面APP图标一般会显示数字角标（badge）；
♦ 部分 Android 设备默认是禁用通知的，可调用 requestAuth 检查是否允许通知；
♦ 如未允许通知，可调用 jsBridge.appSettings() 跳转到APP设置界面，让用户开启通知；
♦ 如需显示悬浮或锁屏通知，部分设备可能需要人工开启对应权限；
♦ 在延时结束之前（interval 参数指定的）可调用 cancelAll 取消通知，这样就不会收到还没发送的通知了；
♦ Android 特性：在 interval 参数延迟结束之间要确保APP进程处于存活状态，否则可能收不到通知；
♦ iOS 特性：如果APP处于前台激活状态，仅弹出通知提示，不会发送到通知栏；如果APP处于后台、杀死或锁屏状态，会发送到通知栏；

核心代码示例，详情参阅demo

jsBridge.notification.notify({
  title  : "妈妈的消息",
  content: "你妈喊你回家吃饭了，速回~~~"
}, function(succ, data) {
  if (succ) {
    console.log("已发送");
  } else {
    alert(JSON.stringify(data));
  }
});

A标签执行JS示例代码

<a href="javascript:void(0)" onclick="zhixing()">执行</a> 
<!-- 写入一个A标签href值为"javascript:void(0)"，定义点击事件onclick；-->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- 在您的服务器引入一门JS地址，请下载jsbridge-mini.js上传您自己的服务器获取链接；-->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
jsBridge.notification.notify({
  title  : "妈妈的消息",
  content: "你妈喊你回家吃饭了，速回~~~"
}, function(succ, data) {
  if (succ) {
    console.log("已发送");
  } else {
    alert(JSON.stringify(data));
  }
});

}
</script>
<!--执行核心代码；
//如果需要进入页面就执行，去掉点击事件即可；-->

按钮执行JS示例代码

<button onclick="zhixing()" >执行</button>
<!-- //写一个按钮，定义点击执行事件； -->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- //在您的服务器引入一门JS地址，请下载jsbridge-mini.js上传您自己的服务器获取链接； -->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
jsBridge.notification.notify({
  title  : "妈妈的消息",
  content: "你妈喊你回家吃饭了，速回~~~"
}, function(succ, data) {
  if (succ) {
    console.log("已发送");
  } else {
    alert(JSON.stringify(data));
  }
});

}
</script>
<!-- //执行核心代码；
//如果需要进入页面就执行，去掉点击事件即可； -->

notify 本地通知示例二 APP开发实现APP本地通知消息功能

发表于2022年12月22日由yimen

notify 本地通知示例二 APP开发实现APP本地通知消息功能

一门APP开发平台通用JS

核心代码示例，详情参阅demo

//iOS 苹果端执行本接口后把App推到后台或者锁屏手机，3秒后会收到通知。
jsBridge.notification.notify({
  title  : "打开百度的通知",
  content: "这是通知内容。点击在系统浏览器中打开百度...",
  url    : "https://m.baidu.com",
  openUrlInApp: false,
  interval    : 3
}, function(succ, data) {
  if (succ) {
    console.log("3秒后发送通知");
  } else {
    alert(JSON.stringify(data));
  }
});

A标签执行JS示例代码

<a href="javascript:void(0)" onclick="zhixing()">执行</a> 
<!-- 写入一个A标签href值为"javascript:void(0)"，定义点击事件onclick；-->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- 在您的服务器引入一门JS地址，请下载jsbridge-mini.js上传您自己的服务器获取链接；-->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
//iOS 苹果端执行本接口后把App推到后台或者锁屏手机，3秒后会收到通知。
jsBridge.notification.notify({
  title  : "打开百度的通知",
  content: "这是通知内容。点击在系统浏览器中打开百度...",
  url    : "https://m.baidu.com",
  openUrlInApp: false,
  interval    : 3
}, function(succ, data) {
  if (succ) {
    console.log("3秒后发送通知");
  } else {
    alert(JSON.stringify(data));
  }
});

}
</script>
<!--执行核心代码；
//如果需要进入页面就执行，去掉点击事件即可；-->

按钮执行JS示例代码

<button onclick="zhixing()" >执行</button>
<!-- //写一个按钮，定义点击执行事件； -->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- //在您的服务器引入一门JS地址，请下载jsbridge-mini.js上传您自己的服务器获取链接； -->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
//iOS 苹果端执行本接口后把App推到后台或者锁屏手机，3秒后会收到通知。
jsBridge.notification.notify({
  title  : "打开百度的通知",
  content: "这是通知内容。点击在系统浏览器中打开百度...",
  url    : "https://m.baidu.com",
  openUrlInApp: false,
  interval    : 3
}, function(succ, data) {
  if (succ) {
    console.log("3秒后发送通知");
  } else {
    alert(JSON.stringify(data));
  }
});

}
</script>
<!-- //执行核心代码；
//如果需要进入页面就执行，去掉点击事件即可； -->

APP开发

开发APP从一门开始

标签归档：本地消息

requestAuth 检查APP是否允许通知 APP开发实现APP桌面角标本地通知能力

转到APP设置 APP开发实现APP本地通知能力

cancelAll 取消所有未发送的本地通知 APP开发实现APP本地消息能力

notify 本地通知示例四 APP开发实现本地消息通知能力

notify 本地通知示例二 APP开发实现APP本地通知消息功能