时间:2021-05-08
1、H5页面是运行在微信浏览器的
2、需要与公众号关联(即需要openid)
3、判断需求是否需要弹窗告知用户授权操作
4、获取地址栏参数判断是否有'code',有的话直接传给后台换取openid,没有就跳转微信提供的获取code的链接
5、获取到的openid做本地存储,判断没有openid进行获取openid操作
6、这边的操作是不需要弹出授权框,且code不能重复使用,所以做了关注二维码弹窗且不能关闭弹窗操作
// 强制关注公众号,获取openidgetCode = function () { if (sessionStorage.getItem("openid")&&sessionStorage.getItem("openid")!="undefined") { return false; } var code = getUrlParam('code') // 截取路径中的code,如果没有就去微信授权,如果已经获取到了就直接传code给后台获取openId var local = window.location.href; var APPID = 'xxx'; if (code == null || code === '') { window.location.href = 'https://open.weixin.qq.com/connect/oauth2/authorize?appid=' + APPID + '&redirect_uri=' + encodeURIComponent(local) + '&response_type=code&scope=snsapi_base&state=#wechat_redirect' } else { getOpenId(code) //把code传给后台获取用户信息 }}//把code传给后台,得到openidgetOpenId = function (code) { $.ajax({ type: 'POST', dataType: 'json', url: 'xxx', data: { code: code }, success: function (res) { if (res.status == -1) { // 提示没有关注公众号 没有关注公众号跳转到关注公众号页面 console.log('您还未关注公众号喔'); //二维码弹窗 $('.openPopup').click(); return; } else { // 本地存储这个openid,并刷新页面 sessionStorage.setItem("openid", res.data.openid); location.reload(); } } });}//获取地址栏的参数getUrlParam= function (name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg); if (r != null) return unescape(r[2]); return null;}//页面执行调用getCode();到此这篇关于Html5页面获取微信公众号的openid的方法的文章就介绍到这了,更多相关Html5获取公众号的openid内容请搜索以前的文章或继续浏览下面的相关文章,希望大家以后多多支持!
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
做了H5页面该如何发到微信公众号,请详细说明下一步怎么做?如何在微信公众号上发布H5场景画报?下面就和小编一起来看看吧! 做了H5页面该如何发到微信公众号
微信h5页面拉起第三方导航应用需要准备的:通过微信认证的公众号有备案过的域名背景:微信公众号点击菜单栏跳到h5页面,需要用到导航功能需求:当用户点击导航按钮时,
H5页面的融媒体平台。在微网页设计中,HTML5页面是其重要开发内容,目前常用的用于设计H5页面的软件主要包括两类:(1)通过简易模板来对HTML5页面进行设计
在公众号的配置过程中,许多开发者会在菜单中加入HTML5页面,有时在页面内需要访问页面的用户信息,此时就需要网页授权获取用户基本信息提醒大家:本文介绍讲述的内容
HTML5创建canvas元素复制代码代码如下:HTML5functionpageLoaded(){alert('HTML5页面加载完毕!');}提示:你的浏览