继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

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

慕仔9208797
关注TA
已关注
手记 60
粉丝 1
获赞 7

课程名称: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天,希望自己能坚持下去,为自己加油!

打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP