uniapp微信小程序授权获取用户信息封装

1、在  common  中创建一个    setUserInfo.js

 export default() => {
    return new Promise((resolve, reject) => {
        uni.getUserProfile({
            desc: '用于完善个人资料' // 声明获取用户个人信息后的用途，后续会展示在弹窗中，请谨慎填写
        })
        .then((response) => {
            if (response[1].errMsg === 'getUserProfile:ok') {
                uni.setStorageSync('userInfo', response[1].userInfo); //存储用户信息
                resolve(response[1]);//返回的信息 
            }else {
                uni.showToast({
                    title: '授权失敗',
                    icon: 'error'
                });
            }
        }).catch((reject) => {
             console.log('拒绝授权',reject)
        })
    })
}

2、在   main.js  中全局引入

import setUserInfo from "common/setUserInfo.js" //微信用户信息
Vue.prototype.$setUserInfo = setUserInfo

3、在  components  中创建一个组件    authorize.vue

html

 

        script

        css

4、在需要授权的页面中引入组件  authorize.vue

5、效果图