表单及登录支付
评论功能涉及到用户登录状态，所以我们需要做一个用户登录功能，给服务端发送的请求包含登录信息。
主要功能
用户登录
表单组件
打赏 微信支付
1.用户登录
wx.getSetting 获取用户的当前设置。返回值中只会出现小程序已经向用户请求过的权限。
wx.getUserInfo 获取用户信息。
wx.getSetting({
success (res){
if (res.authSetting['scope.userInfo']) {
// 已经授权，可以直接调用 getUserInfo 获取头像昵称
wx.getUserInfo({
success: function(res) {
console.log(res.userInfo)
}
})
}
}
})
<button open-type="getUserInfo" bindgetuserinfo="bindGetUserInfo">授权登录</button>
bindGetUserInfo: function(e) {
console.log(e.detail.userInfo)
console.log(e.detail.rawData)
},wx.login
调用接口获取登录凭证（code）。
getUserInfo({
success:function(u){
wx.login({
success:function(e){
post({
url:"login",
data:{
code:e.code,
nickname:res.userInfo.username
},
success:function(res){
res.access_token //服务端登录识别串
//wx.setStorageSync("access_token",access_token);
}
})
}
})
}
});auth.code2Session
登录凭证校验。通过 wx.login 接口获得临时登录凭证 code 后传到开发者服务器调用此接口完成登录流程
access_token
携带登录识别串
wx.showToast
wx.hideToast
2.表单组件
form
input
textarea
button
登录/注册表单
评论表单
3.打赏功能微信支付
wx.requestPayment
requestPay({
url:payConfig.php,
data:{
openid,userid,money
},
success:function(res){
wx.requestPayment({
timeStamp: '',
nonceStr: '',
package: '',
signType: 'MD5',
paySign: '',
success (res) { },
fail (res) { }
})
}
})本文参与 腾讯云自媒体分享计划，分享自微信公众号。
原始发表：2019-09-25，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
相关产品与服务
云服务器
云服务器（Cloud Virtual Machine，CVM）提供安全可靠的弹性计算服务。 您可以实时扩展或缩减计算资源，适应变化的业务需求，并只需按实际使用的资源计费。使用 CVM 可以极大降低您的软硬件采购成本，简化 IT 运维工作。