位置: 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实战项目教程)

  • 转让金融商品应交增值税计入
  • 零税率是指
  • 加计抵扣10%的进项税 会计处理
  • 实缴注册资本交税吗
  • 企业缴纳的社保可以税前扣除吗
  • 利润表中财务费用为负数是什么意思
  • 金税三期后企业没活路
  • 分支机构是否享受小微企业企业所得税优惠?
  • 利税总额是应交还是已交
  • 土地闲置费是否可以税前扣除
  • 赠与合同收税吗
  • 没收不还
  • 转让土地使用权会计分录怎么做
  • 初期厂房监理费怎么做账?
  • 工会经费可以购买购物卡吗
  • 发票没开完可以领取吗?
  • 印花税是按照含税收入乘以印花税税率吗
  • 汇算清缴补交所得税的账务处理
  • 7.1发票没有税号怎么开
  • 现金采购怎么算
  • 专用发票红字发票
  • 小米6桌面图标消失了
  • backupnotify.exe是什么文件的进程 backupnotify进程安全吗
  • element-plus vue
  • php 文件系统
  • 采购原材料凭证未到达
  • 老年人经常便秘怎么办
  • yolo xml转txt
  • 资产减值会计处理论文
  • 新购车辆检测费计入原值吗
  • 开票一定要对公户嘛
  • 固定资产有何特征?
  • web爬虫视频教程
  • element ui table
  • 数据模型 excel
  • 人民币跨境贸易占比
  • 工会经费减除项包括哪些
  • 什么是社会团体组织
  • 汽车4s店,厂家返修
  • python如何访问私有方法
  • 处置子公司利润表
  • 公司不按股权比例分红是否合法
  • 应收账款是否存在的审计程序
  • 综合所得算税公式
  • 单位出租不动产,按照5%的征收率计算应纳税额
  • 可供出售金融资产属于什么科目
  • 其他应付款怎么处理
  • 结汇时和月底结转汇兑损益
  • 收回发票会计分录
  • 国税代开专票缴纳城建税分录?
  • 样品 报关
  • 无法确定退货率的处理
  • 不征税发票和零税率发票
  • 管理费用的明细科目如何设置
  • 备查账目
  • bitronix 连接 MySQL 出现MySQLSyntaxErrorException 的解决方法
  • hyper-v怎么样
  • windows7壁纸怎么恢复
  • apache1.3.19配置文件
  • linux之间拷贝文件
  • win7启动应用程序的方式
  • win7怎么关闭自带键盘
  • kenmail.exe进程有什么用 是什么进程 kenmail进程查询
  • win7系统360浏览器收藏夹位置
  • windows中复制文件的几种方法
  • 在Linux系统中安装Anaconda
  • Append、Debug、Diskcomp命令的使用说明
  • linux7 snmp
  • windows pytorch
  • 批处理的扩展名
  • shell去重计数
  • python编程快速
  • 利用python中的运算符可以编程解决你身边的哪些问题
  • javascript编程软件
  • 每天一篇文章锻炼口才的文章
  • 不想让浏览器运行
  • 小规模纳税人收到增值税专用发票怎么办
  • 国家辽宁税务总局
  • 个人经营所得申报时间
  • 租房协议中怎样签字
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设