HBuilderx打包h5的APP,解决获取相机权限问题

最近有一个H5项目需要打包成APP,通过HBuilderx中的原生云打包(具体过程百度一下很详细),项目中需要获取相机的权限,程序中是通过 navigator.myGetUserMedia调取相机的,但是一打包就不能实现,必须通过手动给权限才能成功。

最后各种找资料,得出能直接打开权限,但第一次进入还是不能用,只有退出重新进入APP才能调取。

于是就想着是不是在 进入程序的一瞬间直接获取权限,然后直接在重启APP,这样应该能平滑的打开相机权限并不影响用户体验。下面就是具体代码,这里是找的资料调取二维码的,但我们只要把相机的权限打开就好了,所以相机画面直接屏蔽掉。

document.addEventListener('plusready',function () { // 这里一定要加上  不然会报push 未定义
        plus.android.requestPermissions(['android.permission.CAMERA'], function(e){
        if(e.deniedAlways.length>0){    //权限被永久拒绝
            // 弹出提示框解释为何需要定位权限,引导用户打开设置页面开启
            //alert('永久');
            document.addEventListener("plusready", onPlusReady, false);
            // 扩展API加载完毕,现在可以正常调用扩展API
            function onPlusReady() {
                // 创建扫码控件来调获取手机的相机权限
                barcode = plus.barcode.create('barcode', [plus.barcode.QR], {
                    top: '-9999', //改为-9999px隐藏该页面
                    left: '0',
                    width: '100%',
                    height: '500px',
                    position: 'static'
                });
                //plus.webview.currentWebview().append(barcode);;
                //barcode.start();开始扫码识别(我们把这句代码注释了,因为我们不需要扫描任何东西)
            }
            //上面打开权限后,这里直接重启APP
            plus.runtime.restart();
        }
        if(e.deniedPresent.length>0){   //权限被临时拒绝
            // 弹出提示框解释为何需要定位权限,可再次调用plus.android.requestPermissions申请权限
            //alert('临时 ');
        }
        if(e.granted.length>0){ //权限被允许
            //调用依赖获取定位权限的代码
            //alert('允许!!! ');
            
        }
    }, function(e){
        alert('Request Permissions error:'+JSON.stringify(e));
    });
    },false);
  • 1
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
HbuilderX是一个用于开发多种应用的集成开发环境,包括H5应用。要使用HbuilderX打包H5 APP,可以按照以下步骤进行操作: 1. 下载并安装HbuilderX。 2. 在HbuilderX中新建一个项目,选择项目类型为H5 APP。 3. 选择项目的本地存放地址,并填写项目名称,然后点击创建。 4. 打开刚创建的项目,在项目文件中找到manifest.json文件。 5. 在manifest.json文件中填写你的H5项目地址。 6. 进行基本配置,根据你的需求进行设置。 7. 在SDK配置中,可以配置项目的appid、key和其他相关配置,比如定位功能的配置。 8. 填写完所有配置后,点击发行,选择云打包。 9. 等待云打包完成,HbuilderX会给出一个下载链接。 10. 点击下载链接,下载生成的安装包。 11. 将安装包安装到手机上,即可打开H5 APP。 以上是使用HbuilderX打包H5 APP的简要步骤,具体的操作细节可以参考HbuilderX的官方文档或者相关教程。 #### 引用[.reference_title] - *1* [hBuilderX将小程序打包h5](https://blog.csdn.net/weixin_33974433/article/details/91454803)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [HbuilderX打包appHbuilder怎么打包appH5打包appH5怎么打包app](https://blog.csdn.net/LIUAWEIO/article/details/88719446)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] - *3* [HBuilderX H5 app打包以及加入个推](https://blog.csdn.net/zwx19921215/article/details/102918090)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值