【愚公系列】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无法在开发者工具上调试,只能用真机来进行

相关文章
|
5天前
|
运维 小程序 前端开发
结合圈层营销策略,打造稳定可靠的圈子app系统,圈子小程序!
圈子系统是一种社交平台,用户可按兴趣、职业等创建或加入“圈子”,进行内容发布、讨论和资源共享。开发时需考虑需求分析、技术选型(如PHP、MySQL)、页面设计、功能实现(注册、登录、发布、评论等)、测试优化及运维管理。圈层营销则通过精准化、高端化的方式传递品牌信息,增强客户归属感。圈子小程序基于微信等平台,具备跨平台、便捷性和社交性,开发过程中需明确需求、选择技术框架、设计页面并确保稳定性和流畅性。
|
2月前
|
小程序 JavaScript 前端开发
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
774 1
|
6天前
|
移动开发 小程序 前端开发
使用php开发圈子系统特点,如何获取圈子系统源码,社交圈子运营以及圈子系统的功能特点,圈子系统,允许二开,免费源码,APP 小程序 H5
开发一个圈子系统(也称为社交网络或社群系统)可以是一个复杂但非常有趣的项目。以下是一些关键特点和步骤,帮助你理解如何开发、获取源码以及运营一个圈子系统。
55 3
|
13天前
|
人工智能 小程序 数据处理
uni-app开发AI康复锻炼小程序,帮助肢体受伤患者康复!
近期,多家康复机构咨询AI运动识别插件是否适用于肢力运动受限患者的康复锻炼。本文介绍该插件在康复锻炼中的应用场景,包括康复运动指导、运动记录、恢复程度记录及过程监测。插件集成了人体检测、姿态识别等功能,支持微信小程序平台,使用便捷,安全可靠,帮助康复治疗更加高效精准。
为什么不加盟线下陪玩APP小程序平台,而是自建平台?
自建线下陪玩APP平台相比加盟,能避免利润抽成,确保所有收益归己,同时提供更高的运营灵活性和稳定性,不受制于合同限制或总平台决策变动,更适合追求长期发展的创业者。
|
1月前
|
人工智能 小程序 搜索推荐
uni app下开发AI运动小程序解决方案
本文介绍了在小程序中实现AI运动识别的解决方案。该方案依托于UNI平台,通过高效便捷的插件形式,实现包括相机抽帧控制、人体识别、姿态识别等在内的多项功能,无需依赖后台服务器,大幅提高识别效率和用户体验。方案内置多种运动模式,支持自定义扩展,适用于AI健身、云上赛事、AI体测等多场景,适合新开发和存量改造项目。
|
1月前
|
移动开发 小程序
仿青藤之恋社交交友软件系统源码 即时通讯 聊天 微信小程序 App H5三端通用
仿青藤之恋社交交友软件系统源码 即时通讯 聊天 微信小程序 App H5三端通用
62 3
|
2月前
|
移动开发 小程序 数据可视化
基于npm CLI脚手架的uniapp项目创建、运行与打包全攻略(微信小程序、H5、APP全覆盖)
基于npm CLI脚手架的uniapp项目创建、运行与打包全攻略(微信小程序、H5、APP全覆盖)
380 3
|
2月前
|
存储 小程序 安全
微信的开发管理都需要配置什么?
【10月更文挑战第17天】微信的开发管理都需要配置什么?
39 0
|
2月前
|
JavaScript 小程序 开发者
uni-app开发实战:利用Vue混入(mixin)实现微信小程序全局分享功能,一键发送给朋友、分享到朋友圈、复制链接
uni-app开发实战:利用Vue混入(mixin)实现微信小程序全局分享功能,一键发送给朋友、分享到朋友圈、复制链接
522 0