【学习打卡】第6天 Java支付全家桶 企业级各类支付手段一站式解决方案（3-10）

课程名称：Java支付全家桶 企业级各类支付手段一站式解决方案（3-10）

课程章节： 3-10 提交微信账号登陆请求

主讲老师：神思者

课程内容：

今天学习的内容包括：

提交微信账号登陆请求，包括后端项目的配置和启动、前端定于全局变量、前端请求的编写、this的处理、项目断点调试、openid 获取。

课程收获：

1、后端项目的启动和配置；

2、前端定义全局变量，由于后续项目的维护，维护方便；再main.js中定义：

let baseUrl = "http://127.0.0.1:8080/renren-fast"
Vue.prototype.url = {
	"login":baseUrl+"/app/user/login",
}

3、前端请求关于对 wx.request 和 uni.request 的选择，因为 wx.request 是微信原生的， uni.request 是 UNI-APP 框架封装后的，可以编译成其他平台的，跨平台能力强；
备注：uni. 的方法都是跨平台的；

4、关于 this 的作用域问题，可以在上一层通过 let that = this; 处理；

5、项目的断点调试，在后端打断点后，点调试运行，前端发起请求到后端接收后，将运行到断点处暂停，之后可以逐步调试；

6、获取到 openid 后，进行系统内部的逻辑处理，比如判断该 openid 是否以及存在，是否需要自动注册等；

7、关键代码：

uni.login({
	success: function(resp) {
		// console.log(resp)
		let code = resp.code
		uni.getUserInfo({
			success: function(resp) {
				//console.log(resp)
				let nickname = resp.userInfo.nickName
				let avatarUrl = resp.userInfo.avatarUrl
				uni.request({
					url: that.url.wx.login,
					method: "POST",
					data: {
						"code": code,
						"nickname": nickname,
						"photo": avatarUrl
					},
					success: function(resp) {
						console.log(resp)
						let token = resp.data.token
						let expire = resp.data.expire
						uni.setStorageSync("token", token)
						uni.setStorageSync("expire", expire)
						uni.switchTab({
							url: "../index/index"
						})
					}
				})
			}
		})
	}
})

今天看课程视频写手记的第6天，希望自己能坚持下去，为自己加油！