uniCloud云开发----5、uni-id-pages的使用

前言

在开发过程中,会发现微信小程序的登录方式不断地更新和变化,这样导致我们在开发过程中非常的困难,uni-id-pages直接集成的页面和数据库来实现就很方便了

1、下载uni-id-pages插件

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
安装完成后如果报错重启可以解决

2、查看登录页面

在这里插入图片描述
http://localhost:8080/#/uni_modules/uni-id-pages/pages/login/login-withpwd
在这里插入图片描述
说明安装成功

3、配置项

云端配置config.json

在这里插入图片描述
创建config.json文件
在这里插入图片描述

将文档中的json代码粘过来并删除注释

{
  "passwordSecret": [
    {
      "type": "hmac-sha256",
      "version": 1
    }
  ], 
  "passwordStrength": "medium", 
  "tokenSecret": "", 
  "requestAuthSecret": "", 
  "tokenExpiresIn": 7200, 
  "tokenExpiresThreshold": 3600, 
  "passwordErrorLimit": 6, 
  "passwordErrorRetryTime": 3600, 
  "autoSetInviteCode": false, 
  "forceInviteCode": false, 
  "app": { 
    "tokenExpiresIn": 2592000,
    "tokenExpiresThreshold": 864000,
    "oauth": {
      "weixin": {
        "appid": "",
        "appsecret": ""
      },
      "qq": {
        "appid": "",
        "appsecret": ""
      },
      "apple": { 
        "bundleId": ""
      }
    }
  },
  "web": { 
    "tokenExpiresIn": 7200,
    "tokenExpiresThreshold": 3600,
    "oauth": {
      "weixin-h5": { 
        "appid": "",
        "appsecret": ""
      },
      "weixin-web": { 
        "appid": "",
        "appsecret": ""
      }
    }
  },
  "mp-weixin": {
    "tokenExpiresIn": 259200,
    "tokenExpiresThreshold": 86400,
    "oauth": {
      "weixin": {
        "appid": "",
        "appsecret": ""
      }
    }
  },
  "mp-qq": {
    "tokenExpiresIn": 259200,
    "tokenExpiresThreshold": 86400,
    "oauth": {
      "qq": {
        "appid": "",
        "appsecret": ""
      }
    }
  },
  "mp-alipay": {
    "tokenExpiresIn": 259200,
    "tokenExpiresThreshold": 86400,
    "oauth": {
      
      "alipay": {
        "appid": "",
        "privateKey": "", 
        "keyType": "PKCS8" 
      }
    }
  },
  "service": {
    "sms": {
      "name": "", 
      "codeExpiresIn": 180, 
      "smsKey": "", 
      "smsSecret": "", 
      "scene": {
        "bind-mobile-by-sms": { 
          "templateId": "", 
          "codeExpiresIn": 240 
        }
      }
    },
    "univerify": {
      "appid": "", 
      "apiKey": "", 
      "apiSecret": ""
    }
  }
}

在这里插入图片描述
这两项必填然后注册登录在浏览器缓存中可以看到用户数据
在这里插入图片描述

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
Uni-app云开发是基于uniCloud平台和js编程的云开发解决方案。通过uniCloud,开发者可以在一个项目中完成小程序的前后端开发,无需购买域名和云服务器。同时,uniCloud还提供了免费的后端服务器资源,适用于小程序访问量较小的情况。操作uni-app云开发的步骤如下: 1. 下载最新版的HBuilderX,并创建一个uniCloud的项目。 2. 新建一个Uni-app项目。 3. 创建云服务器空间。 4. 使用云函数实现后端逻辑。 5. 使用云数据库进行数据存储和管理,包括创建数据库、新增数据、定义表结构等。 6. 运行项目并展示数据(前端)。 通过以上步骤,开发者可以在uni-app中实现云开发的各种功能,包括添加、删除、更新数据等。此外,uniCloud还提供了一些案例,如实现添加与删除功能、更新功能、通讯录功能等,方便开发者学习和实践。\[1\]\[2\]\[3\] #### 引用[.reference_title] - *1* *2* [Uniapp云开发Uniapp入门)](https://blog.csdn.net/m0_55734030/article/details/128191345)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] - *3* [uni-app之云开发uniCloud)入门](https://blog.csdn.net/tw2496907023/article/details/114667033)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值