微信小程序-登录

最新推荐文章于 2024-07-29 20:39:08 发布

「已注销」

最新推荐文章于 2024-07-29 20:39:08 发布

阅读量762

点赞数

分类专栏： weixin

本文链接：https://blog.csdn.net/tianyu00/article/details/83786518

版权

这篇博客详细介绍了微信小程序的登录流程，包括官方API的使用、小程序客户端的实测以及Java服务端的实现步骤，如获取OpenId和处理加密数据的方法。

摘要由CSDN通过智能技术生成

环境

后端：java

简介

小程序官方API URL: https://developers.weixin.qq.com/miniprogram/dev/api/api-login.html

小程序登录流程图

-------------------------------------------------------------------------------实测开始-------------------------------------------------------------------------

小程序客户端（实测）

//index.js
//获取应用实例
const app = getApp()
Page({
  getPhoneNumber: function (e) {
    console.log("errMsg="+e.detail.errMsg)
    console.log("iv="+e.detail.iv)
    console.log("encryptedData="+e.detail.encryptedData)
    if (e.detail.errMsg == 'getPhoneNumber:fail user deny') {
      wx.showModal({
        title: '提示',
        showCancel: false,
        content: '未授权',
        success: function (res) { }
      })
    } else {
      wx.showModal({
        title: '提示',
        showCancel: false,
        content: '同意授权',
        success: function (res) { 
          wx.request({
            url: 'http://xxxxxxx/aglie/user/myhuser/v1/appletLogin',
            method: 'POST', // OPTIONS, GET, HEAD, POST, PUT, DELETE, TRACE, CONNECT
            data: {
              code: app.globalData.codeInfo,//获取openid的话 需要向后台传递code,利用code请求api获取openid
              encryptedData: e.detail.encryptedData,//获取encryptedData
              iv: e.detail.iv, //获取iv
              type:'1',
            },
            header: {
              //'content-type': 'application/json' // 默认值
              'Content-Type': 'application/x-www-form-urlencoded'
            },
            success: function (res) {
              console.log("res::=" + res.data);
            }
          })

        }
      })
    }
  },

  getUserInfo: function(e) {
    wx.request({
      url: 'http://xxxxxxx/aglie/user/myhuser/v1/appletLogin',
      method: 'POST', // OPTIONS, GET, HEAD, POST, PUT, DELETE, TRACE, CONNECT
      data: {
        code: app.globalData.codeInfo,//获取openid的话 需要向后台传递code,利用code请求api获取openid
        encryptedData: e.detail["encryptedData"],//获取encryptedData
        iv: e.detail["iv"], //获取iv
        type:'0',
      },
      header: {
        'Content-Type': 'application/x-www-form-urlencoded'
      },