最新版微信小程序适配登录方案(uniapp开发)

<template><view class="content"><!-- 登录适配 --><!-- 最新版登录方法 --><button v-if="canIUseGetUserProfile" type='primary' lang="zh_CN" @tap="getUserProfile"></button><!-- 老版本登录方法 --><button v-else type='primary' open-type="getUserInfo" lang="zh_CN" @getuserinfo="bindGetUserInfo"></button></view>
<template>
<script>export default {data() {return {//用来判断用哪个登录canIUseGetUserProfile: false,}},//监听页面加载onLoad() {//如果手机支持最新版登录就用新方法if (wx.getUserProfile) {this.canIUseGetUserProfile = true}},methods: {//老版登录接口(不再弹出登录弹框)bindGetUserInfo(e){if (e.detail.userInfo) {// console.log(e.detail.userInfo);uni.showLoading({title: '登录中'});//业务逻辑// console.log(res1);wx.login({success: res => {if (res.code) {//在此发起网络请求//请求后端给的登录接口，把res.code等相关参数带上} else {// console.log('登录失败！' + res.errMsg)}}})}},// 弹出登录弹框(新版)getUserProfile() {//推荐使用wx.getUserProfile获取用户信息，开发者每次通过该接口获取用户个人信息                                              均需用户确认// 开发者妥善保管用户快速填写的头像昵称，避免重复弹窗uni.getUserProfile({desc: '用于获取您的个人信息', // s声明获取用户个人信息后的用途，后续会展示在弹窗中，请谨慎填写success: res1 => {uni.showLoading({title: '登录中'});//业务逻辑// console.log(res1);wx.login({success: res => {if (res.code) {//发起网络请求//请求后端给的登录接口，把res.code等相关参数带上} else {// console.log('登录失败！' + res.errMsg)}}})}})},}}

最新版微信小程序适配登录方案(uniapp开发)相关推荐

新版微信小程序授权登录流程及问题汇总（getUserProfile）
问题来源:前不久去面试的时候有面试官问我你有自己的博客啥的吗?只能很尴尬的说没有.其实一直想有一个属于自己的博客啥的去记录自己在开发过程中遇到的问题,正好现在微信小程序比较流行,就花了两天自己搞了一个 ...
最新版微信小程序授权登录（自定义头像昵称）
根据官方微信小程序开发关于登录授权API的调整,自 2022年10月25日起有关API接口获取用户头像将统一返回默认灰色头像,昵称将统一返回 "微信用户".(如下图所示) 那我 ...
微信小程序 api 缓存方案
微信小程序 api 缓存方案背景前言缓存方案(更新策略) 缓存那些接口 Storage 缓存工具类 ApiCache 类实现配置封装 request 请求总结背景为了应对用户流量大,减 ...
SpringCloud 微信小程序授权登录获取openId SessionKey【SpringCloud系列13】
SpringCloud 大型系列课程正在制作中,欢迎大家关注与提意见. 自我提升方法推荐:神奇的早起早上 5:00 -5:20 起床刷牙 5:30-6:00 晨练(跑步.跳绳.骑自行车.打球等等) ...
新版微信小程序即将上线新增微信支付功能
<经济参考报>消息,新版微信小程序正在测试中,有可能将在近期正式上线.新版小程序增加了"附近门店"功能的接口,微信用户可以通过定位功能,查看提供线下服务的各类门店,并直 ...
php做微信小程序登录,php（ThinkPHP）实现微信小程序的登录过程
下面结合thinkPHP框架来实现以下微信小程序的登录流程,这些流程是结合了官网和github的一个网站综合实现的 https://mp.weixin.qq.com/debug/wxadoc/dev/ ...
webform窗体怎么实现session唯一标识_微信小程序用户登录和登录态维护的实现_javascript技巧...
这篇文章主要介绍了微信小程序用户登录和登录态维护的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧让用户登录,标识用户和获取 ...
微信小程序的推广方案有哪些
微信小程序的推广方案有哪些微信小程序对于我们来说并不陌生,很多的企业或者商家品牌的微信活动都会用到它,而且小程序也是微信营销的渠道之一.想要自己的小程序被更多用户关注,就要把自己的小程序推广,为此微 ...
微信小程序授权登录组件的封装
微信小程序授权登录组件的封装新建components文件写wxml文件 wxss部分 js部分 json引用页面使用页面js 授权登录流程如下: 因为多个页面功能需要登录状态所以做了个组 ...

最新版微信小程序适配登录方案(uniapp开发)

最新版微信小程序适配登录方案(uniapp开发)相关推荐

最新文章

热门文章