如何实现小程序的登录支付呢？

一、背景

传统的web开发实现登陆功能，一般的做法是输入账号密码、或者输入手机号及短信验证码进行登录，服务端校验用户信息通过之后，下发一个代表登录态的 token 给客户端，以便进行后续的交互,每当token过期，用户都需要重新登录。而在微信小程序中，可以通过微信官方提供的登录能力方便地获取微信提供的用户身份标识，快速建立小程序内的用户体系，从而实现登陆功能。

实现小程序用户体系主要涉及到openid和code的概念：

调用wx.login()方法会生成code，将code作为参数传递给微信服务器指定接口，就可以获取用户的openid

对于每个小程序，微信都会将用户的微信ID映射出一个小程序 openid，作为这个用户在这个小程序的唯一标识

二、流程

1. 用户点击登录按钮，通过绑定的事件句柄中的事件对象下的detail属性下的userInfo属性下获取到用户的昵称nickName和头像avatarUrl

2. 通过wx.login方法返回res对象中有一个code值,code会取成一个openid

  3.通过  wx.request方法，携带res下的code，和用户的昵称nickName和头像avatarUrl去服务端请求数据，如果未注册，就会注册，在数据库生成一条新的数据给用户返回用户头像，用户昵称，用户u_id；openid 存在 ----  根据openid 查询数据，在服务器上获取了用户的资料，返回给客户端用户头像，用户昵称，用户id 。

登录流程 

下单流程

支付流程