美文网首页
uni-app 授权登陆

uni-app 授权登陆

作者: hao_developer | 来源:发表于2021-05-08 22:37 被阅读0次
image.png
<template>
    <view class="content">
        
        <button open-type="getUserInfo" @getuserinfo="getUserInfo">用户授权</button>
        
    </view>
</template>

<script>
    export default {
        data() {
            return {
                title: 'hello uni-app'
            }
        },
        onLoad() {
            this.toLogin()
        },
        methods: {
            getUserInfo(e){//获取个人信息
                let that = this
                let p = this.getSetting() //判断是否授权
                p.then((isAuth) => {
                    console.log('是否已授权',isAuth)
                    if(isAuth){
                        console.log('用户信息加密',e)
                    }else{
                        uni.showToast({
                            icon: 'none',
                            title: '用户信息授权失败'
                        })
                    }
                })              
            },
            toLogin(){//获取code
                uni.login({
                    provider: 'weixin',
                    success: (res) => {
                        console.log("登陆成功",res)
                        console.log('登陆用户code',res.code)
                    },
                    fail: (res) => {
                        console.log('登陆失败', res)
                    }
                })
            },
            getSetting(){//判断是否授权
                return new Promise(function(resolve,reject){
                    uni.getSetting({
                        success: (res) => {
                            if(res.authSetting['scope.userInfo']){
                                console.log('存在')
                                resolve(true)
                            }else{
                                console.log('不存在')
                                reject(false)
                            }
                        }
                    })
                }).catch((e)=>{
                    console.log(e)
                })
            }
        }
    }
</script>

<style>

</style>

有写的不对的地方或有更好的实现方案 希望大家给予意见或思路

相关文章

  • uni-app 授权登陆

    有写的不对的地方或有更好的实现方案 希望大家给予意见或思路

  • 2018-12-03

    QQ授权登陆 电脑登陆 手机登陆

  • SourceTree 免登录跳过初始设置

    SourceTree 安装之后需要使用账号登陆以授权,以前是可以不登陆的,但是现在是强制登陆。 虽然是免费授权,但...

  • SourceTree 免登录跳过初始设置(转)

    SourceTree 安装之后需要使用账号登陆以授权,以前是可以不登陆的,但是现在是强制登陆。 虽然是免费授权,但...

  • 网页扫码请求登录的逻辑原理与实现

    引言 现实中经常会需要我们需要扫码授权登陆,有的时候是借助微信授权登陆,有的时候商户需要登陆某个特定的app,在该...

  • 云服务器下mysql授权远程登陆

    1)首先以 root 帐户登陆 MySQL(在授权之前要确保3306端口开放)2)创建远程登陆用户并授权 3)给用...

  • 5《白小云》之我的页面

    我的页面 主要实现登陆授权和我关注的股票列表 首先实现了登陆授权 my.wxml my.wxss my.json ...

  • 官网接口(v2.0)

    前台部分 QQ授权登陆部分 QQ授权登陆流程后台人员看,前台人员感兴趣看一下,我写的比较渣 用户点击登陆按钮发起的...

  • SSM框架下Shiro免密登录

    在做微信授权登陆的时候,由于使用shiro框架进行认证登陆,没有认证授权无法建立会话。数据库中的密码经过md5加密...

  • uni-app开发问题

    uni-app开发问题 微信 获取用户信息 wx.getUserInfo() 无法直接跳出授权小弹出框,需要 引导...

网友评论

      本文标题:uni-app 授权登陆

      本文链接:https://www.haomeiwen.com/subject/mbmpdltx.html