CRMEB multi-merchant ADAPTS the latest small program authorization scheme

# # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # #

Click for details

# # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # #

Modify the code in the corresponding file as shown below

I. Mobile terminal modification, corresponding to the following figure;

1. File Location:components/Authorize.vue

If not, the complete code is as follows:

<template>
	<view>
		<view class='Popup' v-if='isShowAuth'>
			<view class="logo-auth">
				<image :src='logoUrl' mode="aspectFit"></image>
			</view>
			<view class='title'>Authorization to remind</view>
			<view class='tip'>Please authorize your profile picture and other information to provide you with better services</view>
			<view class='bottom flex'>
				<view class='item' @click='close'>A stroll</view>
				<! -- #ifdef APP-PLUS -->
				<button class='item grant' @click="setUserInfo">To authorize</button>
				<! -- #endif -->
				<! -- #ifdef MP -->
				<button v-if="canUseGetUserProfile" class="item grant" hover-class="none"
					@tap="getUserProfile">To authorize</button>
				<button v-else class='item grant' type="primary" open-type="getUserInfo" lang="zh_CN"
					@getuserinfo="setUserInfo">To authorize</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; // Get the promoter ID
					userInfo.spread_code = app.globalData.code; // Get the QR code ID of the promoter
					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; // Get the promoter ID
								userInfo.spread_code = app.globalData.code; // Get the QR code ID of the promoter
								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: 'Logging in'
				});
				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>
Copy the code

2. File locationlibs/routine.js

getUserProfile(code) {
		return new Promise((resolve, reject) = > {
			uni.getUserProfile({
				lang: 'zh_CN'.desc: 'To improve member information'.// Specify the purpose of obtaining the user's personal information, which will be displayed in the subsequent pop-up window
				success(user) {
					if (code) user.code = code;
					resolve({
						userInfo: user,
						islogin: false
					});
				},
				fail(res){ reject(res); }})})}Copy the code

Second, modify the code

File Location: app/controller/api/Auth.phpmethodsfunction mpAuth()

The modified code is as follows:

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('Authorization failed, wrong parameters');
        $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('Failed to get session_key, please check your configuration! '['line'= >$e->getLine(), 'message'= >$e->getMessage()]); }}$data = $this->request->params([
            ['spread_spid'.0],
            ['spread_code'.' '],
            ['iv'.' '],
            ['encryptedData'.' ']]);try {
            // Decrypt to obtain user information
            $userInfo = $miniProgramService->encryptor($session_key.$data['iv'].$data['encryptedData']);
        } catch (Exception $e) {
            if ($e->getCode() == '41003') return app('json')->fail('Failed to obtain session key');
            throw $e;
        }
        if (!$userInfo) return app('json')->fail('OpenID fetch failed');
        if (!isset($userInfo['openId'])) $userInfo['openId'] = $userInfoCong['openid']????' ';
        if (!$userInfo['openId']) return app('json')->fail('OpenID fetch failed');
        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('Authorization failed');
        / * *@var UserRepository $make */
        $userRepository = app()->make(UserRepository::class);
        $user[1] = $userRepository->mainUser($user[1]);
        $code = intval($data['spread_code'] ['id']????$data['spread_code']);
        // Get whether there is a scan into applet
        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));
}

Copy the code

About CRMEB multi-merchant can click on the source code, demo account: Demo password: crmeb.com

There are more other projects to learn about

You can also add little sister to learn more