微信网页授权,以及如何在本地调试

这篇具有很好参考价值的文章主要介绍了微信网页授权,以及如何在本地调试。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

1.微信网页如果要授权,需要登录微信公众平台,然后在自己公众号-公众号设置-功能设置-网页授权配置
回调网页地址(就是redirect_url,具体参考官网网页授权中有介绍)。但是这种需要域名,也就是需要将网页部署在配置的域名服务器上,这显然对于我们开发阶段不适合调试

那么我们怎么样能够在本地进行调试呢

1.首先找到自己公众号的这个位置点击进去,微信官方暂时提供一个测试号供我们使用,该测试号可以用来测试网页授权功能
微信网页授权,以及如何在本地调试
2.进去之后可以看到下面这个界面,这里提供的测试号的appid就是我们等会用来测试网页授权的appid,
js接口安全域名以及接口配置信息不用管,直接往下翻可以看到第二张图的部分,点击修改网页授权用户基本信息,会弹出一个填写网页授权回调域名,这个回调域名就是当用户授权后,微信自动重定向的一个地址,也就是我们的前端页面项目地址。但是我们本地开发调试哪儿来的域名呢,我们可以直接填写ip地址也是可以的,例如参考第三张图
微信网页授权,以及如何在本地调试
微信网页授权,以及如何在本地调试
微信网页授权,以及如何在本地调试

填写完安全域名/ip地址之后,需要注意之后我们回调的地址需要和这里填写的ip地址一致,并且回调地址的项目需要跑在80端口。
为什么一定要配置80端口呢?

微信重定向不支持带端口的访问域名
配置80端口,就可以只输入网址
微信网页授权,以及如何在本地调试
3.接下来可以进行微信网页授权最关键的部分了,首先我们看js代码部分,这里我使用的vue开发的项目。
具体操作如下,相信看完下面这张图应该知道具体流程了
微信网页授权,以及如何在本地调试
参考文章:https://juejin.cn/post/7044805966486831140文章来源地址https://www.toymoban.com/news/detail-498120.html

到了这里,关于微信网页授权,以及如何在本地调试的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • vue实现微信小程序,代码实例以及如何调试

    要调试 Vue 实现的微信小程序,您需要使用微信开发者工具进行调试。以下是一个简单的 Vue 实现的微信小程序的代码示例,以及如何使用微信开发者工具进行调试的步骤。 要调试代码,请按照以下步骤操作: a. 在微信开发者工具中,选择“开发”选项卡。 b. 在“开发”选项

    2024年02月11日
    浏览(31)
  • 微信-网页授权

    参考文档 基础配置      代码测试说明测试公众号配置你本地的ip 完整的代码在文字末尾  下载微信的开发者工具 公众号AppId以及AppSecret的申请,并可以获取到token 注意   回调地址需要和js安全域名配置为同一个   授权地址必须在微信执行(本地在微信的开发工具进行执行

    2024年02月13日
    浏览(21)
  • 微信公众号开发——实现用户微信网页授权流程

    😊 @ 作者: 一恍过去 💖 @ 主页: https://blog.csdn.net/zhuocailing3390 🎊 @ 社区: Java技术栈交流 🎉 @ 主题: 微信公众号开发——实现用户微信网页授权流程 ⏱️ @ 创作时间: 2022年12月16日 1、在本地进行联调时,为让微信端能够访问到本地服务,需要进行内网穿透,参考《本地

    2023年04月17日
    浏览(45)
  • 微信网页授权之使用完整服务解决方案

    目录 微信网页授权能力调整造成的问题 能力调整的内容和理由 原有运行方案 is_snapshotuser字段  改造原有方案 如何复现测试场景 小结 依附于第三方的开发,做为开发者经常会遇到第三方进行规范和开发的调整,如开发腾讯微信的相关应用。我所经历的如小程序隐私政策调整

    2024年02月20日
    浏览(25)
  • 微信公众平台开发(四)——微信网页授权:获取用户openid&用户基本信息

    在开发中,如果web产品需要使用到微信的功能,比如微信授权登录、微信支付、微信投票等,我是开发的东东是一个web项目,然而如果需要接入微信的话,就需要使用道微信的微信网页开发相关的功能。 其中我们需要的东西就是拿到微信服务器的回调,比如用户扫码登录我们

    2024年02月16日
    浏览(33)
  • 微信小程序实现的网页扫码授权登录(完全免费)

    微信小程序实现的网页扫码授权登录,无论是个人小程序还是企业小程序,都可以调用wx.login接口获取到openid实现微信鉴权快速扫码登录! 现如今,扫码登录已经在网站普遍应用,其中微信扫码登录极其普遍。但是微信扫码登录的实现方法有多种,大多数都是具有一些门槛的

    2024年02月05日
    浏览(32)
  • PHP实践:手把手微信公众号网页授权登录功能实现

    🏆作者简介,黑夜开发者,全栈领域新星创作者✌,CSDN博客专家,阿里云社区专家博主,2023年6月CSDN上海赛道top4。 🏆数年电商行业从业经验,历任核心研发工程师,项目技术负责人。 🏆本文已收录于PHP专栏:PHP进阶实战教程。 🏆另有专栏PHP入门基础教程,希望各位大佬

    2024年02月12日
    浏览(39)
  • 微信小程序通过web-view网页授权获取用户公众号OpenID

    第一步: 通过该地址 https://mp.weixin.qq.com/debug/cgi-bin/sandboxinfo?action=showinfot=sandbox/index 获取到微信公众号测试号AppID与appsecret (测试公众号可以测试使用,个人公众号不允许使用。微信认证服务号可以使用,微信认证订阅号不可以使用)。 接口权限查看链接: https://developers.weix

    2024年02月08日
    浏览(57)
  • H5使用微信OAuth2.0授权登录,并实现内网调试。

    H5实现微信授权登录的流程不在过多赘述官方文档传送门,下面直接上如何在开发状态下实现授权登录调试。 微信公众号的开发权限,配置后续会讲。 内网穿透工具。 一个node服务点这里koa2快速搭建,传送门。 如图所示点击网页授权域名设置 将这个文件txt下载到本地,下面

    2024年02月16日
    浏览(29)
  • uniapp 企业微信侧边栏开发网页授权 注入企业权限 注入应用权限 获取userid(2)

    想知道怎么搭建一个企业微信侧边栏应用的,请移步: https://blog.csdn.net/u013361179/article/details/131936040?spm=1001.2014.3001.5501 1、网页授权,获取code 代码: 里面用到的方法: // 获取url后参数code // 删除URL中指定search参数 这个时候就会发现,如果你是从企业微信客户端侧边栏配置的

    2024年02月12日
    浏览(32)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包