微信小程序开发(一) 微信登录流程详解

最近在研究微信小程序开发,非常有意思的一个东西。花了一点时间写了一个微信的登录流程,包括后端接口和小程序代码

做过微信登录的都知道,我们需要一个标识来记录用户的身份的唯一性,在微信中unionId就是我们所需要的记录唯一ID,那么如何拿到unionId就成了关键,我将项目分为小程序后台PHP代码两部分来讲。

先从我们的小程序代码开始

这是我们小程序的代码结构,登录的主要功能在login.js中

简单的说一下我们小程序的js代码登录流程

login ->获取code ->getUserInfo获取iv和encryptedData ->传给自己的服务器处理 ->返回给小程序结果

} else {
console.log('获取用户登录态失败!' + res.errMsg)
}
}
});
}
})

code:服务器用来获取sessionKey的必要参数。

IV:加密算法的初始向量,encryptedData:加密过的字符串。

把code iv encryptedData 传递给我们的服务器

},fail: function () {
// fail
// wx.hideToast();
},complete: function () {
// complete
}
})
}

看文档的话,应该知道,我们所需要的unionId就在encryptedData中,所以服务器需要这些信息来把unionId解析出来。

服务器处理逻辑

我php用的是laravel框架

先下载微信的解密demo

这里写图片描述

这里我选择的是PHP代码,把除了demo外的三个class文件,放入我们自己的项目,以后后面调用

这里讲解一下服务器的处理流程:

通过微信的接口获取seesionKey,然后在通过sessionKey和iv来解密encryptedData数据获取UnionID。

session_key; //解密数据 $data = ''; $wxBizDataCrypt = new WXBizDataCrypt($appid,$session_key); $errCode=$wxBizDataCrypt>decryptData($appid,$session_key,$encryptedData,$iv,$data );

最后拿到的这个 data就是我们解密后的encryptedData里面会包含unionId。

这样简单登录就实现了!以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。

相关文章

开发微信小程序的用户授权登录功能
小程序开发页面如何实现跳转?
浅谈小程序开发中蓝牙连接错误分析及解决方法
什么是小程序?它有哪些功能?
如何配置小程序开发项目结构?(教程)
怎么把自己的店加入小程序