首页 > 微信 > 详细

Uni-app 之APP和小程序微信授权登录

时间:2020-03-19 15:08:07      阅读:1219      评论:0      收藏:0      [点我收藏+]

标签:unionid   openid   type   plus   str   service   

一、APP

技术分享图片

 技术分享图片

<template>
    <view>
        <!-- #ifdef APP-PLUS -->
        <button class="" @click="appLogin">APP微信授权登录</button>
        <!-- #endif -->
    </view>
</template>

<script>
    export default {
        data() {
            return {

            }
        },
        onLoad(options) {
            console.log(options);
        },
        methods: {
            appLogin: function() {
                uni.getProvider({
                    service: oauth,
                    success: function(res) {
                        console.log(res.provider);
                        //支持微信、qq和微博等
                        if (~res.provider.indexOf(weixin)) {
                            uni.login({
                                provider: weixin,
                                success: function(loginRes) {
                                    console.log(-------获取openid(unionid)-----);
                                    console.log(JSON.stringify(loginRes));
                                    // 获取用户信息
                                    uni.getUserInfo({
                                        provider: weixin,
                                        success: function(infoRes) {
                                            console.log(-------获取微信用户所有-----);
                                            console.log(JSON.stringify(infoRes.userInfo));
                                        }
                                    });
                                }
                            });
                        }
                    }
                });
            },
        }
    }
</script>

<style>

</style>

 二、小程序

技术分享图片

 

 技术分享图片

 

<template>
    <view>
        <!-- #ifdef MP-WEIXIN -->
        <button type="default" open-type="getUserInfo" @getuserinfo="getUserInfo" withCredentials="true">小程序登录</button>
        <!-- #endif -->
    </view>
</template>

<script>
    export default {
        data() {
            return {

            }
        },
        onLoad(options) {
            console.log(options);
        },
        methods: {
            getUserInfo(res) {
                console.log(res);
                uni.login({
                    provider: weixin,
                    success: function(loginRes) {
                        console.log(loginRes);
                        // 获取用户信息
                        uni.getUserInfo({
                            provider: weixin,
                            success: function(infoRes) {
                                console.log(用户昵称为: + infoRes.userInfo.nickName);
                            }
                        });
                    }
                });
            },
        }
    }
</script>

<style>

</style>

 

Uni-app 之APP和小程序微信授权登录

标签:unionid   openid   type   plus   str   service   

原文:https://www.cnblogs.com/yang-2018/p/12524195.html

(0)
(0)
   
举报
评论 一句话评论(0
© 2014 bubuko.com 版权所有 鲁ICP备09046678号-4
打开技术之扣,分享程序人生!
             

鲁公网安备 37021202000002号