微信小程序之登入逻辑

一、基础概念

  • openid:如果一个用户关注了不同的微信应用(公众号,小程序),那么就对应不同的openID
  • 如果开发者拥有多个移动应用、网站应用、和公众帐号(包括小程序),可通过 UnionID 来区分用户的唯一性,同一用户,对同一个微信开放平台下的不同应用,unionid是相同的。

二、具体登入逻辑

小程序登入逻辑时序图地址:https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/login.html
时序图:
在这里插入图片描述
简化图:在这里插入图片描述

  1. 小程序发送发起wx.login 获得code,再发起wx.request 给后端服务器传递参数code。
  2. 后端服务器发起请求 {url},传递code,appid,appsecret,返回json格式的session_key,openid.

一些说明:

三、具体逻辑代码

小程序端:

wx.login({
  success(res) {
    if (res.code) {
      //发起网络请求
      wx.request({
        url: '{具体后端接口}',
        data: {
          code: res.code
        },
        header:{
          'Content-Type':'application/json'
        },
        success:function(res){
          // var res = JSON.parse(res.data)
          that.globalData.openid = res.openid
          console.log(res.data)
        }
      })
    } else {
      console.log('登录失败!' + res.errMsg)
    }
  }
})

后端:

@web.route("/api/v1/wxlogin")
def loginwx():
    code =  request.args.get('code')
    
    url = "https://api.weixin.qq.com/sns/jscode2session?appid={}&secret={}&js_code={}&grant_type=authorization_code".format(
        '参数一','参数二',code
    )

    result = HTTP.get(url)

    return ({'openid':result['openid']})

在这里插入图片描述

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
微信小程序录页面的开发可以借助CSDN等技术网站进行学习和参考。首先,需要明确录页面的需求和设计,确定要实现的功能和界面布局。 在微信小程序中,开发录页面主要包括以下步骤: 1. 创建一个新的页面文件,可以命名为"login",在微信小程序的开发工具中进行页面开发。 2. 在页面的.wxml文件中,可以编写录页面的HTML结构,如输框、按钮等。可以使用微信小程序的组件库进行界面的布局。 3. 在页面的.wxss文件中,编写录页面的样式,用于设置文字、边框、背景等样式效果。 4. 在页面的.js文件中,编写录页面的逻辑,如获取用户输的账号密码,判断输是否合法等。还可以加一些交互效果,如点击按钮进行录等。 5. 在录页面的js文件中,调用微信小程序的API,实现用户录的功能。可以使用微信提供的录API进行用户录验证和获取用户信息。 在开发过程中,可以参考CSDN等技术网站上的教程和文章,了解并掌握微信小程序开发的基本流程和技术要点。此外,可以通过查阅微信小程序的官方文档,获取更详细的开发说明和示例代码。 总结起来,微信小程序录页面的开发可以通过借助CSDN等技术网站的学习和参考,从创建新的页面文件开始,编写页面结构、样式和逻辑,调用微信小程序的API实现录功能,最终完成录页面的开发。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值