unicloud云开发---uniapp云开发(四)---本机手机号一键登录以及第三方登陆

你的名字 2022-10-31 12:28 102阅读 0赞

> 我们来实现一键登录以及第三方登陆  
> 一键登录手登陆机号使用
> 
> 我们的视频教程(免费)链接为[https://static-b5208986-2c02-437e-9a27-cfeba1779ced.bspapp.com/][https_static-b5208986-2c02-437e-9a27-cfeba1779ced.bspapp.com]  
> 大学之道亦在自身，努力学习，热血青春  
> 如果对编程感兴趣可以加入我们的qq群一起交流：974178910  
> ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMDI3Njgx_size_16_color_FFFFFF_t_70]

> `未经本人允许，禁止转载`

![在这里插入图片描述][20201110144238980.gif_pic_center]

> 非常方便的一个东西  
> ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMDI3Njgx_size_16_color_FFFFFF_t_70 1]

### uni一键登陆 ###

*  主要以本机号码为例演示 下面也有其它(微信/qq)
 *  开通一键登录
 *  一键登陆
 *   *  获取可用服务商
     *  预登陆
     *   *  小案例
     *  登陆
     *   *  一键登录拿到access\_token
         *  access\_token换取手机号
         *   *  在云函数中
             *  客户端传送access\_token
 *  本机号码一键登录案例
 *   *  逻辑和效果
     *  云函数
     *  页面代码
 *  微信登陆
 *   *  效果
     *  登陆
     *  获取用户信息
     *  检测登陆是否过期
     *  演示代码
 *  QQ登陆
 *   *  效果
     *  登陆
     *  获取用户信息
     *  检测登陆是否过期
     *  演示代码

# 主要以本机号码为例演示 下面也有其它(微信/qq) #

预登陆只有app支持

# 开通一键登录 #

登陆开发者后台 [https://dev.dcloud.net.cn/][https_dev.dcloud.net.cn]

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMDI3Njgx_size_16_color_FFFFFF_t_70 2]  
在这里开通即可 可以先充值一块钱测试

# 一键登陆 #

## 获取可用服务商 ##

uni.getProvider({ 
        service: 'oauth',
        success: function (res) { 
            console.log(res.provider)
        }
    });

我的手机测试 如下  
![在这里插入图片描述][20210222184147640.png]  
微信小程序开发工具内  
![在这里插入图片描述][20210222184414397.png]

## 预登陆 ##

可以判断当前设备环境是否支持一键登录

uni.preLogin({ 
    	provider: 'univerify',
    	success() {  //预登录成功
    		// 显示一键登录选项
    		console.log("预登陆成功")
    	},
    	fail(res) {  // 预登录失败
    		// 不显示一键登录选项（或置灰）
    		// 根据错误信息判断失败原因，如有需要可将错误提交给统计服务器
    		console.log(res.errCode)
    		console.log(res.errMsg)
    	}
    })

### 小案例 ###

如果支持一键登陆 就显示一键登录 否则就显示普通账号密码登陆

<template>
    	<view>
    		<view v-if="isSupport" class="content">
    			<image class="logo" src="/static/logo.png" @click="login()"></image>
    			<view class="text-area">
    				<text class="title">{ { title}}</text>
    			</view>
    		</view>
    		<view v-if="!isSupport">
    			<input placeholder="账号" />
    			<input placeholder="密码" />
    		</view>
    	</view>
    </template>
    
    <script>
    	export default { 
    		data() { 
    			return { 
    				title: '点击图片一键登录',
    				isSupport: true
    			}
    		},
    		onLoad() { 
    			this.prelogin()
    		},
    		methods: { 
    			login(){ 
    				uni.login({ 
    				    provider: 'univerify',
    				    univerifyStyle: {  // 自定义登录框样式
    				    //参考`univerifyStyle 数据结构`
    				  },
    				    success(res){  // 登录成功
    				        console.log(res.authResult);  // {openid:'登录授权唯一标识',access_token:'接口返回的 token'}
    				    },
    				    fail(res){   // 登录失败
    				        console.log(res.errCode)
    				        console.log(res.errMsg)
    				    }
    				})
    			},
    			prelogin() { 
    				let vm = this;
    				uni.preLogin({ 
    				    provider: 'univerify',
    				    success(){   //预登录成功
    				        // 显示一键登录选项
    						console.log("预登陆成功")
    				    },
    				    fail(res){   // 预登录失败
    				        // 不显示一键登录选项（或置灰）
    				    // 根据错误信息判断失败原因，如有需要可将错误提交给统计服务器
    						vm.isSupport = false;
    				        console.log(res.errCode)
    				        console.log(res.errMsg)
    				    }
    				})
    				
    
    			}
    		}
    	}
    </script>
    
    <style>
    	.content { 
    		display: flex;
    		flex-direction: column;
    		align-items: center;
    		justify-content: center;
    	}
    
    	.logo { 
    		height: 200rpx;
    		width: 200rpx;
    		margin-top: 200rpx;
    		margin-left: auto;
    		margin-right: auto;
    		margin-bottom: 50rpx;
    	}
    
    	.text-area { 
    		display: flex;
    		justify-content: center;
    	}
    
    	.title { 
    		font-size: 36rpx;
    		color: #8f8f94;
    	}
    </style>

## 登陆 ##

### 一键登录拿到access\_token ###

univerifyStyle 数据结构样式 参考链接 [https://uniapp.dcloud.io/univerify][https_uniapp.dcloud.io_univerify]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMDI3Njgx_size_16_color_FFFFFF_t_70 3]

uni.login({ 
    	provider: 'univerify',
    	univerifyStyle: {  // 自定义登录框样式
    		//参考`univerifyStyle 数据结构`
    	},
    	success(res) {  // 登录成功
    		console.log(res.authResult); // {openid:'登录授权唯一标识',access_token:'接口返回的 token'}
    		uni.closeAuthView(); //关闭一键登陆窗口 
    	},
    	fail(res) {  // 登录失败
    		console.log(res.errCode)
    		console.log(res.errMsg)
    	}
    })

如下  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMDI3Njgx_size_16_color_FFFFFF_t_70 4]这里拿到 openid 和access\_token  
console.log(res.authResult)  
![在这里插入图片描述][20210222191038751.png]  
一键登陆成功后 记得关闭登陆窗口

uni.closeAuthView()

### access\_token换取手机号 ###

拿到手机号就可以用手机号注册什么的了 也可以通过手机号获取信息

#### 在云函数中 ####

如果不知道如何创建云函数 请参考 [https://dmhsq.blog.csdn.net/article/details/113746528][https_dmhsq.blog.csdn.net_article_details_113746528]

![在这里插入图片描述][20210222191513311.png]![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMDI3Njgx_size_16_color_FFFFFF_t_70 5]

'use strict';
    exports.main = async (event, context) => { 
    	//event为客户端上传的参数
    	const res = await uniCloud.getPhoneNumber({ ），
    		provider: 'univerify', //微信 weixin qq qq
    		apiKey: 'xxx', // 在开发者中心开通服务并获取apiKey
    		apiSecret: 'xxx', // 在开发者中心开通服务并获取apiSecret
    		access_token: event.access_token,
    		openid: event.openid
    	})
    	console.log(res);
    	//返回数据给客户端
    	return "登陆成功"
    };

#### 客户端传送access\_token ####

uni.login({ 
    	provider: 'univerify',
    	univerifyStyle: {  // 自定义登录框样式
    		//参考`univerifyStyle 数据结构`
    	},
    	success(res) {  // 登录成功
    		console.log(res.authResult); // {openid:'登录授权唯一标识',access_token:'接口返回的 token'}
    		uniCloud.callFunction({  //换取手机号 但是不返回手机号(返回不安全)
    			name: 'dologintest',
    			data: { 
    				access_token: res.authResult.access_token,
    				openid: res.authResult.openid
    			},
    			success:function(res){ 
    				console.log(res)
    			}
    		})
    		uni.closeAuthView()
    	},
    	fail(res) {  // 登录失败
    		console.log(res.errCode)
    		console.log(res.errMsg)
    	}
    })

调用成功  
![在这里插入图片描述][20210222192844228.png]

# 本机号码一键登录案例 #

## 逻辑和效果 ##

一键登录 获取手机号 在数据查询 如果没有此账号 就默认注册  
如果环境不支持号码一键登录 就显示账号密码登陆

创建云数据库 如果你不知道如何创建 请参考 [https://dmhsq.blog.csdn.net/article/details/113855441][https_dmhsq.blog.csdn.net_article_details_113855441]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMDI3Njgx_size_16_color_FFFFFF_t_70 6]这里只用用户名和手机号  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMDI3Njgx_size_16_color_FFFFFF_t_70 7]  
首先我们预登陆 如果成功 说明支持号码一键登录 如果不支持 就显示 账号密码登陆  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMDI3Njgx_size_16_color_FFFFFF_t_70 8]一键登陆  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMDI3Njgx_size_16_color_FFFFFF_t_70 9]  
如果没有注册 就默认注册  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMDI3Njgx_size_16_color_FFFFFF_t_70 10]如果注册过 就返回用户名  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMDI3Njgx_size_16_color_FFFFFF_t_70 11]  
![在这里插入图片描述][20210222212851326.png]

## 云函数 ##

'use strict';
    exports.main = async (event, context) => { 
    	//event为客户端上传的参数
    	const res = await uniCloud.getPhoneNumber({ 
    	      provider: 'univerify',
    	      apiKey: 'xxxxxx', // 在开发者中心开通服务并获取apiKey
    	      apiSecret: 'xxxxxxx', // 在开发者中心开通服务并获取apiSecret
    	      access_token: event.access_token,
    	      openid: event.openid
    	  })
    	  
    	 // console.log(res.phoneNumber);
    	 if (res.success){ 
    		 const db = uniCloud.database();
    		 // 获取 `usertest` 集合的引用
    		 const collection = db.collection('usertest');
    		 let resp = await collection.where({ phone:res.phoneNumber}).get();
    		 let msgs = { 
    			 code: 0,
    			 msg: "成功"
    		 }
    		 if(resp.data.length==0){ 
    			 let resps = await collection.add({ username:"无名称",phone:res.phoneNumber});
    			 msgs.msg = "注册成功,欢迎使用,亲爱的用户"
    		 }else{ 
    			 msgs.msg = "登陆成功,"+resp.data[0].username
    		 }
    		 return msgs;
    	 }else{ 
    		 return { 
    			 code: 4001,
    			 msg: "获取手机号失败"
    		 }
    	 }
    	 
    	
    };

## 页面代码 ##

<template>
    	<view>
    		<view v-if="isSupport" class="content">
    			<image class="logo" src="/static/logo.png" @click="login()"></image>
    			<view class="text-area">
    				<text class="title">{ { title}}</text>
    			</view>
    		</view>
    		<view v-if="!isSupport">
    			<input placeholder="账号" />
    			<input placeholder="密码" />
    		</view>
    	</view>
    </template>
    
    <script>
    	export default { 
    		data() { 
    			return { 
    				title: '点击图片一键登录',
    				isSupport: true
    			}
    		},
    		onLoad() { 
    			this.prelogin()
    		},
    		methods: { 
    			login(){ 
    				uni.login({ 
    				    provider: 'univerify',
    				    univerifyStyle: {  // 自定义登录框样式
    				    //参考`univerifyStyle 数据结构`
    				  },
    				    success(res){  // 登录成功
    				        console.log(res.authResult);  // {openid:'登录授权唯一标识',access_token:'接口返回的 token'}
    						uniCloud.callFunction({ 
    							name:'dologintest',
    							data:{ access_token:res.authResult.access_token,openid:res.authResult.openid},
    							success:function(res){ 
    								uni.showToast({ 
    									icon:"none",
    									title:res.result.msg
    								})
    							}
    						})
    						uni.closeAuthView()
    				    },
    				    fail(res){   // 登录失败
    				        console.log(res.errCode)
    				        console.log(res.errMsg)
    				    }
    				})
    			},
    			prelogin() { 
    				let vm = this;
    				uni.preLogin({ 
    				    provider: 'univerify',
    				    success(){   //预登录成功
    				        // 显示一键登录选项
    						console.log("预登陆成功")
    						uni.showToast({ 
    							icon:"none",
    							title:"预登陆成功"
    						})
    				    },
    				    fail(res){   // 预登录失败
    				        // 不显示一键登录选项（或置灰）
    				    // 根据错误信息判断失败原因，如有需要可将错误提交给统计服务器
    						vm.isSupport = false;
    				        console.log(res.errCode)
    				        console.log(res.errMsg)
    				    }
    				})
    				
    
    			}
    		}
    	}
    </script>
    
    <style>
    	.content { 
    		display: flex;
    		flex-direction: column;
    		align-items: center;
    		justify-content: center;
    	}
    
    	.logo { 
    		height: 200rpx;
    		width: 200rpx;
    		margin-top: 200rpx;
    		margin-left: auto;
    		margin-right: auto;
    		margin-bottom: 50rpx;
    	}
    
    	.text-area { 
    		display: flex;
    		justify-content: center;
    	}
    
    	.title { 
    		font-size: 36rpx;
    		color: #8f8f94;
    	}
    </style>

# 微信登陆 #

## 效果 ##

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMDI3Njgx_size_16_color_FFFFFF_t_70 12]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMDI3Njgx_size_16_color_FFFFFF_t_70 13]

## 登陆 ##

uni.login({ 
    	provider: 'weixin',
    	success(res) {  // 登录成功
    		uni.showToast({ 
    			icon: 'none',
    			title: '登陆成功'
    		})
    	},
    	fail(res) {  // 登录失败
    		uni.showToast({ 
    			icon: 'none',
    			title: '登陆失败'
    		})
    	}
    })

## 获取用户信息 ##

这里显示 用户名

uni.getUserInfo({ 
    	success: function(res) { 
    		uni.showToast({ 
    			icon: 'none',
    			title: '用户名为' + res.userInfo.nickName
    		})
    	}
    })

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMDI3Njgx_size_16_color_FFFFFF_t_70 14]返回的数据格式为

{ 
    	"errMsg": "getUserInfo:ok",
    	"userInfo": { 
    		"openId": "xxxxx",
    		"nickName": "xxxx",
    		"gender": xxxx,
    		"city": "xxx",
    		"province": "xxx",
    		"country": "xxxx",
    		"avatarUrl": "xxxxxxxxxx",
    		"unionId": "xxxx"
    	}
    }

参考上面的手机号码登陆案例 一样可以实现登陆注册  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMDI3Njgx_size_16_color_FFFFFF_t_70 15]

## 检测登陆是否过期 ##

![在这里插入图片描述][20210222201559993.png]

uni.checkSession({ 
    	success: function(res) { 
    		console.log(res)
    	}
    })

## 演示代码 ##

<template>
    	<view>
    		<view class="content">
    			<button type="primary" @click="login()">登陆</button>
    			<button type="primary" @click="getUser()">获取用户信息</button>
    			<button type="primary" @click="check()">检测登陆是否过期</button>
    		</view>
    	</view>
    </template>
    
    <script>
    	export default { 
    		data() { 
    			return { 
    				
    			}
    		},
    		onLoad() { 
    
    		},
    		methods: { 
    			getUser(){ 
    				uni.getUserInfo({ 
    					success:function(res){ 
    						uni.showToast({ 
    							icon: 'none',
    							title: '用户名为'+res.userInfo.nickName
    						})
    					}
    				})
    			},
    			check(){ 
    				uni.checkSession({ 
    					success:function(res){ 
    						console.log(res)
    					}
    				})
    			},
    			login() { 
    				uni.login({ 
    					provider: 'weixin',
    					success(res) {  // 登录成功
    						uni.showToast({ 
    							icon: 'none',
    							title: '登陆成功'
    						})
    					},
    					fail(res) {  // 登录失败
    						uni.showToast({ 
    							icon: 'none',
    							title: '登陆失败'
    						})
    					}
    				})
    			}
    		}
    	}
    </script>
    
    <style>
    	.content { 
    		display: flex;
    		flex-direction: column;
    		align-items: center;
    		justify-content: center;
    	}
    
    	.logo { 
    		height: 200rpx;
    		width: 200rpx;
    		margin-top: 200rpx;
    		margin-left: auto;
    		margin-right: auto;
    		margin-bottom: 50rpx;
    	}
    
    	.text-area { 
    		display: flex;
    		justify-content: center;
    	}
    
    	.title { 
    		font-size: 36rpx;
    		color: #8f8f94;
    	}
    </style>

# QQ登陆 #

相当于微信登陆 只改变了  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMDI3Njgx_size_16_color_FFFFFF_t_70 16]

## 效果 ##

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMDI3Njgx_size_16_color_FFFFFF_t_70 17]

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMDI3Njgx_size_16_color_FFFFFF_t_70 18]

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMDI3Njgx_size_16_color_FFFFFF_t_70 19]![在这里插入图片描述][20210222202817915.png]

## 登陆 ##

## 获取用户信息 ##

这里显示 用户名

uni.getUserInfo({ 
    	success: function(res) { 
    		uni.showToast({ 
    			icon: 'none',
    			title: '用户名为' + res.userInfo.nickName
    		})
    	}
    })

如果获取不到 就使用  
<button @getuserinfo=“getUserInfo” open-type=“getUserInfo” type=“primary”>获取信息

getUserInfo(e) { 
    	console.log(e.detail.userInfo)
    	uni.showToast({ 
    		icon: 'none',
    		title: "欢迎您" + e.detail.userInfo.nickName
    	})
    }

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMDI3Njgx_size_16_color_FFFFFF_t_70 20]

返回的数据格式为

userInfo:{ 
    	avatarUrl: "xxxxxx"
    	city: "xxxx
    	country: "xxxx"
    	gender: 1
    	language: "zh_CN"
    	nickName: "xxxx"
    	province: "xxxxx"
    }

## 检测登陆是否过期 ##

![在这里插入图片描述][20210222201559993.png]

uni.checkSession({ 
    	success: function(res) { 
    		console.log(res)
    	}
    })

![在这里插入图片描述][20210222212051642.png]

## 演示代码 ##

<template>
    	<view>
    		<view class="content">
    			<button type="primary" @click="login()">登陆</button>
    			<button @getuserinfo="getUserInfo" open-type="getUserInfo" type="primary">获取信息</button>
    			<button type="primary" @click="check()">检测登陆是否过期</button>
    		</view>
    	</view>
    </template>
    
    <script>
    	export default { 
    		data() { 
    			return { 
    				
    			}
    		},
    		onLoad() { 
    
    		},
    		methods: { 
    			  getUserInfo(e) { 
    				  console.log(e.detail)
    				  uni.showToast({ 
    				  	icon:'none',
    				  	title: "欢迎您"+e.detail.userInfo.nickName
    				  })
    			  },
    			getUser(){ 
    				uni.getUserInfo({ 
    					withCredentials:true,
    					success:function(res){ 
    						console.log(res)
    						uni.showToast({ 
    							icon:'none',
    							title:res.userInfo
    						})
    					},
    					fail:function(res){ 
    						console.log(res)
    					}
    				})
    			},
    			check(){ 
    				uni.checkSession({ 
    					success:function(res){ 
    						console.log(res)
    					}
    				})
    			},
    			login() { 
    				uni.login({ 
    					provider: 'qq',
    					success(res) {  // 登录成功
    						console.log(res)
    						uni.showToast({ 
    							icon:'none',
    							title:"登陆成功"
    						})
    						
    					},
    					fail(res) {  // 登录失败
    						uni.showToast({ 
    							icon: 'none',
    							title: '登陆失败'
    						})
    					}
    				})
    			}
    		}
    	}
    </script>
    
    <style>
    	.content { 
    		display: flex;
    		flex-direction: column;
    		align-items: center;
    		justify-content: center;
    	}
    
    	.logo { 
    		height: 200rpx;
    		width: 200rpx;
    		margin-top: 200rpx;
    		margin-left: auto;
    		margin-right: auto;
    		margin-bottom: 50rpx;
    	}
    
    	.text-area { 
    		display: flex;
    		justify-content: center;
    	}
    
    	.title { 
    		font-size: 36rpx;
    		color: #8f8f94;
    	}
    </style>

大学之道亦在自身，努力学习，热血青春  
如果对编程感兴趣可以加入我们的qq群一起交流：974178910

[https_static-b5208986-2c02-437e-9a27-cfeba1779ced.bspapp.com]: https://static-b5208986-2c02-437e-9a27-cfeba1779ced.bspapp.com/
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMDI3Njgx_size_16_color_FFFFFF_t_70]: /images/20221024/107738c8d098482caf7e6613442db9ba.png
[20201110144238980.gif_pic_center]: /images/20221024/8c7313ba624e4c93a9ff2b3085803ea6.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMDI3Njgx_size_16_color_FFFFFF_t_70 1]: /images/20221024/032dfdbd216a484aab1513e687fbf488.png
[https_dev.dcloud.net.cn]: https://dev.dcloud.net.cn/
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMDI3Njgx_size_16_color_FFFFFF_t_70 2]: /images/20221024/025b3b3e8c004f3680a6b93f21eef5b9.png
[20210222184147640.png]: /images/20221024/4c3c0535b1174dc59e369e7962ce6415.png
[20210222184414397.png]: /images/20221024/d0962d7730fc4d77a461baf65cf22f0e.png
[https_uniapp.dcloud.io_univerify]: https://uniapp.dcloud.io/univerify
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMDI3Njgx_size_16_color_FFFFFF_t_70 3]: /images/20221024/74568fb2926d4e60b7f87245e3f1caa8.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMDI3Njgx_size_16_color_FFFFFF_t_70 4]: /images/20221024/81012c02b95c415e8f3430a43b97da4f.png
[20210222191038751.png]: /images/20221024/251cbd1b74a54e908cef67bef7bc3396.png
[https_dmhsq.blog.csdn.net_article_details_113746528]: https://dmhsq.blog.csdn.net/article/details/113746528
[20210222191513311.png]: https://img-blog.csdnimg.cn/20210222191513311.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMDI3Njgx_size_16_color_FFFFFF_t_70 5]: /images/20221024/89f6f4f984744390a9f3002aac373426.png
[20210222192844228.png]: /images/20221024/0076ea5bd9b54d83993f96f8f18795fa.png
[https_dmhsq.blog.csdn.net_article_details_113855441]: https://dmhsq.blog.csdn.net/article/details/113855441
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMDI3Njgx_size_16_color_FFFFFF_t_70 6]: /images/20221024/d0d707eaf2824bc5bbb227757110ee0f.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMDI3Njgx_size_16_color_FFFFFF_t_70 7]: /images/20221024/15dbc165a71e4a7083468dc958970a10.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMDI3Njgx_size_16_color_FFFFFF_t_70 8]: /images/20221024/758cb5aa85bc4163a080a60382b1768c.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMDI3Njgx_size_16_color_FFFFFF_t_70 9]: /images/20221024/5b3d1b66c69f4f328217d846f69d0ff8.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMDI3Njgx_size_16_color_FFFFFF_t_70 10]: /images/20221024/a6df3c82f5f34da98246ea5b6611f0a1.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMDI3Njgx_size_16_color_FFFFFF_t_70 11]: /images/20221024/3cd6771d6f9240388eb5ce93a4ce993a.png
[20210222212851326.png]: /images/20221024/ff0b6288b85a4e8a8801cc3bb610d20f.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMDI3Njgx_size_16_color_FFFFFF_t_70 12]: /images/20221024/a644a8696b9e4bbcb5e0d7d272258e8d.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMDI3Njgx_size_16_color_FFFFFF_t_70 13]: /images/20221024/929cf73d65294dd3952f9dca9b29a44a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMDI3Njgx_size_16_color_FFFFFF_t_70 14]: /images/20221024/5e1ff70b5baf4b61883e3af8c4e1ec9c.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMDI3Njgx_size_16_color_FFFFFF_t_70 15]: /images/20221024/3375164350e0457496df20047ea20055.png
[20210222201559993.png]: /images/20221024/8d74b64433e4449dbb80167873254bb4.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMDI3Njgx_size_16_color_FFFFFF_t_70 16]: /images/20221024/4aa66ab6d076420ab90c3ccc87be981a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMDI3Njgx_size_16_color_FFFFFF_t_70 17]: /images/20221024/2832174f83534777bef4c415ba424810.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMDI3Njgx_size_16_color_FFFFFF_t_70 18]: /images/20221024/74a44947e9d445b88e701a8ff666e57e.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMDI3Njgx_size_16_color_FFFFFF_t_70 19]: https://img-blog.csdnimg.cn/20210222202730567.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMDI3Njgx,size_16,color_FFFFFF,t_70
[20210222202817915.png]: /images/20221024/9d3f908e910443d5b403584a0bb91b89.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMDI3Njgx_size_16_color_FFFFFF_t_70 20]: /images/20221024/b99c9f48c2e340a5b47ef527e071e8dc.png
[20210222212051642.png]: /images/20221024/fc596e5be7454414bf2f1cabe14c8216.png