html部分

<button class="login-btn" type="primary" @click="getUserInfo">微信用户一键登录</button>

js部分

 /**** 获取用户信息*/getUserInfo() {// 展示加载框uni.showLoading({title: '加载中',});uni.getUserProfile({desc: '登录后可同步数据',success: async (obj) => {console.log('obj', obj);// 调用 action ,请求登录接口// await this.login(obj);uni.login({provider: 'weixin',success: (res) => {console.log('res-login', res);this.code = res.code;console.log('code', res.code);if (res.errMsg == 'login:ok') {uni.request({url: 'http://127.0.0.1:8080/wxh5/wx/user/' + 'wx55822xxxx75e422'+'/login/',//后台接口data: {code: this.code,},}).then((res) => {//获取到 openid 和 session_k后,自己的逻辑console.log('授权登录', res[1].data);console.log(res[1].data.openid);console.log(res[1].data.session_key);// DoSomeThing.................});console.log('res', res);}},});},fail: () => {uni.showToast({title: '授权已取消',icon: 'error',mask: true,});},complete: () => {// 隐藏loadinguni.hideLoading();},});},

uniapp写微信授权登录相关推荐

  1. uniapp获取微信授权登录和手机号一键登录(保姆教程)

    uniapp获取微信授权登录(保姆教程) 第一步 下载官方给的解密文件'mWXBizDataCrypt' 没有文件就复制该文件的代码创建一个 var crypto = require('crypto' ...

  2. uniapp app微信授权登录

    先在微信开放平台申请移动应用,然后拿到appid和appsecret秘钥 进入管理中心,选择移动应用,创建移动应用,按步骤来就行了,可能唯一会让你卡住的就是应用签名了 现在要生成应用签名就得用自有证书 ...

  3. uni-app 实现微信授权登录

    最近在写网易云音乐微信小程序,发现项目中少了点什么东西,于是爆肝了几天,参考了很多网上的写法,最终实现了这个简单的登录功能! 注意,微信小程序是没有登出功能的,害的我找了半天的api,在平时的是使用中 ...

  4. uniapp实现微信授权登录并回显用户头像和名称

    先上html页面的代码: <button class="login" v-if="show1" open-type="getUserInfo&q ...

  5. uni app和php开发微信登录代码,uniapp如何实现微信授权登录

    uniapp实现微信授权登录的方法:首先获取对应的appid和appsecret:然后在uniapp项目的manifest.json中进行APP SDK配置和模块权限配置.最后实现编码. 本教程操作环 ...

  6. uniapp开发h5微信授权登录(详细教程)

    uniapp开发h5微信授权登录 文章目录 uniapp开发h5微信授权登录 前言 一.前期准备--申请测试账号 二.正式开发--前端代码 三.打包发布 总结 前言 我也是第一次做h5授权微信登录,网 ...

  7. uni-app授权第三方登录(微信授权登录)

    APP微信授权登录需要到微信开放平台申请,在HBuilderX配置APP SDK中微信登录的appId,另外需要跟小程序.公众号授权账号互通的话也需要在微信开放平台申请,这是需要付费的呦(300元) ...

  8. uniapp - 编译微信小程序项目的微信授权登录、获取微信手机号登录、最新版微信直接登录、手机与验证码登录的示例源码(适用于 uniapp 微信小程序项目,源代码直接开箱即用)超级详细的代码及注释

    效果图 uniapp 项目编译微信小程序,一些常见的登录方式及源代码,示例代码干净整洁无BUG拿来即用. 本文示例实现了 uniapp 微信小程序项目的登录功能,包含微信授权登录.获取微信手机号登录. ...

  9. uniapp - 超详细的 H5 公众号网页微信登录示例代码,提供从 0-1 公众号配置及详细注释代码(站在新手小白的角度)第三方微信授权登录的实现!!

    介绍 目前示例是 "点击按钮登录",你也可以改为 "一进页面就登录" ,可随意改造. 百度的教程都太乱了,而且功能都有一定问题.本文主要讲解 uniapp H5 ...

最新文章

  1. fpga该驱动器调试dev_dbg 无输出
  2. bzoj1833: [ZJOI2010]count 数字计数USACO37 Cow Queueing 数数的梦(数位DP)
  3. 使用Spring Cloud HystrixCommands的功能Hystrix
  4. 二叉树的前序、中序、后续、层序遍历(包含递归与非递归)
  5. 密码学 区块链中的应用专栏 【简介】
  6. Linux下使用ntpdate进行时间同步
  7. 简单工厂模式、工厂方法模式、抽象工厂模式
  8. c语言学习-判断一个年份是否闰年
  9. adc0808模数转换实验报告_AD转换程序(ADC0808 TLC2543)
  10. 室外3D建图定位(0)Loam-3D激光定位算法的一些思考
  11. python 100days github_GitHub - 2668599092/Python-100-Days: Python - 100天从新手到大师
  12. 操作系统饥饿现象_操作系统
  13. 用Python分析《令人心动的offer2》的13万条弹幕,网友们都在吐槽什么?
  14. geoserver发布切片影像地图
  15. 我每次去德国出差必带的东西
  16. Unity Shader:实现菲涅尔+色散效果以及相关原理解析
  17. 四阶行列式计算_第二章 行列式--关于余子式和代数余子式的总结
  18. 国外域名注册商域名不许国内解析
  19. 帝都程序猿996摸鱼求生指南!摸鱼好手!
  20. 【PdgCntEdit】书签的页码都是很大的正数,有没有办法把所有页码全部减去一个数??软件自带功能实现书签页码的增加减少增减书签页码

热门文章

  1. linux设备模型--sysfs
  2. xupt嵌入式学习(day1)
  3. org.hibernate.PersistentObjectException: detached entity passed to persist: cn.edu.xupt.bean.Users
  4. 《侍神令》中真正的“阴阳师”日常吃什么料理?新鲜鱼类最珍贵~
  5. win11装安卓应用(2022精简版教程)
  6. GUI:简易计算器设计
  7. 模糊照片怎么修复清晰?快来看看这两个方法
  8. 如何把固态硬盘系统克隆到固态硬盘,笔记本硬盘复制到另一个硬盘
  9. 如何治理 Electron 版本淘宝直播应用崩溃?
  10. 人体姿态2018(五)Can 3D Pose be Learned from 2D Projections Alone?