一定要看的修改微信扫码登录鉴权样式的大坑

在接入微信扫码登录鉴权时,遇到一些挑战,如需审核的域名和ID申请,以及修改样式时base64编码的问题。文章详细描述了如何引入鉴权,通过base64编码自定义样式,但需注意浏览器解析可能导致编码字段变化,需使用encodeURIComponent解决。建议在修改CSS样式时,针对无法选中的元素使用伪元素实现。

一定要看的修改微信扫码登录鉴权的样式的大坑

在接入第三方微信鉴权时踩了很多坑,由于之前没有做过,查询的信息也不够,所以在这里总结一下

一、引入微信扫码登录鉴权

如何引入实现微信扫码登录鉴权很简单:js引入-初始化对象
在这里需要去申请对应的域名和id,这个过程需要审核,需要提前申请,具体可以参考微信开放平台的使用文档【微信扫码鉴权官方开放文档教程


二、修改微信扫码登录鉴权的样式

这里使用的是文档中介绍到的base64编码后添加在href后面,如下图
在这里插入图片描述

完整的详细步骤如下>

  • 第一步:写好要修改的样式
  • 第二步:压缩成base64的格式
    • 这里推荐一个工具地址base64压缩地址
      – 下图中左边输入修改的css,点击base64编码会生成右边编译后的字段,复制下来
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值