找回密码立即注册

[授权登陆] 微信互动 IOS13 陀螺仪DeviceOrientationEvent需要申请用户权限

[复制链接]
admin 发表于 2020-5-24 21:53:34 | 显示全部楼层 |阅读模式 |          

登录查看更多营销运营教程!做新媒体达人!

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
有些代码跑着跑着就报错了,有些陀螺仪用着用着就不能用了。
目前时间是2020.4.4,发现  ios 13系统调用陀螺仪 需要申请用户权限(这应该是个趋势,后面安卓应该陆续跟进)。

具体实现来看下:
1.申请权限的方法是:window.DeviceOrientationEvent.requestPermission,返回值是个promise,promise中会返回 用户的  允许(“granted”)/拒绝(”denied“) 状态;可能还有第三个值”prompt“,目前不知道怎么会返回这第三个值;

2.requestPermission方法的”首次“调用 需要 由用户交互触发(目前发现 click,touchend事件可以)。

2.1  先说下 ”首次“的含义。指的是用户 完全退出app(而不是 app切换到后台运行) 后再次打开为首次。用户在首次进入后 如果页面需要陀螺仪权限,需要用户交互才能触发requestPermission方法。之后系统会记录 用户对本网址的授权信息,不退出app的情况下就不需要重复申请本权限了,本记录信息会一直保留  直到完全退出app。

2.2 非首次调用的话  则不需要用户交互 触发,我们在页面初始化时调用来拿到 用户的 授权状态  进而做一些处理。

2.3  如果首次调用 不是由 用户触发,比如 页面初始化时 调用,则此方法的promis会返回reject状态。

3.现在可以写一下 大概逻辑流程。
  

                               
登录/注册后可看大图

4.需要注意,使用陀螺仪 需要https协议,且一经用户授权/禁止,系统会保留用户授权状态,不再重复系统弹框,直到完全退出app。

5.上一个官方文档,点这.

6.贴个代码
window.DeviceOrientationEvent.requestPermission()
            .then(state => {
                if(state === "granted"){//允许
                    console.error("用户允许",state)
                }else if(state === "denied"){//拒绝
                    console.error("用户拒绝",state)
                }else if(state === "prompt"){
                    console.error("用户干了啥",state)
                }


回复

使用道具 举报

QQ| 微信互动|M现场|活动TV|服务市场|微现场登录|微现场源码|微信互动 ( 鄂ICP备15007878-1 )|网站地图

GMT+8, 2020-11-24 17:42 , Processed in 12.103880 second(s), 10 queries , XCache On.

Powered by Wxscreen.Cn

© 2012-2017 WXC.IM INC.

快速回复 返回顶部 返回列表