当前位置: 首页 > news >正文

uniapp的app端推送功能,不使用unipush

1:推送功能使用htmlPlus实现:地址HTML5+ API Reference (html5plus.org)

效果图:

代码实现:

<template><view class="content"><view class="text-area"><button @click="createMsg">本地消息</button></view><button @click="openquanxian">跳转系统授权管理页</button><button @click="getquanxian">获取 APP 授权设置</button></view>
</template><script setup>import {ref,onMounted,nextTick} from 'vue';onMounted(() => {})const openquanxian = () => {uni.openAppAuthorizeSetting({success(res) {console.log(res)}})}const getquanxian = () => {let info = uni.getAppAuthorizeSetting()console.log('log', info);}// #ifdef APP-PLUSlet ClientInfo = ref()let AllMessage = ref()const createMsg = () => {plus.push.createMessage('我是一条本地消息', '', {title: 'xxx科技',})ClientInfo.value = plus.push.getClientInfo()console.log('log', ClientInfo.value);AllMessage.value = plus.push.getAllMessage()console.log('log', AllMessage.value);// plus.push.setAutoNotification(true);}plus.push.addEventListener('click', function(success) {console.log('logsss', success);});// #endif
</script><style>.content {display: flex;flex-direction: column;align-items: center;justify-content: center;}.logo {height: 200rpx;width: 200rpx;margin-top: 200rpx;margin-left: auto;margin-right: auto;margin-bottom: 50rpx;}.text-area {display: flex;justify-content: center;}.title {font-size: 36rpx;color: #8f8f94;}
</style>

请注意要实现消息推送功能,前提是应用的通知权限要打开

以上代码已实现从应用内跳到应用权限页,在实际工作中用户刚打开应用就要判断应用的通知权限是否打开,uniapp中有相关方法,如果获取到的值是没有打开的状态就要显示弹框询问是否打开通知权限,点击确定就跳转到应用权限页

http://www.lryc.cn/news/345621.html

相关文章:

  • 数据结构(四)————二叉树和堆(中)
  • 随便写点东西
  • Mac 报错 Zsh: command not found :brew
  • 分析师常用商业分析模型
  • KMeans,KNN,Mean-shift算法的学习
  • web前端笔记8
  • 【漏洞复现】Apahce HTTPd 2.4.49(CVE-2021-41773)路径穿越漏洞
  • API低代码平台介绍2-最基本的数据查询功能
  • 面试经典150题——盛最多水的容器
  • Box86源码解读记录
  • Azure AKS日志查询KQL表达式
  • Set接口
  • vue2结合element-ui实现TreeSelect 树选择功能
  • Python运维之定时任务模块APScheduler
  • Linux技能
  • 算法有哪些分类
  • 面试经典150题——找出字符串中第一个匹配项的下标
  • .Net MAUI 搭建Android 开发环境
  • 编译适配纯鸿蒙系统的ijkplayer中的ffmpeg库
  • 离线维护麒麟操作系统
  • leetcode尊享面试——二叉树(python)
  • macbookpro 安装linux mint 无线wifi无法连接 解决方案
  • 抖音小店如此内卷,现在还值得投入吗?还能赚到钱吗?
  • Java基础知识(11)
  • iOS——SDWebImage源码学习
  • 信创基础软件之中间件
  • 在Ubuntu linux操作系统上操作MySQL数据库常用的命令
  • 前端科举八股文-JAVASCRIPT篇
  • Docker私有仓库与Harbor部署使用
  • Linux的iptables防火墙基础介绍