实现微信小程序登录授权和手机号授权（uniapp做微信小程序）
一、配置manifest.json首先，我们需要在`manifest.json`文件中进行微信小程序的配置。这个文件是uni-app项目的核心配置文件，包含了项目的基本信息，如appid、name等。
```json{
"name": "myApp",
"version": "1.0",
"description": "My App",
"appid": "your_appid", // 微信小程序appid "secret": "your_secret" // 微信小程序secret}
```
二、封装request请求api.js如果你已经有一个request请求的api文件，可以直接跳过这个步骤。如果没有，需要创建一个`api.js`文件来封装微信小程序登录授权和手机号授权的接口。
```javascript// api.jsimport request from './request';
export function login(code) {
return request({
url: '/login',
method: 'post',
data: { code }
});
}
export function getPhoneNumber() {
return request({
url: '/getPhoneNumber',
method: 'post'
});
}
```
三、封装微信授权登录和获取手机号在`api.js`文件中，我们已经定义了两个接口：`login`和`getPhoneNumber`。现在，我们需要在uni-app项目中使用这些接口来实现微信授权登录和获取手机号。
```javascript// login.vue
```
```javascript// getPhoneNumber.vue
```
四、在页面中引用最后，我们需要在登录页面`login.vue`和获取手机号页面`getPhoneNumber.vue`中引用我们封装的接口。
```javascript// login.vue
```
```javascript// getPhoneNumber.vue
```
示例图
登录页面：
