微信小程序登录功能的前端设计与实现

一、业务场景

在用户浏览小程序的过程中，由业务需要，往往需要获取用户的一些基本信息，常见的有：

• 微信暱称
• 微信手机号

而不同的产品，对于用户的信息要求不尽相同，也会有不一样的授权流程。

第一种，常见于电商系统中，用户购买商品的时候，为了识别用户多平台的账号，往往用手机号去做一个联系，这时候需要用户去授权手机号。

第二种，为了让用户信息得到基本的初始化，往往需要更进一步获取用户信息：如微信暱称，unionId 等，就需要询问用户授权。

第三种，囊括第一种，第二种。

二、概念

1. 关于「登录」

登录在英文中是 「login」，对应的还有 「logout」。而登录之前，你需要拥有一个账号，就要 「register」（or sign up）。

其实最开始的产品是没有登录/注册功能的，用的人多了就慢慢有了。出于产品本身的需求，需要对「用户」进行身份识别。

在现实社会中，我们每个人都有一个身份ID：身份证。比如，当我到了16岁第一次去公安局领身份证的时候，就完成了一次「注册」行为。然后去网吧上网，身份证刷一下，完成了一次「登录」行为。

那么对于虚拟世界的互联网来说，这个身份证明就是「账号+密码」。

常见的登录/注册方式有：

（1）账号密码注册

原文链接:【https://www.infoq.cn/article/4oDWgU4CMbRTpFAI8Tsy】。未经作者许可，禁止转载。