最近公司需要做一个微信公众号,作为一个前端,我首当其冲,首先需要做一个 “微信和系统用户绑定”的功能;主要步骤为:

1.获取微信openid;

2.通过openid获取用户信息;无用户信息需要绑定

3.输入手机并确认绑定信息;

4.验证手机短信绑定;

这里主要讲述一下如何获取微信openid

参考链接

一丶进入微信后台配置授权界面,我这里直接配置在 功能-自定义菜单-跳转到链接

参考链接:https://open.weixin.qq.com/connect/oauth2/authorize?appid=wx520c15f417810387&redirect_uri=https%3A%2F%2Fchong.qq.com%2Fphp%2Findex.php%3Fd%3D%26c%3DwxAdap

ter%26m%3DmobileDeal%26showwxpaytitle%3D1%26vb2ctag%3D4_2030_5_1194_60&response_type=code&scope=snsapi_bas

e&state=123#wechat_redirect

//scope为snsapi_base //回调页面是用户默认授权的,即调到我的绑定界面,代表仅仅获取openid

// redirect_uri urlencode链接

//配置redirect_uri,需要先配置域名:配置开发-接口权限-网页服务-网页授权-网页授权域名

参数说明

参数 是否必须 说明
appid 公众号的唯一标识
redirect_uri 授权后重定向的回调链接地址,请使用urlencode对链接进行处理
response_type 返回类型,请填写code
scope 应用授权作用域,snsapi_base (不弹出授权页面,直接跳转,只能获取用户openid),snsapi_userinfo (弹出授权页面,可通过openid拿到昵称、性别、所在地。并且,即使在未关注的情况下,只要用户授权,也能获取其信息)
state 重定向后会带上state参数,开发者可以填写a-zA-Z0-9的参数值,最多128字节
#wechat_redirect 无论直接打开还是做页面302重定向时候,必须带此参数

正常情况,授权成功 页面将跳转至 redirect_uri/?code=CODE&state=STATE。

二丶获取code后,请求以下链接获取access_token:  https://api.weixin.qq.com/sns/oauth2/access_token?appid=APPID&secret=SECRET&code=CODE&grant_type=authorization_code

//若h5存在跨域问题,可以让后台调用此接口

参数说明

参数 是否必须 说明
appid 公众号的唯一标识
secret 公众号的appsecret
code 填写第一步获取的code参数
grant_type 填写为authorization_code   

正确时返回的JSON数据包如下:

{ "access_token":"ACCESS_TOKEN",

"expires_in":7200,

"refresh_token":"REFRESH_TOKEN",

"openid":"OPENID",

"scope":"SCOPE" }

现在我们就成功获取到openid啦!

h5怎么获取微信用户openId,h5如何获取微信用户openId相关推荐

  1. 公众号h5获取手机号权限_微信公众号h5获取用户openId的方法和步骤

    微信h5静大享上.是发了概开程态间些告人屏果会区.默.非静默授权获取用户openId的方法和步骤微和二第说,班.都年很过过事发工开宗定据发指互数个遍前互就: 一.openId是什么? openId享. ...

  2. 微信公众号h5获取用户openId的方法和步骤

    微信h5静默.非静默授权获取用户openId的方法和步骤: 一.openId是什么? openId是用户在当前公众号下的唯一标识('身份证'),就是说通过这个openId,就能区分在这个公众号下具体是 ...

  3. 微信公众号H5页面中获取openId

    必要条件 已经认证的公众号(企业号可以,个人号是不能绑定H5的) https认证域名,没有认证的域名微信中不能配置回调地址 微信公众平台认证通过,并创建app 步骤 获取code (需要配置选取sco ...

  4. 微信公众号H5页面获取用户昵称头像等信息(Java)

    H5页面获取微信用户信息操作流程 (一)获取微信权限,由微信用户确认 (二)获取相应的ACCESS_TOKEN和OPENID信息 (三)根据ACCESS_TOKEN和OPENID信息获取相应的用户信息 ...

  5. uniapp微信公众号H5获取code进行登录

    目前在做H5商城,需要公众号的菜单跳进小程序,前端需要获取到公众号的code传给后端来确认用户的openId,但是咱们前端如何通过小程序或者H5,来获取公众号的code呢? 通过查阅资料,我来总结一下 ...

  6. 微信小程序python解析获取用户手机号_python获取微信小程序openid及用户信息

    填坑记录:1.个人微信公众订阅号是不能申请微信认证的.公众号的类型在注册时一旦选择就不能更改,微信公众号认证的功能除个人订阅号外,都可以申请认证,因而个人订阅号不能申请认证.这句话的意思就是个人订阅号 ...

  7. 小程序获取用户唯一id php_微信小程序配合PHP获取用户OpenID标识

    小程序中的openid具有很多作用,不再展开赘述.考虑到云函数能直接获取用户的openid,推荐小程序访问量不大的用户使用云函数直接获取, 本篇文章只简单阐述一下,小程序配合后端来获取用户的openi ...

  8. 微信公众号开发:获取openId和用户信息(完整版)

    注:之前总结怎么进行本地公众号开发调试,时间一长忘记开发配置却忘了,所以这里记录一下公众号开发配置,方便快速上手. 目录 开发前服务器配置 网页授权获取用户基本信息 snsapi_base snsap ...

  9. 微信小程序获取用户信息(昵称、头像、openid等)

    1.可以调用wx.getUserProfile来获取用户的昵称.头像(地址).地区及性别.但是需要通过按钮事件触发,在showModal弹窗中用户点击确定后才能获取. WXML: <view&g ...

  10. 微信小程序案例:获取微信访问用户的openid

    在微信开发项目中,获取openid是项目常遇的问题,本文通过主要讲解实现在微信小程序中如何获取用户的openid,案例实现非常简单 具体实现方法是通过登录接口获取登录凭证,然后通过request请求微 ...

最新文章

  1. HashMap为何从头插入改为尾插入
  2. 微软IE8浏览器个性化设置技巧
  3. Dubbo点滴(1) SPI入门
  4. 创建型模式:单例模式(懒汉+饿汉+双锁校验+内部类+枚举)
  5. [一]RabbitMQ-客户端源码之ConnectionFactory
  6. 让IT不加班,让业务不等待,一文讲透自助式分析的前世今生
  7. 不会点SQLite,都不好意思说自己是开发的 1
  8. telegtram的通信协议MTproto2.0学习3 之 (telethon代码分析与TL的实现1)
  9. 2021 王道考研 计算机组成原理+习题讲解
  10. 初级、中级和高级开发人员之间有什么区别?
  11. 摄氏温度转化为华氏温度代码
  12. 针式打印机设置打印纸张定义长度/宽度
  13. html5 按钮css样式修改,css样式制作的漂亮按钮
  14. python照片转彩色手绘_python实现图片彩色转化为素描
  15. 计算单目标跟踪器的平均CLE
  16. 国产操作系统UOS安装教程
  17. 为什么批量注册Facebook账号需要使用指纹浏览器防关联
  18. CT医学影像的窗高窗位、CT值(Hu值)
  19. 新浪微博开发三----------------------发微博
  20. SSCOM,AT命令调试串口时,返回乱码

热门文章

  1. python视频教程大全(转载)
  2. HTML5期末大作业:电影网站设计——指环王:护戒使者(13页) HTML+CSS+JavaScript
  3. dede 取消推荐文章加粗
  4. 并行:并行编程的基础概述
  5. 【技术分享】川崎机器人 BITS32指令的答疑
  6. c/c++ 线程进程
  7. Java 多线程(超详细)
  8. 计算机网络之父是谁,因特网_被成为网络之父的是_计算机网络之父
  9. 解释PLMN,CELLID,LAC
  10. Adobe Creative Suite 3: Ready this year?