uni-app开发的微信html5网站如何获取微信授权登录用户信息openid，图像、昵称？

首先登录公众号后台设置接口权限，在网页账号里点击修改

授权毁掉页面域名设置为h5网页的访问地址

具体的代码如下：

<!-- 注册页面 -->
<template>
	<view class="bottom-side-otherLogin" @click="getWeChatCode" v-if="isWeixin">
		<text>微信一键登录</text>
		
	</view>
</template>
<script>
	export default {
		data() {
			return {
				isWeixin: false,
			};
		},
		onLoad() {
			this.isWeixin = this.isWechat()
			if(this.isWeixin){
				this.checkWeChatCode()//通过微信官方接口获取code之后，会重新刷新设置的回调地址【redirect_uri】
			}
		},
		onShow() {
		},
		mounted() {
 
		},
		methods: {
			/*微信登录相关  start*/
			//方法：用来判断是否是微信内置的浏览器
			isWechat() {
			        return String(navigator.userAgent.toLowerCase().match(/MicroMessenger/i)) === "micromessenger";
			},
			//方法:用来提取code
			getUrlCode(name) {
				return decodeURIComponent((new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)').exec(location.href) || [, ''])[1]
					.replace(/\+/g, '%20')) || null
			},
			//检查浏览器地址栏中微信接口返回的code
			checkWeChatCode() {
				let code = this.getUrlCode('code')
				uni.showToast({
					title:`微信code=${code}`
				})
				if (code) {
					
					this.getOpenidAndUserinfo(code)
				}
			},
			//请求微信接口，用来获取code
			getWeChatCode() {
				let local = encodeURIComponent(window.location.href); //获取当前页面地址作为回调地址
				let appid = '自己的appid'
				
			...

点击查看剩余70%