vue app开发调用原生方法实现权限访问授权处理（一）

vue app开发调用原生方法实现权限访问授权处理

前提：在写代码之前应该想清楚调用原生安卓、ios的方法，就应该遵循双端的方法规则，调用方法时应该注意，在这里先主要介绍一下注意事项：

根据App发布应用市场的要求，下载、上传、定位获取、版本获取等功能必须要提供供用户选择的授权提示。当访问页面时候通过调用原生方法唤起手机授权提示，选择授权同意和拒绝授权处理，当选择同意授权就要对获取的数据进行 处理，选择拒绝授权时应做一些拒绝的提示，当再次访问页面时候，也要再次弹出这样的权限弹窗供用户选择授权，当然 用户可以拒绝或者在手机后台手动去设置是否要授权。

• 了解提供的原生的方法的实现步骤
• 知道原生方法的使用规范
• 原生方法的调用授权处理
• 同意授权处理和拒绝授权处理 

这里介绍原生方法的使用，实现步骤。 可根据自己项目需求自定义，但是用法都是类似的，参考使用。以下定义的方法需要和安卓、ios开发人沟通、协商定义。

目录

vue app开发调用原生方法实现权限访问授权处理

定位授权

模板文件下载权限功能

授权同意处理统一方法

拒绝授权处理统一方法

---

定位授权

授权弹窗这里不在截图；

mounted中进行授权方法调用，这里存在安卓在第一次进入获取不到定位问题，所以采用了定时器可获取到

mounted(){
   
    if (this.$utils.isAndroid_ios() == "andriod"){
        window["getDeviceLoc"] = (Longitude,Latitude,Address) => {
          this.getDeviceLoc(Longitude,Latitude,Address);
        };
    }
    // 获取安卓手机定位
    this.phoneTimer = setTimeout(()=>{
      this.getAndroidPosition();
      clearTimeout(this.phoneTimer);
    },1000);
    

    window["permissionGranted"] = () => {
      this.permissionGranted();
    };
    window["permissionDenied"] = () => {
      this.permissionDenied();
    };

  },

定义window["g