前端微信登录获取code,userInfo,openid

getUser(e) {
                wx.getUserProfile({
                    desc: '用户完善会员资料',
                    success: res => {
                        let userInfo = res.userInfo;
                        uni.showLoading({
                            title: '登录中'
                        });
                        wx.login({
                            //成功放回
                            success: (res) => {
                                let code = res.code
                                console.log(code);
                                wx.request({
                                    url: https://api.weixin.qq.com/sns/jscode2session?appid=123123123&
                                    secret=123123123213&js_code=${code}&grant_type=authorization_code,
                                    success: (res) => {
                                        userInfo.openid = res.data.openid
                                        //存储用户信息
                                        wx.setStorage({
                                            key: "userinfo",
                                            data: JSON.stringify(userInfo)
                                        })
                                        //页面跳转, 回到首页
                                        wx.reLaunch({
                                            url: "/pages/index/index"
                                        })
                                        uni.hideLoading();
                                    }
                                })
                            }
                        })
                    },
                    fail: res => {
                        uni.$showMsg("您取消了登录授权!")
                    }
                })
            },

页面:

微信授权登录

!!!uni.$showMsg是uni-app的弹窗方法,这里我封装了一下,appId,secret这两个可以去小程序后端获取

Original: https://www.cnblogs.com/zsbb/p/16710015.html
Author: 最帅爸爸
Title: 前端微信登录获取code,userInfo,openid

原创文章受到原创版权保护。转载请注明出处:https://www.johngo689.com/617052/

转载文章受原作者版权保护。转载请注明原作者出处!

(0)

大家都在看

  • 设计模式 21 状态模式

    状态模式(State Pattern)属于 行为型模式 在标准大气压下, 水在 0 ~ 100 度之间时,会呈现 液态;在 0 度以下会变成 固态;100 度以上会变成气态。 物质…

    Java 2023年6月6日
    081
  • 更聪明地学习,而不是苦读——《如何高效学习》

    我们可能都听过一句话: 吾生也有涯,而知也无涯。以有涯随无涯,殆已!——《庄子. 内篇. 养生主第三》 所以,需要持续大量学习的童鞋,比方说我等程序员们,除了要从知识的海洋中精挑细…

    Java 2023年6月5日
    089
  • 回溯问题学习总结

    回溯问题 三种情况 每种情况都有子集,组合,排列三种题型 无重复元素不可复选 //子集问题 …

    Java 2023年6月8日
    081
  • Java学习 (九)基础篇 包机制&JavaDoc

    包机制 为了更好地组织类,Java提供了包机制,用于区别类名的命名空间 包语句的语法为: package pkg[.pkg2[.pkg3…]]; 一般利用公司域名倒置作为包名;…

    Java 2023年6月8日
    088
  • 500 ZuulException: Forwarding error

    com.netflix.zuul.exception.ZuulException: Forwarding error at org.springframework.cloud.ne…

    Java 2023年6月13日
    0113
  • Spring事务传播属性

    Spring 对事务控制的支持统一在 TransactionDefinition 类中描述,该类有以下几个重要的接口方法: int getPropagationBehavior()…

    Java 2023年5月30日
    097
  • 4.门面Slf4j+slf4j-log4j12+log4j

    1.导入pom依赖 org.slf4j slf4j-api 1.7.27 org.slf4j slf4j-log4j12 1.7.27 log4j log4j 1.2.17 2.增…

    Java 2023年6月13日
    068
  • Java学习 (15) Java方法篇(02)方法的重载&命令行传参

    方法的重载 语法实例 命令行传参 运行实例 1.打开该程序目录 2.在路径框前输入CMD 打开 PowerShell窗口 3.在光标后输入该代码,并返回到 src 目录下 4.输入…

    Java 2023年6月8日
    077
  • springboot项目打包方式

    springboot和 ssm 项目打包方式 1.打jar包 说明:springboot项目默认的打包方式就是打jar包,因为它内嵌了tomcat,用不着打war包部署到tomca…

    Java 2023年6月5日
    0156
  • Python工具箱系列(四)

    上期描述了如何在Windows下安装官方的Python3.8,本期描述如何安装Anaconda。建立Python环境这个话题,为何要大费周章、不厌其烦的叙述呢,主要的原因是: 所有…

    Java 2023年6月16日
    086
  • Spring整合Mybatis连接MySQL数据库配置 异常 情景再现

    方法一:开启下划线转大驼峰命名 mybatis: configuration: map-underscore-to-camel-case: true # 开启下划线转大驼峰 方法三…

    Java 2023年6月7日
    073
  • IO流简述

    IO流 1.什么是IO流 ​ java中所有的流都是子java.io下。首先我们看一下什么是IO,I就是Input,O就是Output,也就是输入输入的意思。 这里的输入输入都是相…

    Java 2023年6月9日
    086
  • 三种反射得到对象的方法

    测试用例 public class Example01 { private String name; private int age; public Example01(){} p…

    Java 2023年6月14日
    063
  • django 学习使用

    目录 1、创建虚拟环境 安装django 2、创建Django项目 3.运行项目 4、创建app,app表示一个功能模块 5、注册app 6、配置访问该app的访问路径 7、给创建…

    Java 2023年6月8日
    091
  • Win10安装WSL

    记录一下安装wsl2的步骤。 安装WSL 1.检查更新win10版本 在 cmd中使用 winver命令来检查当前win的版本,如果版本太低,可以在 设&am…

    Java 2023年5月29日
    0115
  • 基于数据库的代码自动生成工具,生成JavaBean、生成数据库文档、生成前后端代码等(v6.0.0版)

    TableGo v6.0.0 版震撼发布,此次版本更新如下:1、UI界面大改版,组件大调整,提升界面功能的可扩展性。2、新增BeautyEye主题,界面更加清新美观,也可以通过配置…

    Java 2023年6月9日
    0100
亲爱的 Coder【最近整理,可免费获取】👉 最新必读书单  | 👏 面试题下载  | 🌎 免费的AI知识星球