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

Vue App权限访问授权处理详解

置顶船长在船上

已于 2023-07-06 14:48:45 修改

阅读量1.2k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： Vue javascript vue项目非常实用的功能整理文章标签：前端 vue.js javascript

于 2022-12-03 18:47:12 首次发布

本文链接：https://blog.youkuaiyun.com/SmartJunTao/article/details/128163902

vue项目非常实用的功能整理同时被 3 个专栏收录

27 篇文章 ¥19.90 ¥99.00

订阅专栏

超级会员免费看

Vue

198 篇文章

订阅专栏

javascript

66 篇文章

订阅专栏

本文详细介绍了在Vue App中如何调用原生方法实现权限访问授权处理，包括图片上传、版本获取、图片下载、电话授权等场景，并提供了同意与拒绝授权的统一处理方法。强调了与安卓、iOS开发者沟通协调的重要性，以及遵循双端方法规则。

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

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

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

了解提供的原生的方法的实现步骤

知道原生方法的使用规范

原生方法的调用授权处理

同意授权处理和拒绝授权处理

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

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

图片上传授权

<van-col span="24" class="text-left fontSize30">
            <div class="upload-img">
              <div style="position:relative">
                 <!--图层 -->
                <div @click="handleSend" class="handleSend" v-if="isShow&&uploadList.length<6"></div>
                  <van-uploader class="orignImg uploadImg"  @oversize="onOversize" @delete="deleteImg"
                  :max-size="10240 * 1024" :max-count="6" v-model="fileList"
                  :after-read="afterShip" accept="image/*" ref="uploadFile"/>
              </div>
            </div>