uniapp微信小程序获得openid-Toy模板网

这篇具有很好参考价值的文章主要介绍了uniapp微信小程序获得openid。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

可以自动获取或点击按钮获取

<view class="py-2 px-3">
			<view   @click="getUserInfo" class="flex align-center justify-center bg-primary p-2 rounded-circle text-white font-md"  hover-class="bg-hover-primary" >点我登录</view>
		</view>

获取openid
注意：一般都是将code值传到后端去获取openid，因为在前端可能会被抓包或爬取到你的appid和secret，不安全，如果放在后端获取openid，除非你的服务器被攻击了，不然就是安全的。下面的实例是在前端直接获取的，这个明白后，可以直接改成后端的，是逻辑一样的。文章来源地址https://www.toymoban.com/news/detail-736505.html

  methods: {
			
			getUserInfo() {
			           uni.login({
			           	success: res => {
			           		//code值(5分钟失效)
			           		console.info(res.code);
			           		//小程序appid
			           		let appid = 'wx3599fe368a452c9'; //我瞎写的
			           		//小程序secret
			           		let secret = '1a5567978saf65c43s8s2397er1332ce'; //我瞎写的
			           		//wx接口路径  'https://api.weixin.qq.com/sns/jscode2session?appid=' + _this.globalData.appid + '&secret=' + _this.globalData.AppSecret + '&js_code=' + res.code + '&grant_type=authorization_code';

			           		let url = 'https://api.weixin.qq.com/sns/jscode2session?appid='+ appid + '&secret='+ secret + '&js_code=' + res.code + '&grant_type=authorization_code';
			           		uni.request({
			           			url: url, // 请求路径
			           			data: {}, // 请求体
			           			method: 'GET', //请求方法,
			           			header: '', //请求头
			           			success: result => {
			           				//响应成功
			           				//这里就获取到了openid了
			           				console.info(result.data.openid);
			           				// uni.setStorage({
			           				// 	key:'user',
			           				// 	data: result.data.openid
			           				// })
			           			},
			           			fail: err => {} //失败
			           		});
			           	}
			           });
			        },
			      }