位置: IT常识 - 正文

小程序嵌入H5页面获取公众号openId的方法(小程序嵌入h5页面可以不写安全地址吗为什么)

编辑:rootadmin
小程序嵌入H5页面获取公众号openId的方法 第一步:在微信公众平台 登录小程序 将h5网址的域名加入业务域名

推荐整理分享小程序嵌入H5页面获取公众号openId的方法(小程序嵌入h5页面可以不写安全地址吗为什么),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:小程序嵌入h5页面点击里面按钮没反应,小程序嵌入h5页面,页面太大怎么办,小程序嵌入h5页面调用sdk,小程序嵌入h5页面可以不写安全地址吗为什么,小程序嵌入h5页面可以不写安全地址吗为什么,小程序嵌入h5页面能转发到朋友圈,小程序嵌入h5页面点击里面按钮没反应,小程序嵌入h5页面调用sdk,内容如对您有帮助,希望把文章链接给更多的朋友!

设置原因:配置为业务域名后,可调用web-view组件在小程序中打开

设置路径:登录微信公众平台->左边菜单栏找到开发管理->开发设置->找到业务域名

设置方法:

1. 点击修改按钮

2. 使用开发者权限微信扫码验证

 3. 下载校验文件 放到h5域名对应的服务器根目录下(下载文件后让后端操作) 然后点击+号将h5的域名配置成业务域名

第二步:在小程序新建一个空白页面使用webView组件将路径传入

let url = 'https://xxxx.com?id=' + 你需要带的参数this.src =`https://open.weixin.qq.com/connect/oauth2/authorize?appid=公众号appid&redirect_uri=${encodeURIComponent(url)}&response_type=code&scope=snsapi_base&state=123#wechat_redirect`小程序嵌入H5页面获取公众号openId的方法(小程序嵌入h5页面可以不写安全地址吗为什么)

路径解析:

1. https://open.weixin.qq.com/connect/oauth2/authorize

这是微信固定的路径

2. appid:微信公众号的appid 

3. redirect_uri:重定向路径,将h5的路径放在redirect_uri的等号后面 若h5页面使用的是哈希路径 需要使用encodeURIComponent进行编码,因为微信会默认将#后的所有字段进行截取删除 会导致访问时报错

        注意:

                a. 需要在微信公众号将域名配置为业务域名

                b. 若需要带参跳转 可以直接在h5路径后使用?拼接

4. response_type:响应类型,用户同意授权,获取code,直接填写code即可

5. scope: 应用授权作用域,snsapi_base (不弹出授权页面,直接跳转,只能获取用户公众号openid),snsapi_userinfo (弹出授权页面,可通过 openid 拿到昵称、性别、所在地。并且, 即使在未关注的情况下,只要用户授权,也能获取其信息 )

6. state:重定向后会带上 state 参数,开发者可以填写a-zA-Z0-9的参数值,最多128字节

7. #wechat_redirect: 无论直接打开还是做页面302重定向时候,必须带此参数

8. 附上微信官方文档:网页授权 | 微信开放文档

第三步:如何在h5页面拿到传递的参数

1. 定义一个函数 通过地址栏获取需要的参数

getParameterByName (name, url) {if (!url) url = window.location.href;name = name.replace(/[\[\]]/g, "\\$&");//匹配所有符合条件的,并取最后一个var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)", 'g');var results = url.match(regex);var tempResults = results != null && results[results.length - 1] != undefined ? results[results.length - 1] : '';var finalResults = regex.exec(tempResults);if (!finalResults) return "";if (!finalResults[2]) return '';return decodeURIComponent(finalResults[2].replace(/\+/g, " "));}// name: 你需要从地址栏中获取到的数据字段,例如:id、code等等 必填// url: 需要从什么链接中获取字段 非必填

2. 使用上面的函数获取需要的数据 进行需要的操作

//获取openIdgetOpenIds () { let code = this.getParameterByName('code') // 这个code就是用户的公众号openid let id = this.getParameterByName('id') // 这个id就是从小程序跳转时带的参数 // 进行需要的操作 this.bindOpenId(code, id).....}
本文链接地址:https://www.jiuchutong.com/zhishi/277763.html 转载请保留说明!

上一篇:Linux系统SSH免密码登陆远程服务器的技巧(linuxssh免密登录)

下一篇:vue实战--vue+elementUI实现多文件上传+预览(word/PDF/图片/docx/doc/xlxs/txt)(vue实战项目教程)

  • 网店推广方式有哪些(网店推广方式有几种具体是哪些)

    网店推广方式有哪些(网店推广方式有几种具体是哪些)

  • 三星和苹果手机数据互传(三星和苹果手机哪个好)(三星和苹果手机哪个好用)

    三星和苹果手机数据互传(三星和苹果手机哪个好)(三星和苹果手机哪个好用)

  • 鸿蒙系统手机打开微信分身方法(鸿蒙系统手机打印设置)

    鸿蒙系统手机打开微信分身方法(鸿蒙系统手机打印设置)

  • 华为手机微信附近的人不见了怎么设置回来(华为手机微信附近人怎么打开)

    华为手机微信附近的人不见了怎么设置回来(华为手机微信附近人怎么打开)

  • 苹果11双击亮屏的方法(苹果手机双击亮屏)

    苹果11双击亮屏的方法(苹果手机双击亮屏)

  • 看对方是否接收文件(qq邮箱怎么看对方是否接收)

    看对方是否接收文件(qq邮箱怎么看对方是否接收)

  • 微信怎么开美颜视频聊天(微信怎么开美颜功能)

    微信怎么开美颜视频聊天(微信怎么开美颜功能)

  • 荣耀路由器一直亮红灯(荣耀路由器一直亮橙色灯)

    荣耀路由器一直亮红灯(荣耀路由器一直亮橙色灯)

  • 微信群解散了有提示吗(微信群解散了有大数据记录吗)

    微信群解散了有提示吗(微信群解散了有大数据记录吗)

  • 微信举报互封是真的吗(微信举报会双封吗)

    微信举报互封是真的吗(微信举报会双封吗)

  • 苹果4s支持电信卡吗(苹果4s支持电信的型号)

    苹果4s支持电信卡吗(苹果4s支持电信的型号)

  • soul为什么搜不到用户(soul怎么搜不到人了)

    soul为什么搜不到用户(soul怎么搜不到人了)

  • pgup键在哪(pgupscrlk键是什么意思)

    pgup键在哪(pgupscrlk键是什么意思)

  • 手机里什么是sd卡(手机里什么是水印相机)

    手机里什么是sd卡(手机里什么是水印相机)

  • 总闪退怎么回事(苹果总闪退怎么回事)

    总闪退怎么回事(苹果总闪退怎么回事)

  • vivo合约机有什么缺点(vivo合约机不插卡可以用吗)

    vivo合约机有什么缺点(vivo合约机不插卡可以用吗)

  • ps怎么添加滤镜(ps怎么添加滤镜蒙版)

    ps怎么添加滤镜(ps怎么添加滤镜蒙版)

  • 酷喵vip能登录几台电视(酷喵vip能登录几个电视)

    酷喵vip能登录几台电视(酷喵vip能登录几个电视)

  • ipad从icloud恢复要多久(ipad从icloud恢复很慢如何强制取消)

    ipad从icloud恢复要多久(ipad从icloud恢复很慢如何强制取消)

  • 换手机微信聊天记录还有没有(换手机微信聊天记录怎么转移)

    换手机微信聊天记录还有没有(换手机微信聊天记录怎么转移)

  • 手机通讯录怎么导入新手机(手机通讯录怎么批量添加联系人)

    手机通讯录怎么导入新手机(手机通讯录怎么批量添加联系人)

  • word添加分割线怎么设置(word添加分割线条)

    word添加分割线怎么设置(word添加分割线条)

  • windows7安装node14版本及以上(windows7安装nodejs14)

    windows7安装node14版本及以上(windows7安装nodejs14)

  • BP神经网络的梯度公式推导(三层结构)(bp-神经网络)

    BP神经网络的梯度公式推导(三层结构)(bp-神经网络)

  • JavaScript变量与基本数据类型(js中的变量)

    JavaScript变量与基本数据类型(js中的变量)

  • 个人所得税预扣率10%
  • 个人以房产投资企业需要过户吗
  • 小型微利企业认定标准最新
  • 债券投资收益怎样计算
  • 工程项目因故终止施工的建设单位应办理手续0
  • 收到国外的服务费怎么开票
  • 实收资本的印花税是营业账簿吗
  • 开票资料上的电话可以是手机吗?
  • 增值税减免的账务处理可以直接应交税费减免税款吗
  • 个税申报表怎么打印
  • 超过三年的坏帐损失税前扣除怎样规定?
  • 应收出口退税属于哪个会计科目
  • 进口报关单保费
  • win1020h2更新0x800f081f
  • 电脑上网速度慢的原因及解决方法
  • 公司之间可以借款吗怎么做账
  • windows10如何更改时间
  • win10如何关闭windows安全中心图标
  • 绿萝 用什么土
  • php实现ping功能
  • 出差有补贴
  • 汇总纳税企业总分机构信息备案
  • 企业所得税按季还是按年
  • 毕业论文笔记怎么写
  • wordpress mobile themes
  • 为什么会有不同的人种
  • 减免残保金的操作方法
  • 民办非企业性质还是商业性质吗
  • 异地预缴的附加税在申报税时会抵消掉么
  • php返回json数据交给js读出来是数字,不是字符串
  • 织梦cms可以商用吗
  • Mysql获取当前年份
  • 无形资产摊销怎么计算
  • 哪些情况需要开具无违法犯罪证明
  • 税务发票金额可以增加吗?
  • 销售折扣与折让在财务报表哪里
  • 企业清算未分配利润怎么交税
  • 法院强制执行根本没用
  • 企业购进货物暂欠货款
  • 月末结转后应交税费应交增值税一般无余额
  • 固定资产后续支出计入的科目
  • 城乡居民死亡后需要办理什么手续
  • 产品成本的具体内容
  • 融资租赁的固定资产可以一次性扣除吗
  • 认购股份的形式主要有
  • 开了20万销项进项为0交多少税
  • 公账钱怎么取出
  • 企业公司制改建的有关规定
  • 企业清算主要清算哪些项目?
  • 主键自增长的数据如何导入
  • linux重置开机密码
  • mac系统操作教程
  • xp系统许多网页打不开
  • macbookair如何隐藏文件
  • windows8出现蓝屏
  • xp系统怎么设置不待机
  • win8 升级 win10
  • win10 ex4
  • 怎么解圧
  • win7系统监控
  • Win7系统安装方法
  • win8应用商店怎么卸载
  • 怎么设置永久禁止下载拼多多
  • opengl的坐标系
  • javascript字符串大小写转换
  • Unity3D游戏开发标准教程
  • 什么是批处理模式
  • Python内置函数的应用操作
  • js判断路径下图片是否存在
  • W3C Group的JavaScript1.8 新特性介绍
  • JavaScript和HTML DOM的区别与联系及Javascript和DOM的关系
  • JavaScript bold方法入门实例(把指定文字显示为粗体)
  • 23种设计模式全解
  • python中的堆和栈
  • asoul抽象
  • 宁波鄞州区行政区划代码
  • 重庆市医疗保障局
  • 河北省税务局发票查询系统
  • 发票怎样上传?
  • 税务局 协查函
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设