微信一键登录和微信小程序支付总结

微信一键登录

现在小程序都是微信一键登录，下面是我的使用方法和总结，仅供参考

需要调用微信小程序的api wx.login()

使用wx.login() 调用获取凭证的接口，通过凭证来换取微信的登录信息

 wx.login({success(res) {if (res.code) {//发起网络请求} else {console.log('登录失败！' + res.errMsg)}},fail(err){console.log(err)}})

获取微信用户头像调用 getUserProfile() 授权成功后会返回 eDate 和 iv 需要把eData和iv 传递给接口就可以了。
还有一种方法就是授权成功后会返回用户的昵称还有头像，直接可以使用

获取微信用户头像使用微信小程序wx.getUserProfile()

<button @click="getUserInfo" class="wx">微信授权登录</button>
getUserInfo() {let _self = thiswx.showLoading()wx.getUserProfile({desc: "获取用户头像，昵称",success: (info) => { //这里请求接口console.log(info)},fail: (err) => {console.log("微信授权失败")}})
},

获取手机号调用button 组件把open-type=“getPhoneNumber” 绑定事件就可以了
注意：目前该接口针对非个人开发者，且完成了认证的小程序开放（不包含海外主体）。引用微信小程序官网

回调函数接收参数，参数会返回 eData 和 iv 只需要获得eData和 iv 传递给后台就可以

<button open-type="getPhoneNumber" @getphonenumber="LoginWx" class="wx">微信一键登录</button>
LoginWx(e) {consloe.log(e)
},

微信支付

微信支付不支持个人的微信小程序，需要在微信小程序进行盛情商家号，还有密钥等

微信支付是在微信登录的前提下才可以进行的
详细点击微信小程序详细介绍
timeStamp、nonceStr、package、signType、paySign 是调用接口后台进行返回的数据

wx.requestPayment({provider: 'wxpay',timeStamp: res.data.info.returnInfo.timeStamp + '',nonceStr: res.data.info.returnInfo.nonceStr,package: res.data.info.returnInfo.package,signType: res.data.info.returnInfo.signType,paySign: res.data.info.returnInfo.paySign,success: function(res) {uni.showToast({title: '支付成功',duration: 3000,icon: 'none',})},fail: function(err) {wx.showModal({content: '支付失败',showCancel: false,})},})
}

总结

以上就是今天要说的内容，本文仅仅简单介绍了wx.login()、wx.getUserProfile()、getPhoneNumber、wx.requestPayment()的使用。感谢大家观看。谢谢

前端微信一键登录和微信小程序支付总结相关推荐

公众号微信一键登录 app微信一键登录
公众号微信一键登录 app微信一键登录 1.公众号微信一键登录 getCode() { // 非静默授权,第一次有弹框this.code = ''var local = location.href;/ ...
提高微信小程序的应用速度的常见方式有哪些? 小程序怎么实现下拉刷新? 简述微信小程序原理？小程序的发布流程（开发流程）分析下微信小程序的优劣势？小程序授权登录流程？小程序支付如何实现
小程序部分常见面试题提高微信小程序的应用速度的常见方式有哪些? 提高页面加载速度用户行为预测减少默认data的大小组件化方案分包预下载小程序与原生App相比优缺点? 优点: 基于微信平台开 ...
php把微信一键登录,PHP微信第三方实现一键登录及获取用户信息的方法（实例详解）...
这篇文章主要介绍了PHP版微信第三方实现一键登录及获取用户信息的方法,较为详细的分析了微信第三方登陆的相关注意事项与实现技巧,需要的朋友可以参考下注意,要使用微信在第三方网页登录是需要"服 ...
uniapp实现小程序登录，微信一键登录，获取token,iv,code,ncryptedData
首先布局登录按钮(触发登录的一定要是button,button才有获取用户的方法) <buttonopen-type="getPhoneNumber"@click.stop= ...
html微信支付功能代码,微信小程序支付功能（前端）的实现
微信小程序支付功能(前端)的实现 var app = getApp(); Page({ data: {},onLoad: function (options) { // 页面初始化 options为 ...
微信小程序支付调用官方接口(前端js)
微信小程序支付(前端) 1.给后端发送请求 2.成功回调判断 3.判断之后调用官方支付接口 4.WXML
微信小程序：游戏助手王者战力查询扫码登录多功能小程序源码
这是一款游戏多功能助手小程序内由王者战力查询(支持微信QQ双端查询,安卓IOS) 游戏扫码登录(内支持多种游戏扫码登录) 短视频去水印功能(支持各大平台) 游戏改名助手(支持空白名生成,符号名生成) ...
uniapp微信一键登录微信授权
前言现在小程序逐渐成为主流,常用的微信授权登录很重要很常见的一个功能,今天自己总结了一下. 准备工作 1.如果你想自己想试一下这个功能首先你需要有一个开发中的项目并且你在开发成员里面. 2.配置自己 ...
jsapi支付签名_微信支付小程序支付全流程
点击蓝色字关注我们! 一个努力中的公众号长的好看的人都关注了本文给大家讲解微信小程序支付全流程,以及相关功能源代码,项目不开放,带来不便尽请谅解.小程序支付主要包含如下几步骤,1.预下单-调用微信 ...

前端微信一键登录和微信小程序支付总结

微信一键登录和微信小程序支付总结

微信一键登录

微信支付

总结

前端微信一键登录和微信小程序支付总结相关推荐

最新文章

热门文章