在小程序授权公众号,获取openId等信息(前端) 您所在的位置:网站首页 小说资源获取公众号 在小程序授权公众号,获取openId等信息(前端)

在小程序授权公众号,获取openId等信息(前端)

2024-06-15 09:54| 来源: 网络整理| 查看: 265

需求背景 在开发的小程序里,需要判断使用该小程序的用户是否有关注该小程序关联的公众号,如未关注要引导用户去关注公众号。 解决思路

使用小程序web-view组件进行微信公众号授权网页跳转

代码开发前的准备

1)登陆小程序管理平台-开发–开发设置-业务域名加上需要跳转的路径的域名

注意:1.是业务域名不是服务器域名;2.需要配置校验文件(当时叫公司运维帮忙加上)

在这里插入图片描述

2)登陆公众号管理平台-公众号设置–功能设置-网页授权域名加上和上面小程序业务域名一样的域名地址。

用户在网页授权页同意授权给公众号后,微信会将授权数据传给一个回调页面,回调页面需在此域名下,以确保安全可靠。

在这里插入图片描述

如果没有进行以上域名配置,自己开发测试可先在开发者工具,右上角的详情-本地设置勾选上不进行域名校验,就可以正常进行使用(要开发上线的话必须要配置好域名,不然无法正常使用) 在这里插入图片描述

在小程序管理平台-设置-关注公众号-开启公众号关注组件(小程序需关联到需要跳转的公众号),这一步是为了使用关注公共号组件【official-accoun】 代码开发: 小程序端

使用web-view组件跳转微信公众号授权页面 webView使用官方文档

链接拼接参数: appid:需要授权的公众号appid redirect_uri:授权回调页面,即公众号成功授权后跳转的页面链接,用来接收参数code ;如果跳转出现问题,最好用encodeURIComponent() 对链接的参数进行编码转化, encodeURI(url)对跳转的url链接进行编码转化 (*该链接的域名要使用上面在小程序和公众号配置了的域名)

response_type:接收的参数 scope:应用授权作用域{1.静默授权snsapi_base ,不弹出授权页面,直接跳转;2.snsapi_userinfo ,弹出授权页面。} 在这里插入图片描述 state:重定向后带上的参数 #wechat_redirect:链接一定要带上



【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有