前言

ui设计没有登录页所以将微信小程序登录方法同一封装一个方法

一、登录接口

uni.getUserProfile

uni.login

二、登录

上代码

代码如下（示例）：

// 登录统一接口tologin: function(cb, ) {// 防止拉起多个登录授权return new Promise((reslove, reject) => {let userInfouni.getUserProfile({desc: '登录',success: (res) => {console.log(res);userInfo = res.userInfo// 获取登录用户codeuni.login({provider: 'weixin',success: function(res) {//console.log(res);if (res.code) {let code = res.code;console.log(code);//将用户登录code传递到后台置换用户SessionKey、OpenId等信息//...写用code置换SessionKey、OpenId的接口//置换成功调用登录方法_this.updateUserInfo();utils.request('login/loginInfo', "post", {code}).then((data) => {console.log(data);// 存储tokenuni.setStorage({key: 'token',data: data.data.token,success: function() {utils.request('login/WcLogin',"post", {...data.data,...userInfo}).then((userData) => {console.log(userData);store.commit("login",userData.data)utils.toast("登录成功")if (cb)cb()reslove(false)})}});})} else {console.log('登录失败！' + res.errMsg)reslove(false)}},});},fail: (res) => {uni.showToast({title: '已取消登录！',icon: "none",duration: 2000});console.log(res)reslove(false)}});})},

总结

注：登录必须有点击事件触发

uniapp 微信小程序登录方法封装相关推荐

uni-app微信小程序登录授权
uni-app微信小程序登录授权首先是需要用到一个授权按钮来触发获取用户信息授权: 关键在于 open-type 为 getUserInfo , 然后有个@getuserinfo的事件,把获取授权接 ...
微信小程序登录方法，授权登录及获取微信用户手机号
✅作者简介: 大家好五一快乐,我是痴心阿文,你们的学友哥,今天给大家分享微信小程序登录方法!
uni-app微信小程序登录；uni-app微信登录小程序；uni-app微信登录app；
思路: 通过uni-app文档可知:实现微信登录,无论是app还是小程序,都需要唯一标识openid,然后通过openid取掉后端的登录接口,获取cookie然后做登录跳转: [-[-[必须先调用微信 ...
uniapp 微信小程序登录
先配置uniapp的小程序应用ID跟密钥然后看代码,登录页面: <template><view>< ...
uni-app 微信小程序登录/注册功能
用户分为两类:没有注册的用户,已经注册的用户如何检测?首先需要触发用户点击,这里使用button按钮 user.vue <button @click="getuserinfo()&q ...
uniapp 微信小程序分页方法：uni-pagination分页插件和上拉分页、下拉加载刷新、刷新后回到顶部
1.uni-pagination分页插件先去uniapp插件市场安装分页插件: uni-app官网https://uniapp.dcloud.io/component/uniui/uni-pagin ...
微信小程序倒计时方法封装
最近在做一个商城小程序的时候在订单部分有用到倒计时,比如说未支付订单在一定时间后自动关闭订单,这个时候在前端页面上就要展示倒计时. 先封装一个把时间戳转化成天时分秒格式数据的方法,这个方法也可以用于单 ...
uniapp微信小程序登陆-升级版，登陆加登录信息过期以后的无痕登陆
首先要了解这个,得先知道微信登陆的流程在我以前的博客里面有 uniapp微信小程序登陆流程(前端详细)__揽的博客-CSDN博客_uniapp小程序如何做登录 uniapp微信小程序登陆流程(前端详细 ...
uni-app微信小程序上传图片封装
概述 uni-app 微信小程序原生上传图片功能封装,具体使用根据个人情况而定. 组件自定义属性与方法描述 isShow:布尔值,默认为true true:不显示上传图标 false:显示上传图标 c ...

uniapp 微信小程序登录方法封装

uniapp 微信小程序登录方法封装

前言

一、登录接口

二、登录

上代码

总结

uniapp 微信小程序登录方法封装相关推荐

最新文章

热门文章