微信网页授权及使用微信jssdk

最新推荐文章于 2024-07-11 00:59:40 发布
最新推荐文章于 2024-07-11 00:59:40 发布
阅读量2.5k 收藏 6
点赞数 1
分类专栏： 微信jssdk 文章标签： javascript node.js es6
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43897940/article/details/104413460
版权
本文详细介绍了微信网页授权的两种方式，重点讲解了以snsapi_userinfo为scope的授权流程，包括前端获取code，后端通过code换取access_token及拉取用户信息。此外，还阐述了如何使用微信jssdk进行分享和支付，包括绑定域名、引入JS文件、生成签名以及调用支付接口的步骤。
摘要由CSDN通过智能技术生成

微信网页授权

开发场景：公众号商城

网页授权有两种方式
一种为以snsapi_base为scope的网页授权，即静默授权，

优点：用户无感知
缺点：用户需关注公众

另一种为以snsapi_userinfo为scope的授权方式

优点：用户无需观众公众号
缺点：用户需手动统一授权

本场景使用第二种方式

前端部分

第一步：获取code

引导用户打开如下链接：

https://open.weixin.qq.com/connect/oauth2/authorize?appid=APPID&redirect_uri=REDIRECT_URI&response_type=code&scope=snsapi_userinfo&state=STATE#wechat_redirect

APPID：公众号的唯一标识
redirect_uri：授权后重定向的回调链接地址

redirect_uri的地址配置：公众平台官网中的“开发 - 接口权限 - 网页服务 - 网页帐号 - 网页授权获取用户基本信息”的配置选项中，修改授权回调域名。请注意，这里填写的是域名（是一个字符串），而不是URL，因此请勿加 http:// 等协议头；

授权页面：

用户同意授权后

如果用户同意授权后，页面将跳转至 redirect_uri/?code=CODE&a

最低0.47元/天 解锁文章
weixin_43897940
关注
  • 1
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
微信jssdk 授权 java_微信JS SDK配置授权，实现分享接口
weixin_36352025的博客
02-23 491
微信开放的JS-SDK面向网页开发者提供了基于微信内的网页开发工具包，最直接的好处就是我们可以使用微信分享、扫一扫、卡券、支付等微信特有的能力。7月份的时候，因为这个分享的证书获取问题深深的栽了一坑，后面看到“config:ok”的时候真的算是石头落地，瞬间感觉世界很美好..这篇文章是微信开发的很多前置条件，包括了服务端基于JAVA的获取和缓存全局的access_token，获取和缓存全局的jsa...
微信JSSDK页面授权实现类(PHP)
helencoder的博客
04-11 5819
微信页面授权–(JS-SDK使用权限签名算法) 使用方法：实例化此类，然后调用其中的getSignPackage()方法即可。 注意：其中涉及获取access_token和jsapi_ticket需要自己缓存，不能频繁获取！ <?php /** * Author: helen * CreateTime: 2016/4/11 10:39 * description: 微信页面授权--(JS-
网页授权与APP授权，H5开发使用微信Jssdk拉起网页授权详细步骤（vue2）
yx13186308025的博客
12-11 3145
6.获取到openid和access_token就可以走到最后一步获取用户信息（公众号获取用户信息，只有微信头像，openid和昵称）这一步同样要放到后端进行，前端调用接口形式请求。登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。我这边权限签名，时间戳和随机串是后端更具微信的权限签名算法生成的，微信算法链接如下。注意点：这一步操作需要将请求微信的接口放到后端，前端进行调用，否则会出现跨域现象。根据code做判断，如果url里截取到code就代表登录过，不在拉起弹框授权。
一个浏览器插件，绕过限制，登录微信网页版！
最新发布
瑜众不同
07-11 4417
wechat-need-web是一款免费开源的完美解决微信WeChat网页web版登录限制的问题的浏览器插件，其实，电脑微信一直有个非常干净清爽的网页版，免安装就能用。网页版特别适合这些轻度用户，随开随关，也不会占用什么磁盘空间。只可惜，后来不让用了，扫码登录会提示不支持，要求下载客户端。
微信授权+JS-SDK
weixin_42526326的博客
10-23 4707
微信授权+JS-SDK前言官方文档H5网页授权APP授权小程序授权JS-SDK说明文档准备工作测试：申请测试账号账号验证（接口配置）正式：**申请账号****账号认证****接口配置**流程讲解总体流程网页授权功能注意流程APP授权小程序授权JS-SDK接口调用功能注意流程生成JS-SDK权限验证的签名功能实现属性配置授权获取 code （拉起授权页面）获取access_token通过openID + access_token获取用户信息access_token过期刷新JS-SDK生成signature错误
vue获取微信登陆权限_Vue获取微信JSSDK授权,以及微信分享
weixin_39950083的博客
12-28 539
场景Vue获取JSSDK授权以便在微信浏览器,或者嵌在小程序里面做些小事情,如朋友/朋友圈分享,微信支付,图片上传下载等步骤一 配置安全域名:在微信公众平台对应的公众号设置里面配上相应的JS接口安全域名(开发者需要有对应的权限)步骤二 引入JS文件:在需要调用接口的页面引入JS文件,我直接使用npm包'jweixin-module'(npm install --save jweixin-modul...
详解vue中使用微信jssdk
10-17
主要介绍了vue中使用微信jssdk，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
微信jssdk+java版+jsp源码
12-07
jssdk,通过config接口注入权限验证配置java+jsp微信开发教程，功能：扫描二维码，拍照、本地选图，图片预览，上传图片，下载图片，获取当前网络状态，查看地理位置，获取当前地理位置打开地图，关键是使用JsSignUtil...
微信jssdk语音录制和上传下载
01-08
//微信上传下载媒体文件 // 这里不能加上s，不然保存不了amr文件 $url = "http://file.api.weixin.qq.com/cgi-bin/media/get?access_token={$access_token}&media;_id={$media_id}"; ffmpeg下载地址 ...
微信JSSDK分享功能图文实例详解
10-17
微信JSSDK分享功能是微信提供的一个用于网页端实现微信内分享的重要工具，它允许开发者自定义分享内容，包括分享的标题、描述、图片以及链接等。以下是对微信JSSDK分享功能的详细说明： 首先，要使用微信JSSDK分享...
微信获取jssdk例子JAVA例子
01-15
微信获取jssdk例子JAVA例子生成sign签名(MD5格式) 校验sign
js实现微信授权并拿到用户信息
06-13
js实现微信授权并拿到用户信息,修改index.html 里面的appid,跟notify.html里面的appid,secret为你自己的就OK了.已测试成功.
微信公众号网页jsapi授权
呐呐呐
11-28 1153
微信授权登录并获取用户基本信息 官方文档 详细步骤 微信公众账号提供用户请求授权页面URL。 用户点击授权页面URL，将向服务器发起请求 scope为snsapi_base时 服务器询问用户， 用户同意授权给微信公众账号 服务器跳转页面将CODE回调传给微信公众账号 微信公众账号通过CODE向服务器请求Access Token 完成授权 实现 微信公众平台配置 ： 必须配置成 https://**** 此处需要 安全域名的证书必须来自当前域名下，在开发中因为java配置证书为别的域名下。导致在开发
code换取微信openid_JS&微信_微信授权
weixin_39614109的博客
11-22 170
微信api授权demo获取openid --- snsapi_base获取用户信息 --- snsapi_userinfo1.前置条件服务号(企业) -- 通过微信认证可以在微信公众平台-开发-接口权限查看需要先配置一下授权回调域名(只能配置一个)开发 - 接口权限 - 网页服务 - 网页帐号 - 网页授权获取用户基本信息请注意，这里填写的是域名(是一个字符串)，而不是URL，因此请勿加...
关于微信js-sdk使用流程整理
Program Apes
04-22 2477
关于微信sdk的使用，微信测试号的申请与配置，集前后端代码一体搞定微信分享，测试结果展示...
vuejs实现微信JSSDK获取网页授权以及接口授权（二）
yuan_life的博客
06-13 1807
vuejs实现微信JSSDK获取网页授权以及接口授权（二） 实现接口授权 看了很多大神的帖子，还是没理解清楚，然后就慢慢的试了一下 测试号申请 填写自己的域名 access_token是公众号的全局唯一接口调用凭据，公众号调用各接口时都需使用access_token。开发者需要进行妥善保存。access_token的存储至少要保留512个字符空间。access_token的有效期目前为2个小时...
微信公众号-JSAPI支付（保姆级教程）
qq_43890604的博客
03-22 6499
微信公众号-JSAPI支付
Js微信公众号引JS-SDK调起微信支付
明知山
10-07 1058
<script src="http://res2.wx.qq.com/open/js/jweixin-1.4.0.js"></script> //后台返回的配置数据 wx.config({ debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时...
微信网页授权真实项目实例
云间月
04-08 1345
微信网页授权获取用户OpenID 文章目录微信网页授权获取用户OpenID:pushpin:微信网页授权的前提:boom:网页授权域名配置:boom:前端获取Code前端拉起微信OAuth2.0授权解析codecode 注意事项:boom:后端根据code获取用户OpenID通过code换取网页授权根据access_tokena获取用户信息access_token注意事项:boom:详情以及错误信...
微信公众号网页开发——授权登录，js安全域名，jssdk使用
05-18
微信公众号网页开发中，授权登录、js安全域名、jssdk使用是非常重要的部分。 首先，授权登录是指用户在访问网页时，需要通过微信授权登录获取用户的信息。这样可以方便地获取用户的基本信息，如头像、昵称等，从而为用户提供更好的服务。在实现过程中，需要先在公众号后台设置授权回调域名，然后在网页中引入微信授权登录的js文件，通过调用API实现登录和获取用户信息的功能。 其次，js安全域名是指在网页中使用jssdk时需要配置的安全域名。在公众号后台设置安全域名后，需要在网页中进行相关配置，以确保jssdk能够正常使用。在使用jssdk时，需要注意签名算法的使用，以及调用API时需要注意授权问题。 最后，jssdk是微信提供的一套开发工具包，包含了许多API接口，可以方便地实现分享、支付、定位、扫一扫等功能。在使用jssdk时，需要先引入jssdk的js文件，然后进行相应的配置和调用。需要注意的是，不同的API接口需要不同的权限，因此在使用时需要进行相应的授权。 总之，授权登录、js安全域名、jssdk使用是微信公众号网页开发中非常重要的部分，需要在实现过程中充分考虑相关问题。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值