小程序商城版支付 第1篇
本章主要设计登录页面的编写
components下创建登录组件
创建userinfo用户信息组件 在my-user页面，使用两个组件 页面获取中的token值，来实现判断是否登录
按需展示页面，没有登录的话跳转到用户登录页面
渲染my-login组件的UI结构
美化样式
先看获取token的接口，需要的参数，以及返回类型
为登录button按钮绑定，获取用户的基本信息
在method中声明事件处理函数
成功获取用户信息 这里要注意，那vx开发者工具的此处调成低版本，不然只能在真机上演示
在中定义保存用户信息的参数userinfo，以及创建更新用户信息，保存用户信息的方法 在my-login页面调用持久化存储
前面成功获取了后面4个，这里完成获取code功能
因为这个后端接口有时候会有问题，获取不到token，所以我们方便测试，直接把返回结果封装一个loginResult方便我们后续的开发
一键登录，登录成功
成功返回token，以及后端请求用户信息
在my-login组件中，把vuex中的updateToken方法映射到当前组件中使用
小程序商城版支付 第2篇
但是上面代码也存在问题，我们并没有给定时设定边界值，秒数会一直减，以及当下一次打开页面，seconds秒数不重置问题 改造delayNavigate方法：
在自动跳转到登录页面成功之后，把返回页面的信息存储到vuex中，从而方便登录成功之后，重新返回之前的页面
返回页面的信息对象，主要包括{ openType，from } 两个属性，其中openType表示以哪种方式导航回之前的页面；from表示之前页面的url地址
改造my-settle组件method节点中的delayNavigate方法，当成功跳转到my页面之后，将重定向的信息对象存储到vuex中：
登录成功，自动跳转到购物车页面
小程序商城版支付 第3篇
注：商城支持对接普通商户以及特约商户。
小程序的APPID可以通过进入【微信小程序后台-开发-开发设置-开发者ID】获取。
提交完小程序APPID授权申请后，返回进入【微信小程序后台-微信支付-商户号管理】中查看相关商户号信息，确认授权申请，或在“公众平台安全助手”下发的模板消息中确认授权信息；刷新页面，当授权关系状态显示为正常后，说明已经绑定成功。（注：发起授权申请后，商户需自行前往对应平台确认授权申请。）