引言

效果展示

过程

1
npm install -g @vue/cli

如果速度不够快可以添加国内镜像源：
https://registry.npmmirror.com

结论

报错解决

无法使用公共依赖

在 HBuiderX 界面中，对待使用的模块右键点击”管理公共模块依赖”.

  1. Cannot find module‘uni-id’：uniCloud admin uniapp 新手遇到的问题_林哥哥_好物分享网 BestSvps(未授权)

另外对于登录失败： Error: not found collection的问题和这个类似，需要在 HBuiderX 界面点击”初始化数据库”.

uni-id 登录问题

写在最前!!!! 直接用 uni-starter 就对了！不要深究直接用！散装全是坑，但是用轮子就真的好用！

首先，由于 3.5 版本后uni-id已经变成了uni-id-common, 所以之前的使用方式已经不推荐使用了，这一点造成了很大麻烦因为教程上可能还是旧版本。

首先现在的uni-id分为了 8 个模块。

模块 说明
前端 uni-app 框架的相关 API uniIdRouter 页面路由、token 管理客户端 API
前端页面 uni-id-pages 登录、注册、修改密码、忘记密码、个人中心、修改头像等前端页面
网络传输自动管理用户 token 自动保存、续期 token、网络自动传输 token
云端云对象 uni-id-co 与 uni-id-pages 搭配的云对象，相关业务的云端部分
云端配置 uni-config-center 在 uni-config-center 下提供各种配置
云端公共模块 uni-id-common 用于云函数或云对象集成该模块验证 token 身份
云数据库的用户相关数据表 uni-id-users 等各种 opendb 数据表
uni-admin Admin 管理后台，包括用户角色权限管理、注册用户统计

可以看到，有三个本地/四个云端和一个后台。

我要完成的是小程序，所以：

第一步，要填写mp-weixin.oauth.weixin, 配置文件uni-id的云端配置文件在uniCloud/cloudfunctions/common/uni-config-center/uni-id/config.json中。如果没有提供这个文件需要自己创建，注意这个文件不能有注释，所以从官网粘贴的要自己删除。

体验 uni-id 需保证 uniCloud 服务空间至少有数据表 uni-id-users、opendb-verify-codes（验证码表）.

1
2
3
4
5
6
7
8
9
10
11
"mp-weixin": {
"tokenExpiresIn": 259200,
"tokenExpiresThreshold": 86400,
"oauth": {
    // 微信小程序登录所用的 appid、appsecret 需要在对应的小程序管理控制台获取
    "weixin": {
    "appid": "",
    "appsecret": ""
    }
}
},

第二步，在登录按钮的脚本调用中使用：

1
2
3
4
5
6
uniCloud.callFunction({
    name: 'login',
    data: {
    provider: 'mp-weixin'
    }
})
  1. uniCloud
  2. uniapp 使用云函数中的插件 uni-id 实现微信小程序的登录 - 简书

引用

  1. npm ,yarn 更换使用国内镜像源，阿里源，清华大学源