首页 > 微信 > 详细

uniapp获取微信手机号码

时间:2021-06-28 15:10:56      阅读:39      评论:0      收藏:0      [点我收藏+]

uniapp获取微信手机号码

<template>
    <view>
        <!-- bindgetphonenumber -->
        <button type="primary" open-type="getUserInfo" @click="getuserinfo" withCredentials="true">微信登录</button>
        <button open-type="getPhoneNumber" @getphonenumber="getPhoneNumber">获取电话号码</button>
 
    </view>
</template>
 
<script>
    export default {
        data() {
            return {
 
            };
        },
        onLoad: function() {
            uni.login({
                success: function(res) {
                    // 获取code
                    // console.log(JSON.stringify(res));
                }
            });
        },
 
        methods: {
            getPhoneNumber: function(e) {
                console.log(e);
                if (e.detail.errMsg == getPhoneNumber:fail user deny) {
 
                } else {
 
                }
 
                //                 console.log(JSON.stringify(e.encryptedData));
                //                 console.log(JSON.stringify(e.iv));
            },
            getUserInfo: function(loginType, cb) {
                var that = this
                if (this.globalData.userInfo) {
                    typeof cb == "function" && cb(this.globalData.userInfo, true);
                } else {
                    //1.调用登录接口
                    wx.login({
                        success: function() {
                            wx.getUserInfo({
                                success: function(res) {
                                    that.globalData.userInfo = res.userInfo;
                                    typeof cb == "function" && cb(that.globalData.userInfo, true);
                                },
                                fail: function() {
                                    //2.第一次登陆不强制授权,直接返回
                                    if (loginType == 0) {
                                        typeof cb == "function" && cb(that.globalData.userInfo, false);
                                    } else {
                                        //3.授权友好提示
                                        wx.showModal({
                                            title: 提示,
                                            content: "您还未授权登陆,部分功能将不能使用,是否重新授权?",
                                            showCancel: true,
                                            cancelText: "",
                                            confirmText: "",
                                            success: function(res) {
                                                //4.确认授权调用wx.openSetting
                                                if (res.confirm) {
                                                    if (wx.openSetting) { //当前微信的版本 ,是否支持openSetting
                                                        wx.openSetting({
                                                            success: (res) => {
                                                                if (res.authSetting["scope.userInfo"]) { //如果用户重新同意了授权登录
                                                                    wx.getUserInfo({
                                                                        success: function(res) {
                                                                            that.globalData.userInfo = res.userInfo;
                                                                            typeof cb == "function" && cb(that.globalData.userInfo, true);
                                                                        }
                                                                    })
                                                                } else { //用户还是拒绝
                                                                    typeof cb == "function" && cb(that.globalData.userInfo, false);
                                                                }
                                                            },
                                                            fail: function() { //调用失败,授权登录不成功
                                                                typeof cb == "function" && cb(that.globalData.userInfo, false);
                                                            }
                                                        })
                                                    } else {
                                                        typeof cb == "function" && cb(that.globalData.userInfo, false);
                                                    }
                                                } else {
                                                    typeof cb == "function" && cb(that.globalData.userInfo, false);
                                                }
                                            }
                                        })
                                    }
                                }
                            })
                        }
                    })
                }
            }
        }
    }
</script>
 
<style>
 
</style>

 

uniapp获取微信手机号码

原文:https://www.cnblogs.com/yechangzhong-826217795/p/14943839.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!