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

  • 中国城市人口密度榜出炉,根据统计显示,人口密度高的城市主要集中在长三角、珠三角

    中国城市人口密度榜出炉,根据统计显示,人口密度高的城市主要集中在长三角、珠三角

  • 海星模拟器有ios版吗(海星模拟器有什么用)

    海星模拟器有ios版吗(海星模拟器有什么用)

  • win10桌面上没有我的电脑(WIN10桌面上没有我的电脑图标)

    win10桌面上没有我的电脑(WIN10桌面上没有我的电脑图标)

  • 索尼a8g和a9g区别(索尼a8h和a90j)

    索尼a8g和a9g区别(索尼a8h和a90j)

  • qq可以查看举报人吗(qq查看举报人进度)

    qq可以查看举报人吗(qq查看举报人进度)

  • hmaal00是华为什么型号手机(hmaal00是华为什么型号)

    hmaal00是华为什么型号手机(hmaal00是华为什么型号)

  • wps企业版和个人版有什么区别(wps企业版和个人版能共存?)

    wps企业版和个人版有什么区别(wps企业版和个人版能共存?)

  • 华为rcs有什么用(华为rcs可以卸载吗)

    华为rcs有什么用(华为rcs可以卸载吗)

  • honor7c是什么型号(honor 7c是什么手机)

    honor7c是什么型号(honor 7c是什么手机)

  • 华为手机为什么一直是2g网(华为手机为什么发热怎样解决)

    华为手机为什么一直是2g网(华为手机为什么发热怎样解决)

  • qq文件默认存储位置(qq文件默认存储路径修改)

    qq文件默认存储位置(qq文件默认存储路径修改)

  • 天猫精灵lN与R区别(天猫精灵区分)

    天猫精灵lN与R区别(天猫精灵区分)

  • wps文档怎么在全文里查找(wps编辑页面,怎么弄成全屏显示)

    wps文档怎么在全文里查找(wps编辑页面,怎么弄成全屏显示)

  • 抖音里抢镜怎么转不了(抖音抢镜怎么调整大小)

    抖音里抢镜怎么转不了(抖音抢镜怎么调整大小)

  • word文档打不进去字(pdf怎么变成word)

    word文档打不进去字(pdf怎么变成word)

  • 苹果xs可以插两张卡吗(苹果xs插两张卡有一张没信号)

    苹果xs可以插两张卡吗(苹果xs插两张卡有一张没信号)

  • 扇贝单词量测试在哪里(扇贝单词的词汇量测试)

    扇贝单词量测试在哪里(扇贝单词的词汇量测试)

  • 淘宝洋淘秀怎么删除(淘宝洋淘秀怎么弄)

    淘宝洋淘秀怎么删除(淘宝洋淘秀怎么弄)

  • 苹果xs充电几瓦(iphone xs 充电器最大多少瓦)

    苹果xs充电几瓦(iphone xs 充电器最大多少瓦)

  • oppo reno升降摄像头怎么用(OPPO Reno升降摄像头多少钱)

    oppo reno升降摄像头怎么用(OPPO Reno升降摄像头多少钱)

  • 小爱音箱没有wifi可以用吗(小爱音箱没有wifi怎么连接手机)

    小爱音箱没有wifi可以用吗(小爱音箱没有wifi怎么连接手机)

  • oppo reno是不是60倍变焦(oppo reno是不是双扬声器)

    oppo reno是不是60倍变焦(oppo reno是不是双扬声器)

  • 微云上传视频免费吗(微云的视频)

    微云上传视频免费吗(微云的视频)

  • Windows 8.1如如何快速恢复系统和重新安装系统(如何让windows8.1更流畅)

    Windows 8.1如如何快速恢复系统和重新安装系统(如何让windows8.1更流畅)

  • Windows7旗舰版系统极品飞车17已停止工作的解决方(win7旗舰系统)

    Windows7旗舰版系统极品飞车17已停止工作的解决方(win7旗舰系统)

  • 马德拉岛的北海岸,葡萄牙 (© Hemis/Alamy)(马德拉群岛旅游攻略)

    马德拉岛的北海岸,葡萄牙 (© Hemis/Alamy)(马德拉群岛旅游攻略)

  • 微信小程序--》你真的了解小程序组件的使用吗?(微信小程序开发平台)

    微信小程序--》你真的了解小程序组件的使用吗?(微信小程序开发平台)

  • 工会经费的计税依据是含税还是不含税
  • 企业所得税损益结转
  • 递延所得税计算题
  • 专票不抵扣认证什么意思
  • 小微企业增值税减免政策
  • 现金流量表的编制基础是什么
  • 普票千元版和万元版板面区别
  • 转出多交增值税最后怎么做平
  • 出口未报关收到外汇怎样处理
  • 税控盘必须一直插着吗
  • 增值税可以做平吗
  • 企业承担的员工在职培训成本包括
  • 工会经费计提多少后不再提
  • 职工取暖费计入什么科目
  • 收取加盟费如何交税
  • 支付土地流转费
  • 两笔不同业务能做一个凭证吗
  • 总公司和分公司类型必须一样么
  • 审工资的流程
  • 补记以前年度折旧
  • 库存商品做账
  • 跨地区经营怎么交税
  • 劳务派遣可以开专票吗
  • 教育培训机构涉税问题
  • 独立核算分公司可以享受小型微利企业优惠吗
  • 固定资产清查盘亏账务处理
  • 固定资产提前报废账务处理
  • 留抵的进项税可以退吗
  • 公益性捐赠税前扣除资格认定程序
  • 经费开支原则是什么
  • 应收账款怎么登账
  • 税金及附加多计提所得税年报怎么更正
  • win10更新kb5005033
  • windows 11 正式版实际使用体验如何?
  • PHP:imagecopyresampled()的用法_GD库图像处理函数
  • framework 4 client profile
  • 纳税人超过应缴纳税额缴纳的税款
  • 工业企业出租房屋的租金收入应计入
  • php中获取当前时间
  • js倒计时函数
  • css设置背景图片填充
  • 研发 专利
  • 非本公司员工能上班吗
  • 固定资产记到什么账本
  • 小规模附加税优惠政策2021
  • sql查询使用临时表
  • 企业所得税汇算表
  • 开销项负数发票怎么做账
  • 劳保用品专卖
  • 转让股权收入属于收入总额吗
  • 旅游发票可以做差旅费吗
  • 支付销售商品运费
  • 税控盘减免税款冲减管理费用
  • 应收票据周转率公式
  • 国有独资企业是有限责任公司吗
  • 销售固定资产如何申报企业所得税
  • 每个月房租
  • 发票金额与实际金额不符怎么举报
  • 取得投资款缴纳企业所得税吗
  • 产品的销售费用计入
  • 影响营业利润和利润总额的因素
  • 个体工商户个税2023最新政策
  • solaris 11.4
  • linux临时目录一般存在哪个文件夹
  • centos7日志管理
  • 命令行教程
  • windows10玩游戏卡吗
  • coco触控
  • Python内置函数的应用操作
  • 批处理文件教程
  • html常用字符
  • android内存机制
  • jquery中的$是什么
  • pytho命名规则
  • bootstrap需要学多久
  • jquery更换图片
  • 小规模国税申报表填写方法
  • 日本快递税率
  • 注销税务登记存货如何处理
  • 专票一个单位一张可以吗
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设