微信开发系列——公众号内嵌h5页面获取code,拿到openid

author author     2023-04-08     796

关键词:

参考技术A 如果在微信客户端中访问第三方网页,公众号可以通过微信网页授权机制,来获取用户基本信息,进而实现业务逻辑。
我们要进行授权,先要经过用户授权(静默授权和授权页弹出授权两种,具体看文档中scope解析)拿到 code ,再用 code 去换取网页授权 access_token, 使用access_token 去拿到用户的信息。

关于微信网页授权的官方文档说明:
https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421140842
先熟悉下流程,每个字段的含义,以及注意事项。先把域名和环境配好。才能正式去获取授权。

1、官方文档中获取code参数示例:

scope 为 snsapi_base

scope 为 snsapi_userinfo

2、我的项目中只需要拿到 openID,所以采用的授权作用域为 scope = snsapi_base(不弹出授权页面,直接跳转,只能获取用户 openid )。
需要注意的是,redirect_uri 填自己部署项目的域名(注意该链接一定要使用urlencode 转换一下),不然除了第一个参数后面的参数传不过去(微信中其他URL中参数配置也是这样)。

获取地址的步骤和参数配置我就不赘述了,文档里说的很清楚。在重定向成功后解析code,这里方法贴一下:

getUrlParam('code') 调用一下就能拿到 code 结果,然后用这个 code 去调后台的接口让后台去微信后台拿openID。

或者用这个方法:

微信app支付和h5支付的区别

APP支付,微信公众号支付,H5支付,三个是不一样的支付方式,H5支付是通过谷歌或者手机自带浏览器等调转调取支付宝APP或微信APP完成支付的一种方式(非微信内嵌浏览器),而APP支付是通过SDK,所以是有区别的.提供H5支付接... 查看详情

h5页面静默授权获取微信openid

参考技术A前几天和业务谈需求的时候提到了要在微信公众号里面做一个申请页面A。当时我对微信的了解还不是很多,只知道公众号上原来已经做了一个其他功能的页面B,B页面可以获取到客户微信的openid。当时我们业务同事说... 查看详情

微信内嵌h5网页解决js倒计时失效

项目要求:将H5商城页面嵌套到公司微信公众号里  项目本身的开发跟移动端网页并无太多差异,只是这昨天遇到一个问题,说是棘手,到也简单。  用户下单后,在选择支付方式页面,有个倒计时的逻辑(从下单... 查看详情

微信公众号h5开发总结

...从8个点说明要注意的事情h5页面运行在浏览器里(运行在微信里的情况也是微信里内嵌了一个浏览器),浏览器默认提供了返回按钮,用户在操作返回按钮时,就有可能出现一些影响体验的事情,需要在开发是进行规避,如下图总... 查看详情

如何使用微信公众平台小程序

参考技术A微信公众平台在官方微信公号推送了微信公众平台开发指南。指南很详细地介绍了微信公众平台自定义菜单、消息管理、微信网页开发以及微信小店、微信客服、摇一摇周播等15项功能的开发指南。公众号主要通过公众... 查看详情

小程序及h5如何获取公众号code?

... 这个地址https://open.weixin.qq.com/connect/oauth2/authorize是跳转微信网页获取code的地址,后面拼接的参数appid是公众号的appid;        redirect_uri是回调地址, 查看详情

h5页面获取微信授权登录

参考技术Awindow.location.href='链接地址'1第一步:用户同意授权,获取code2第二步:通过code换取网页授权access_token3第三步:刷新access_token(如果需要)4第四步:拉取用户信息(需scope为snsapi_userinfo)5附:检验授权凭证(access_toke... 查看详情

微信h5支付和jsapi支付的区别

参考技术A1、含义不同。微信h5支付:是集成在微信客户端的支付功能,用户可以通过手机完成快速的支付流程。jsapi支付:以绑定银行卡的快捷支付为基础的支付。2、支付方式不同。微信h5支付:h5支付是用在公众号内。jsapi支... 查看详情

微信公众号怎样直接跳转h5页面?

点击公众号直接跳转目标链接的H5页面,是微信的商品信息功能(商品消息:是特殊类型的图文消息,用户打开后跳转到商户网站的商品详情页,不经过公众平台中间页 ),14年底已经取消了,之前开通这个功能的就可以实... 查看详情

h5页面内嵌h5页面遇到的问题(代码片段)

1、input框无法获取焦点输入内容input-webkit-user-select:auto;2、div里面放img标签有3px的距离divfont-size:0;imgdisplay:block;   查看详情

h5怎么实现调用微信登录?

接入微信授权,有两种方式:静默授权和非静默授权静默授权:scope=snsapi_base,没有弹窗,只能获取OPENID非静默授权: scope=snsapi_userinfo,有弹窗需要手动确认授权,可以获取openid, 头像,昵称等信息。H5登录就是通过授权... 查看详情

微信公众平台接口如何获取微信用户详细信息

微信公众平台接口可以根据openid获取用户详细信息,方法如下:引导用户去授权页面。用户同意授权后,页面将跳转至redirect_uri/?code=CODE&state=STATEcode是去到授权页面后,用户同意授权后返回来的。PHP代码如下://通过code换取to... 查看详情

如何获取微信网页授权

...penid获取用户基本信息(支持UnionID机制) 参考技术B1、在微信公众号请求用户网页授权之前,开发者需要先到公众平台官网中的开发者中心页配置授权回调域名。请注意,这里填写的是域名(是一个字符串),而不是URL,因此请... 查看详情

h5如何跳转到微信公众号页面?

参考技术A搜一下:如何调用在h5页面中微信公众号客服功能 查看详情

h5微信支付功能封装

...我们在做移动端开发的时候,涉及到money,我们经常要做微信支付。如果是做小程序开发,我们可以直接用小程序的原生接口,一键搞定,如果是h5网页的话,那我们就需要使用微信提供的js-sdk了。注:使用了jssdk不是所有的环境... 查看详情

h5页面点击按钮如何跳转到微信公众号,没关注则关注

h5页面点击按钮如何跳转到微信公众号,没关注则关注用a标签或者href页面跳转都可以,h5页面跳转微信公众号一键关注公众号h5页面点击按钮如何跳转到微信公众号,没关注则关注用a标签或者href页面跳转都可以,h5页面跳转微信... 查看详情

微信h5页面制作流程?

...其冲的,提到H5页面,就立马想到“围住神经猫”,上线微信朋友圈3天的时间便创造了用户500万,访问量超1亿的神话。工具:易启秀,易传单,前者更有名,后者更稳定。都免费。制作psd分层文件。把背景和需要动的分别保存... 查看详情

你所误解的微信公众号开发以及微信公众号开发遇到的问题及详解(代码片段)

...、项目赶进度就没把时间花在博客上;今天来说说所谓的微信公众号开发和填坑记录;微信公众号:运行在微信终端的应用(对于开发者来说比较爽的你只需考虑兼容微信浏览器,因为它是在微信浏览器环境下运行的)微信公众... 查看详情