【愚公系列】2022年02月 微信小程序-app.json配置属性之requiredBackgroundModes

简介: 【愚公系列】2022年02月 微信小程序-app.json配置属性之requiredBackgroundModes

一、app.json配置属性之requiredBackgroundModes

申明需要后台运行的能力,类型为数组。目前支持以下项目:


audio: 后台音乐播放

location: 后台定位

如:


{
  "pages": ["pages/index/index"],
  "requiredBackgroundModes": ["audio", "location"]
}

注:在此处申明了后台运行的接口,开发版和体验版上可以直接生效,正式版还需通过审核。


二、audio

1.启用后台播放配置

app.json 配置requiredBackgroundModes音频后台播放,在小程序被手机切换为后台应用的时候,小程序中的音频还可以正常播放。

{
  "pages": ["pages/index/index"],
  "requiredBackgroundModes": ["audio"]
}

2.添加调用代码

注意:getBackgroundAudioManager() 目前只能够播放网络音频链接!不可以播放本地文件、还有工程内的音频文件。测试音频链接,可以去网友的网站,获取音乐平台的音频直链:https://music.liuzhijin.cn/


clkme:function(){
  const backgroundAudioManager = wx.getBackgroundAudioManager()
  backgroundAudioManager.title = '折子戏';
  backgroundAudioManager.epname = '折子戏';
  backgroundAudioManager.singer = '许巍';
  backgroundAudioManager.coverImgUrl = '';
  // 设置了 src 之后会自动播放
  backgroundAudioManager.src = 'http://music.163.com/song/media/outer/url?id=97325.mp3';
  backgroundAudioManager.play();//不要加这个!!!设置了SRC即可播放,不要再行play()
  //播放开始触发onEnded方法
  backgroundAudioManager.onPlay(() => {
        console.log("音乐播放开始");
  })
  //播放结束触发onEnded方法
  backgroundAudioManager.onEnded(() => {
        console.log("音乐播放结束");
  })
  backgroundAudioManager.onError(() => {
      console.log("音乐播放错误");
  })
},

3.注意点

getBackgroundAudioManager 一旦设置了src就开始播放了,不要再次调用play()

三、location

1.启用后台定位功能

在app.json中新增:

"requiredBackgroundModes":["location"],
"permission": {
  "scope.userLocationBackground": {
  "desc": "你的位置信息将用于小程序位置接口的效果展示"
  }
},

小程序后台定位的使用相关文档:https://developers.weixin.qq.com/miniprogram/dev/api/location/wx.onLocationChange.html


下面列举详细功能:

1.wx.onLocationChange//监听位置实时变化


2.wx.stopLocationUpdate//关闭监听实时位置变化,前后台都停止消息接收


3.wx.startLocationUpdate//开启小程序进入前台时接收位置消息


4.wx.startLocationUpdataBackground//开启小程序进入前后台时均接收位置消息


首先我们需要开启小程序进入前后台时均接收位置消息


const _locationChangeFn = function(res) {
  console.log('location change', res)
 }
 wx.onLocationChange(_locationChangeFn)
 wx.offLocationChange(_locationChangeFn)

注意这个API无法在开发者工具上调试,只能用真机来进行

相关文章
|
7月前
|
小程序 搜索推荐 JavaScript
引入小程序平台对app有啥好处
引入小程序平台对app有啥好处
564 155
|
10月前
|
域名解析 网络协议 API
【Azure Container App】配置容器应用的缩放规则 Managed Identity 连接中国区 Azure Service Bus 问题
本文介绍了在 Azure Container Apps 中配置基于自定义 Azure Service Bus 的自动缩放规则时,因未指定云环境导致的域名解析错误问题。解决方案是在扩展规则中添加 `cloud=AzureChinaCloud` 参数,以适配中国区 Azure 环境。内容涵盖问题描述、原因分析、解决方法及配置示例,适用于使用 KEDA 实现事件驱动自动缩放的场景。
223 1
|
人工智能 JSON 小程序
【一步步开发AI运动APP】七、自定义姿态动作识别检测——之规则配置检测
本文介绍了如何通过【一步步开发AI运动APP】系列博文,利用自定义姿态识别检测技术开发高性能的AI运动应用。核心内容包括:1) 自定义姿态识别检测,满足人像入镜、动作开始/停止等需求;2) Pose-Calc引擎详解,支持角度匹配、逻辑运算等多种人体分析规则;3) 姿态检测规则编写与执行方法;4) 完整示例展示左右手平举姿态检测。通过这些技术,开发者可轻松实现定制化运动分析功能。
|
9月前
|
缓存 小程序 开发工具
最新原创uniapp+vue3仿微信界面聊天app系统
最新原创研发uniapp+vue3实战跨端仿微信App界面聊天程序。支持运行到H5+小程序+APP端。
411 6
最新原创uniapp+vue3仿微信界面聊天app系统
|
10月前
|
小程序 安全 JavaScript
构建即时通讯APP内的小程序生态体系:从架构设计到技术实现-优雅草卓伊凡
构建即时通讯APP内的小程序生态体系:从架构设计到技术实现-优雅草卓伊凡
850 1
构建即时通讯APP内的小程序生态体系:从架构设计到技术实现-优雅草卓伊凡
|
8月前
|
存储 小程序 Java
热门小程序源码合集:微信抖音小程序源码支持PHP/Java/uni-app完整项目实践指南
小程序已成为企业获客与开发者创业的重要载体。本文详解PHP、Java、uni-app三大技术栈在电商、工具、服务类小程序中的源码应用,提供从开发到部署的全流程指南,并分享选型避坑与商业化落地策略,助力开发者高效构建稳定可扩展项目。
|
10月前
|
存储 人工智能 Android开发
为什么微信发送的APP安装不了,.apk转化为.apk.1
微信发送的APP文件常被改为.apk.1格式导致无法安装,推荐使用夸克或QQ浏览器解决。
1448 14
|
10月前
|
人工智能 小程序 前端开发
小程序、网站 vs. APP:成本差异究竟在哪里?技术栈如何决定项目上限?优雅草卓伊凡
小程序、网站 vs. APP:成本差异究竟在哪里?技术栈如何决定项目上限?优雅草卓伊凡
578 0
小程序、网站 vs. APP:成本差异究竟在哪里?技术栈如何决定项目上限?优雅草卓伊凡
|
10月前
|
小程序 Java 关系型数据库
圈子系统公众号app小程序系统源码圈子系统带即时通讯 多级圈子系统源码 兴趣小组系统开源 私密圈子系统代码 会员制社区系统
本圈子系统解决方案提供即时通讯、多级圈子、兴趣小组、私密社区及会员制管理功能。支持开源与商业方案,推荐ThinkSNS+、EasyClub及OpenFire等系统,并提供前后端技术选型建议,助力快速搭建社交平台。
565 0
|
存储 人工智能 移动开发
uni-app+vue3接入deepseek-v3搭建跨端ai流式(小程序+app+h5)
基于Uniapp+Vue3+Markdown接入DeepSeek-V3聊天大模型,支持编译到H5+小程序+App端。实现流式输出、支持亮色/暗黑主题、代码高亮、会话本地存储等功能。
2166 12

热门文章

最新文章