微信小程序——如何实现账号的注册、登录?

article/2025/9/16 18:03:04

用到的数据库表:

用户表:chat-user,用于存放用户的基本信息,比如账号、密码、头像等等

用户的注册

1.先获取用户信息

使用wx.getUserProfile接口,获取用户的基本信息

功能描述获取用户信息。页面产生点击事件(例如 button 上 bindtap 的回调中)后才可调用,每次请求都会弹出授权窗口,用户同意后返回 userInfo。该接口用于替换 wx.getUserInfo,详见 用户信息接口调整说明。

可以与一个事件进行绑定。

2.用户输入账号密码,把基本信息添加到数据库chat-user中

 wx.cloud.database().collection("chat-user").add({data:{number:Date.now(),//账号pas:that.data.pas1,//密码touxiang:that.data.userInfo.avatarUrl,//头像name:that.data.userInfo.nickName,//用户微信名admin:that.data.zh//用户},

完成这一步,用户的基本信息就上传到数据库中了。

同时为了之后更好的调用程序,可以将获取到的值赋值给本页的data和全局的globalData。

注意:

2.1.账号为了防止重复,我们使用data.now时间函数生成。

2.2.在用户进行输入的时候,我们有两个框让让他们进行输入,一个是昵称,另外一个是密码。为了防止用户密码出现失误,可以让用户输入两次密码一致后才注册成功。

2.3.灵活的使用 wx.showToast,弹出窗口进行提示是否成功。

3.页面跳转

调用组件wx.switchTab,直接跳转到tabar页面。

进行登录

1.获取用户的账号和密码

使用input组件就就可以实现。

以获取密码为例

  getpassword(e){//获取输入框密码console.log(e.detail.value)this.setData({pas1:e.detail.value})},

在js页面中,把获取到的信息负责给此页面中的data,为了下一步的数据中查询用户账号信息做准备。

2.根据获取到的账号密码,对数据库进行查询,获取查询到的结果。

注意:res._id是已经获取到的用户输入的账号。

         //查询数据库获取这个数据 wx.cloud.database().collection("chat-user").doc(res._id).get({success(res1){app.globalData.userInfo=res1.data//赋值给全局wx.switchTab({url: '/pages/message/message',})wx.showToast({title: '登录成功!',})}})

查询成功后,把返回的值赋值给全局data和本页面的data,以便进行接下来的操作。

综合使用

1.用户点击登录进入界面,可以选择直接登录或者注册。

2.若直接登录,则执行登录逻辑。

3.如果用户进行注册,则执行注册逻辑。

 

首先跳转到注册页面,之后判断获取用户是否获取微信信息,若没有获取,可以加一个提升窗口。

如果已经获取用户信息,则执行注册逻辑。

4.每一次获取数据库表中的内容之后,都需要将内容赋值给本页的data和全局的data。

5.注册或者登录成功后,跳转到页面首页。

 注意事项:success函数有两种写法,一种是箭头函数(不用进行that与this区分)写法是:success:(res)=>{}.

另外一种是之前版本的success,需要进行that与this区分。写法:success(){}.


http://chatgpt.dhexx.cn/article/J1G2Awe1.shtml

相关文章

注册小程序账号和安装开发工具

注册账号 要开发小程序就先要注册一个开发者账号,步骤如下: 1.打开网址微信公众平台微信公众平台,给个人、企业和组织提供业务服务与用户管理能力的全新服务平台。https://mp.weixin.qq.com/ 2.点击注册 3.选择小程序 4.填好信息后点击注…

注册小程序开发账号

注册小程序开发账号 1注册网址 https://mp.weixin.qq.com 2选择注册类型 3填写注册信息 3.1账号信息 3.2登录邮箱,进行账号激活 点击链接填写注册信息 4登录小程序 使用注册的账号登录 5获取小程序AppID 创建小程序项目时需要用到

微信小程序简介账号注册流程(简)

目录 1.小程序简介 2.开发环境准备 1.注册账号 2.获取appid(不上线的小程序可以用测试的appid) 3.微信开发工具(必须) 3.微信原生框架目录结构 1.小程序结构与传统web对比 2.目录结构 3.项目整体目录结构 4.小程序配置文件 1.小程序简介 微信小程序,小程…

小程序注册流程之支付验证问题

最近因为业务要求需要注册一个小程序,正常的注册流程是填写账号信息、邮箱激活、信息登记三步。 最后一步填写完登记信息之后需要使用企业账号给腾讯打一笔款(此为验证企业的账户信息是否真实存在),页面提示打款成功之后需点击已完成打款申请进行确…

微信小程序注册使用教程

微信小程序使用方法 1.注册小程序开发账号: 微信公众平台 进入微信公众平台 点击立即注册 (1)选择小程序开发 (2)按照顺序填写序号1 2 3中的信息 (3)点击激活账号 (4)选择主体类型 (5)主体信息登记 (信息填写完成后使用微信扫描下方管理员身份二维码) …

注册小程序开发帐号

1. 点击注册按钮 使用浏览器打开 https://mp.weixin.qq.com/ 网址,点击右上角的“立即注册”即可进入到小程序开发账号的注册流程,主要流程截图如下: 2. 选择注册账号的类型 3. 填写账号信息 4. 提示邮箱激活 5. 点击链接激活账号 6. 选择主体…

微信小程序开发之注册登录

环境 微信开发者工具 Stable 1.06.2306020云开发控制台 v1.5.47调试基础库 2.32.2 需求 微信小程序的用户天然就是微信用户。但是,在此基础上,小程序可以有自己的用户管理,管理的是业务用户。比如说,A用他的手机,打…

【微信小程序】--注册小程序账号安装开发者工具(一)

💌 所属专栏:【微信小程序开发教程】 😀 作  者:我是夜阑的狗🐶 🚀 个人简介:一个正在努力学技术的CV工程师,专注基础和实战分享 ,欢迎咨询! &#…

微信小程序-创建自己的小程序帐号

1 百度“微信公众平台”,进入官网https://mp.weixin.qq.com/ 2 用你的微信扫码登录,没有的话去注册 3 安装开发者工具(自己摸索下,一直点击下一步就OK了) 4 创建自己的一个微信小程序 这里的appID,我们在网页中的开…

微信小程序账号注册流程

微信小程序账号注册流程 开发微信小程序需要注册账号,记录一下注册流程 ~ 进入微信公众平台 (qq.com),右上立即注册按钮 绑定邮箱 验证发送过来的邮件 激活成功后即可在主界面利用账号登录,这个账号就是你刚刚注册的邮箱 之后需要进项信息…

微信小程序注册审核流程

哈喽,各位亲爱的小伙伴们,大家好!今天给大家介绍如何在微信官方注册小程序 ,文章不长,一定要耐心看完,你会收获满满的。 小程序注册流程 1.在微信公众平台官网首页(mp.weixin.qq.com&#xff…

微信小程序激活账号时,提示“此帐号已激活,请使用帐号密码直接登录”

最近准备研究下微信小程序,先去申请个小程序账号。于是乎,在通过邮件中的链接激活账号时,遇到了这个问题。 解决方法 你没看错,就是字面的意思,去登录页,点击使用账号登录,千万不要扫码登录。 …

微信小程序开发账号找回

系列文章目录 今天要使用微信小程序开发账号,结果发现我之前的账号因为时间过去的太久了,导致被冻结,当时也用不到,所以也就没有关注到这个问题,但是现在忽然又要使用,只好点击找回账号信息。历经坎坷&…

微信小程序账号注册初始化环境搭建

1.小程序账号注册 账号注册https://mp.weixin.qq.com/ 点开发管理 保存自己的AppID,一会创建小程序的时候会用到 2.点击下载微信小程序开发工具 注意安装的路径,不能有中文 微信小程序开发工具下载https://developers.weixin.qq.com/miniprogram/d…

微信小程序开发入门教程-小程序账号注册及开通

17年小程序开始公测,经过5年的发展,无论从组件、开发工具、api、生态、社区,都已经发展的非常成熟了。如果17年年初你看小程序,觉得无需安装即用即走还是一个理念的话。站在今天看过去,往往是先提出一个先进的理念&…

小程序账号注册完整流程以及开发配置

忘记过去,超越自己 ❤️ 博客主页 单片机菜鸟哥,一个野生非专业硬件IOT爱好者 ❤️❤️ 本篇创建记录 2023-05-06 ❤️❤️ 本篇更新记录 2023-05-06 ❤️🎉 欢迎关注 🔎点赞 👍收藏 ⭐️留言📝&#x1f64…

微信小程序账号注册和APPID申请

微信公众平台 点击这个链接,然后点击下面的小程序,进行注册就可以了。 注册号以后,登陆完毕 找到开发管理 点击开发管理,然后点击开发设置,就可以看到APPID了。

微信小程序注册入口及流程(完整版教程)

微信小程序注册是免费的,在腾讯云微信公众平台即可注册,无论是个人、企业都可以免费注册微信小程序,先输入邮箱注册激活,然后填写主体类型对应的证件信息,最后管理员身份验证使用维信扫一扫即可,小程序5来详…

小程序账号注册完整流程

概述 在开始写微信小程序之前,必须先有小程序账号,本文将使用图文的方式,详细的介绍整个注册的过程。 选择注册类型 打开微信公众平台(https://mp.weixin.qq.com)后,点击立即注册按钮。 点击完【立即注册】后,注册类型选择小程序。 点击小程序图标…

第一课:两种方法教你如何注册小程序账号

一、小程序注册前的准备 在小程序注册过程中我们会用到的资料: 1、邮箱:填写未注册过公众平台、开放平台、企业号、未绑定个人号的邮箱; 2、企业营业执照; 3、企业对公账户以及开户地点; 4、小程序管理员手机号码(用来接收验证码); 5、小程序管理员…