微信H5获取用户基本信息是一个复杂的过程，涉及到前端和后端的多个步骤。下面是详细的描述：
一、前端根据appid获取code
在微信H5中，需要先通过前端来获取一个临时授权码（code）。这个code是通过一个重定向链接返回的，从而实现用户授权。
```javascript// 获取codegetCode() {
let appid = '可申请测试的appID';
let redirect_uri = encodeURIComponent(location.href);
let scope = 'snsapi_userinfo'; // 需要获取用户基本信息的权限 let state = Math.random().toString(36).substr(2,10); // 随机数，防止CSRF攻击 let url = ` window.location.href = url;
}
```
在上面的代码中，我们首先定义了几个变量：appid（微信开发者平台申请的appid）、redirect_uri（当前页面的链接，用于重定向返回code）、scope（需要获取用户基本信息的权限）和state（随机数，防止CSRF攻击）。
然后，我们通过`window.location.href`来实现重定向到微信授权页面。这个重定向链接中包含了appid、redirect_uri、scope和state等参数。
二、从重定向链接中截取code
当用户在微信授权页面完成授权后，会被重定向回当前页面，并且携带一个临时授权码（code）。我们需要通过前端来截取这个code。
```javascript// 截取codegetCodeFromUrl() {
let url = window.location.href;
let codeReg = /code=([^&]+)/;
let match = url.match(codeReg);
if (match) {
return match[1];
} else {
return null;
}
}
```
在上面的代码中，我们定义了一个正则表达式`codeReg`来匹配重定向链接中的code。然后，我们通过`window.location.href`来获取当前页面的链接，并且使用这个正则表达式来匹配code。
如果匹配成功，我们就返回code；否则，返回null。
三、后端根据code获取access_token
在前端截取了code之后，我们需要将code传递给后端来获取一个access_token。这个access_token是用于后续的API请求。
```javascript// 后端根据code获取access_tokenapp.post('/getAccessToken', (req, res) => {
let code = req.body.code;
let appid = '可申请测试的appID';
let secret = '可申请测试的secret';
let url = ` axios.get(url)
.then((response) => {
res.json(response.data);
})
.catch((error) => {
console.error(error);
res.status(500).send('Error getting access token');
});
});
```
在上面的代码中，我们定义了一个后端路由`/getAccessToken`来接收code。然后，我们通过axios来发送一个GET请求到微信API，传递appid、secret和code等参数。
如果请求成功，我们就返回access_token；否则，返回500错误。
四、使用access_token获取用户基本信息
最后，我们可以使用access_token来获取用户的基本信息。
```javascript// 使用access_token获取用户基本信息app.get('/getUserInfo', (req, res) => {
let accessToken = req.query.accessToken;
let openid = req.query.openid;
let url = ` axios.get(url)
.then((response) => {
res.json(response.data);
})
.catch((error) => {
console.error(error);
res.status(500).send('Error getting user info');
});
});
```
在上面的代码中，我们定义了一个后端路由`/getUserInfo`来接收access_token和openid。然后，我们通过axios来发送一个GET请求到微信API，传递access_token和openid等参数。
如果请求成功，我们就返回用户的基本信息；否则，返回500错误。
以上就是微信H5获取用户基本信息的详细描述。
