CRMEB多商户适配最新小程序授权方案

  • • 发表于 5个月前
  • • 作者 尐吖頭噯
  • • 2940 人浏览
  • • 0 条评论
  • • 最后编辑时间 5个月前
  • • 来自 [技 术]

原创声明:本文为作者原创,未经允许不得转载,经授权转载需注明作者和出处

对照下图修改对应文件中的代码
一. 移动端修改,如下图对应位置修改;

  1. 文件位置 : components/Authorize.vue
    在这里插入图片描述

如果未做二开,完整代码如下:

<template>
    <view>
        <view class='Popup' v-if='isShowAuth'>
            <view class="logo-auth">
                <image :src='logoUrl' mode="aspectFit"></image>
            </view>
            <view class='title'>授权提醒</view>
            <view class='tip'>请授权头像等信息,以便为您提供更好的服务</view>
            <view class='bottom flex'>
                <view class='item' @click='close'>随便逛逛</view>
                <!-- #ifdef APP-PLUS -->
                <button class='item grant' @click="setUserInfo">去授权</button>
                <!-- #endif -->
                <!-- #ifdef MP -->
                <button v-if="canUseGetUserProfile" class="item grant" hover-class="none"
                    @tap="getUserProfile">去授权</button>
                <button v-else class='item grant' type="primary" open-type="getUserInfo" lang="zh_CN"
                    @getuserinfo="setUserInfo">去授权</button>
                <!-- #endif -->
            </view>
        </view>
        <view class='mask' v-if='isShowAuth' @click='close'></view>
    </view>
</template>

<script>
    const app = getApp();
    import Cache from '../utils/cache';
    import {
        getLogo
    } from '../api/public';
    import {
        LOGO_URL
    } from '../config/cache';
    import {
        mapGetters
    } from 'vuex';
    import Routine from '../libs/routine';

    export default {
        name: 'Authorize',
        props: {
            isAuto: {
                type: Boolean,
                default: true
            },
            isGoIndex: {
                type: Boolean,
                default: true
            },
            isShowAuth: {
                type: Boolean,
                default: false
            }
        },
        data() {
            return {
                logoUrl: app.globalData.routine_logo,
                canUseGetUserProfile: false
            }
        },
        computed: mapGetters(['isLogin', 'userInfo']),
        watch: {
            isLogin(n) {
                n === true && this.$emit('onLoadFun', this.userInfo);
            }
        },
        created() {
            if (uni.getUserProfile) {
                this.canUseGetUserProfile = true
            }
            this.getLogoUrl();
            this.setAuthStatus();
            uni.$on('update', (data) => {
                this.logoUrl = data.login_logo
            })
        },
        mounted: function() {
            this.$nextTick(() => {
                this.logoUrl = app.globalData.login_logo
            });
        },
        methods: {
            setAuthStatus() {
                Routine.authorize().then(res => {
                    if (res.islogin === false)
                        this.setUserInfo();
                    else
                        this.$emit('onLoadFun', this.userInfo);
                }).catch(res => {
                    if (this.isAuto)
                        this.$emit('authColse', true);
                })
            },
            getUserInfo(code) {
                Routine.getUserInfo().then(res => {
                    let userInfo = res.userInfo
                    userInfo.code = code;
                    userInfo.spread_spid = this.$Cache.get("spread") || app.globalData.spid; //获取推广人ID
                    userInfo.spread_code = app.globalData.code; //获取推广人分享二维码ID
                    console.log(this.$Cache.get("spread"))
                    Routine.authUserInfo(userInfo).then(res => {
                        uni.hideLoading();
                        this.$emit('authColse', false);
                        this.$emit('onLoadFun', this.userInfo);
                    }).catch(res => {
                        uni.hideLoading();
                        uni.showToast({
                            title: res.msg,
                            icon: 'none',
                            duration: 2000
                        });
                    })
                }).catch(res => {
                    uni.hideLoading();
                })
            },
            getUserProfile() {
                let self = this;
                Routine.getUserProfile()
                    .then(res => {
                        Routine.getCode()
                            .then(code => {
                                let userInfo = res.userInfo;
                                userInfo.code = code;
                                userInfo.spread_spid = app.globalData.spid; //获取推广人ID
                                userInfo.spread_code = app.globalData.code; //获取推广人分享二维码ID
                                Routine.authUserInfo(userInfo)
                                    .then(res => {
                                        if (res.data.key !== undefined && res.data.key) {
                                            uni.hideLoading();
                                            self.authKey = res.data.key;
                                            self.isPhoneBox = true;
                                        } else {
                                            uni.hideLoading();
                                            let time = res.data.expires_time - self.$Cache.time();
                                            self.$store.commit('LOGIN', {
                                                token: res.data.token,
                                                time: time
                                            });
                                            this.getUserInfo()
                                        }
                                    })
                                    .catch(res => {
                                        uni.hideLoading();
                                        uni.showToast({
                                            title: res.msg,
                                            icon: 'none',
                                            duration: 2000
                                        });
                                    });
                            })
                            .catch(res => {
                                uni.hideLoading();
                            });
                    })
                    .catch(res => {
                        uni.hideLoading();
                    });
            },

            setUserInfo() {
                uni.showLoading({
                    title: '正在登录中'
                });
                Routine.getCode().then(code => {
                    this.getUserInfo(code);
                    this.$emit('authColse', false);
                }).catch(res => {
                    uni.hideLoading();
                })
            },
            getLogoUrl() {
                this.logoUrl = app.globalData.routine_logo
                // let that = this;
                // if (Cache.has(LOGO_URL)) {
                //     this.logoUrl = Cache.get(LOGO_URL);
                //     return;
                // }
                // getLogo().then(res=>{
                //     that.logoUrl = res.data.logo_url
                //     Cache.set(LOGO_URL,that.logoUrl);
                // })
            },
            close() {
                let pages = getCurrentPages(),
                    currPage = pages[pages.length - 1];
                if (this.isGoIndex) {
                    uni.switchTab({
                        url: '/pages/index/index'
                    });
                } else {
                    this.$emit('authColse', false);
                }
                // if (currPage && currPage.isShowAuth != undefined){
                //     currPage.isShowAuth = true;
                // }
            },
        }
    }
</script>

<style scoped lang='scss'>
    .Popup {
        width: 500rpx;
        background-color: #fff;
        position: fixed;
        top: 50%;
        left: 50%;
        margin-left: -250rpx;
        transform: translateY(-50%);
        z-index: 1000;
    }

    .Popup {
        .logo-auth {
            z-index: -1;
            position: absolute;
            left: 50%;
            top: 0%;
            transform: translate(-50%, -50%);
            width: 150rpx;
            height: 150rpx;
            display: flex;
            align-items: center;
            justify-content: center;
            border: 8rpx solid #fff;
            border-radius: 50%;
            background: #fff;
        }

        image {
            height: 42rpx;
            margin-top: -54rpx;
        }
    }

    .Popup .title {
        font-size: 28rpx;
        color: #000;
        text-align: center;
        margin-top: 30rpx
    }

    .Popup .tip {
        font-size: 22rpx;
        color: #555;
        padding: 0 24rpx;
        margin-top: 25rpx;
    }

    .Popup .bottom .item {
        width: 50%;
        height: 80rpx;
        background-color: #eeeeee;
        text-align: center;
        line-height: 80rpx;
        font-size: 24rpx;
        color: #666;
        margin-top: 54rpx;
    }

    .Popup .bottom .item.on {
        width: 100%
    }

    .flex {
        display: flex;
    }

    .Popup .bottom .item.grant {
        font-size: 28rpx;
        color: #fff;
        font-weight: bold;
        background-color: #e93323;
        border-radius: 0;
        padding: 0;
    }

    .mask {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.65);
        z-index: 999;
    }
</style>
  1. 文件位置 libs/routine.js

在这里插入图片描述

getUserProfile(code) {
        return new Promise((resolve, reject) => {
            uni.getUserProfile({
                lang: 'zh_CN',
                desc: '用于完善会员资料', // 声明获取用户个人信息后的用途,后续会展示在弹窗中,请谨慎填写
                success(user) {
                    if (code) user.code = code;
                    resolve({
                        userInfo: user,
                        islogin: false
                    });
                },
                fail(res) {
                    reject(res);
                }
            })
        })
    }

二. 修改后段代码

文件位置:app/controller/api/Auth.php 方法 function mpAuth()
在这里插入图片描述

修改后的代码如下:

public function mpAuth()
    {
        list($code, $post_cache_key) = $this->request->params([
            'code',
            'cache_key',
        ], true);
        $session_key = Cache::get('eb_api_code_' . $post_cache_key);
        if (!$code && !$session_key)
            return app('json')->fail('授权失败,参数有误');
        $miniProgramService = MiniProgramService::create();
        if ($code && !$session_key) {
            try {
                $userInfoCong = $miniProgramService->getUserInfo($code);
                $session_key = $userInfoCong['session_key'];
                $cache_key = md5(time() . $code);
                Cache::set('eb_api_code_' . $cache_key, $session_key, 86400);
            } catch (Exception $e) {
                return app('json')->fail('获取session_key失败,请检查您的配置!', ['line' => $e->getLine(), 'message' => $e->getMessage()]);
            }
        }

        $data = $this->request->params([
            ['spread_spid', 0],
            ['spread_code', ''],
            ['iv', ''],
            ['encryptedData', ''],
        ]);

        try {
            //解密获取用户信息
            $userInfo = $miniProgramService->encryptor($session_key, $data['iv'], $data['encryptedData']);
        } catch (Exception $e) {
            if ($e->getCode() == '-41003') return app('json')->fail('获取会话密匙失败');
            throw $e;
        }
        if (!$userInfo) return app('json')->fail('openid获取失败');
        if (!isset($userInfo['openId'])) $userInfo['openId'] = $userInfoCong['openid'] ?? '';
        if (!$userInfo['openId']) return app('json')->fail('openid获取失败');
        if (!isset($userInfo['unionId'])) $userInfo['unionId'] = '';

        /** @var WechatUserRepository $make */
        $make = app()->make(WechatUserRepository::class);
        $user = $make->syncRoutineUser($userInfo['openId'], $userInfo);
        if (!$user)
            return app('json')->fail('授权失败');
        /** @var UserRepository $make */
        $userRepository = app()->make(UserRepository::class);
        $user[1] = $userRepository->mainUser($user[1]);
        $code = intval($data['spread_code']['id'] ?? $data['spread_code']);
        //获取是否有扫码进小程序
        if ($code && ($info = app()->make(RoutineQrcodeRepository::class)->getRoutineQrcodeFindType($code))) {
            $data['spread_spid'] = $info['third_id'];
        }
        $userRepository->bindSpread($user[1], intval($data['spread_spid']));
        $tokenInfo = $userRepository->createToken($user[1]);
        $userRepository->loginAfter($user[1]);

        return app('json')->success($userRepository->returnToken($user[1], $tokenInfo));
}

关于CRMEB多商户可以点击了解源码,演示账号 : demo 密码: crmeb.com

还有更多其他项目了解戳这里:了解更多

也可以加小姐姐了解更多
在这里插入图片描述

分享到:
评论区(共0条评论)
0条评论
Ctrl+Enter
作者

尐吖頭噯

尐吖頭噯

APP:0 帖子:4 回复:0 积分:22

已加入社区[775]天

选择一种姿态,活到无可替代

作者详情》
Top