# uni-app-xiaotuxian

**Repository Path**: codinglin/uni-app-xiaotuxian

## Basic Information

- **Project Name**: uni-app-xiaotuxian
- **Description**: 基于 vue3 + typescript + pinia 的 uniapp 微信小程序项目
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2023-08-12
- **Last Updated**: 2023-09-07

## Categories & Tags

**Categories**: Uncategorized

**Tags**: Vue, TypeScript, Pinia, uni-app

## README

## 项目运行

node版本：`v18.17.1`

pnpm版本：`8.6.12`

1. `git clone git@gitee.com:codinglin/uni-app-xiaotuxian.git`

2. `cd uni-app-xiaotuxian`

3. `npm i pnpm -g`

4. `pnpm i`

5. 在 `src` 下的 `manifest.json` 文件中添加自己的微信小程序 `appid`

```json
"mp-weixin": {
  "appid": "",  // 在此添加appid
  "setting": {
    "urlCheck": false
  },
  "usingComponents": true
},
```

6. 项目启动：`pnpm dev:mp-weixin`

7. 最后将 `dist` 目录下的 `dev` 目录下的 `mp-weixin` 文件夹导入到微信开发者工具中查看效果

注意：获取手机号功能目前针对非个人开发者，所以个人开发者无法唤起获取手机号界面，该项目提供了模拟快捷登录的 API 进行使用，需要自行添加手机号。

在 src-> pages -> login -> login.vue 中，找到 `onGetphonenumberSimple` 方法，在接口中传入手机号即可。

```js
// 模拟手机号快捷登录（个人使用）
const onGetphonenumberSimple = async () => {
  const res = await postLoginWxMinSimpleApi('')  // 此处添加手机号
  console.log(res)
  uni.showToast({ icon: 'success', title: '登录成功' })
}
```

温馨提示：新注册的用户部分信息是缺失的，个人信息的展示可使用手机号 `13123456789` 进行查看，在进行个人信息修改时换成自己的手机号。