有关于微信公众号网页开发的流程(自己的看法)
微信官方文档
(真的很详细)
第一步: 网页授权回调域名
网页服务内容
这个网页回调域名是非常关键的,后面会讲解这个回调的域名的使用,回调字面意思就是会跳转的。
第二步: 使用微信官方的api进行code获取
这个就是获取code进行页面跳转,给跳转的页面传递code参数,你可以在自己的页面进行获取,将code传给后端
参考链接(请在微信客户端中打开此链接体验):
scope为snsapi_base
https://open.weixin.qq.com/connect/oauth2/authorize?appid=wx520c15f417810387&redirect_uri=https%3A%2F%2Fchong.qq.com%2Fphp%2Findex.php%3Fd%3D%26c%3DwxAdapter%26m%3DmobileDeal%26showwxpaytitle%3D1%26vb2ctag%3D4_2030_5_1194_60&response_type=code&scope=snsapi_base&state=123#wechat_redirect
scope为snsapi_userinfo
https://open.weixin.qq.com/connect/oauth2/authorize?appid=wxf0e81c3bee622d60&redirect_uri=http%3A%2F%2Fnba.bluewebgame.com%2Foauth_response.php&response_type=code&scope=snsapi_userinfo&state=STATE#wechat_redirect
这里是请求参数的说明,这里的就要用到上面,配置的回调域名redirect_uri,可以利用这个回调可以传递页面参数,http://my.huidaoyuming.com?username=iwen&age=10
,这个地方可以灵活运用的(后面分享一个需要用户信息的页面是非常重要的)。
第三步 通过code换取网页授权access_token,openid
这个建议在后台运行获取,考虑到信息泄露的问题,以下的参数在微信公众号后台都是有,
需要注意一个请求参数就是——grant_type=client_credential,字面意思就是客户端凭据,这个参数一般都是这个。
获取网页授权的access_token,openid。这里讲一下openid是用户的微信号唯一标识,unionid是身份唯一标识,如果有俩个微信号,unionid是相同的。
获取code后,请求以下链接获取access_token,openid: https://api.weixin.qq.com/sns/oauth2/access_token?appid=APPID&secret=SECRET&code=CODE&grant_type=authorization_code
官方的解释已经非常清晰啦(请求得到的参数分析)
第四步 通过openid获取用户信息
接口调用请求说明
http请求方式: GET
https://api.weixin.qq.com/cgi-bin/user/info?access_token=ACCESS_TOKEN&openid=OPENID&lang=zh_CN
请求参数
得到数据
到这里基本上一个交互的微信网页开发就结束了,至于微信公众号页面分享见下面的步骤
第一步 还是绑定域名
绑定 js接口安全域名
意思就是你页面js代码在哪个服务器域名上运行的你就配置js安全域名
这里还需要再页面引入js文件,这样才能写微信的代码进行分享配置了
- 到这里我当时也很懵了,然后干什么呢?
- 这时候就是需要获取签名,获取的签名用再wx.config配置,wx.config所需要的东西最好是后台请求,和创建随机36位字符串,时间戳。
- jsApiList——你需要分享到哪里就行入一个官方提供的JS接口列表,比如
updateAppMessageShareData,分享给朋友和qq好友
updateTimelineShareData分享到朋友圈,qq空间
jsApiList:["updateTimelineShareData","updateAppMessageShareData"]
https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token="+accessToken+"&type=jsapi
接下来就是很简单了
wx.ready会在分享时自动调用
这里需要注意的就是 link 这个属性,就是分享的页面链接 可以进行传参的,分享的页面做一个判断,如果用户没用登录,就去拉起登录的那个获取code的回调接口,再通过code获取openid,openid获取用户信息,这样可以对分享出去,点击了分享链接人的信息获取
这就是上面说的 灵活运用
有关于微信公众号网页开发的流程(自己的看法)相关推荐
- 前端对接微信公众号网页开发流程,前期配置
微信公众号网页开发,其实就是我们开发的h5网页需要放到微信浏览器环境中使用,但是需要对接公众号授权,授权之后可以获取到用户的个人信息,以及可以使用公众号提供的一些API,如:图片上传.图片预览.获取位 ...
- 前端对接微信公众号网页开发流程,授权对接
前面讲到 前端对接微信公众号网页开发流程,前期配置,本篇文章主要详细介绍关于公众号的授权对接. 一.引入微信js-sdk 在需要调用 JS 接口的页面引入如下 JS 文件 http://res.wx. ...
- 微信公众号网页开发——实用真机调试
前言 微信公众号网页开发的真机调试一直是很头疼的事情. 原因一 微信公众号配置的JS安全域名只有三个,一个大中型的公众号这三个JS安全域名都是生产的域名,不可能预留域名用于开发和调试. 原因二 在微信 ...
- 前端对接微信公众号网页开发流程,JSSDK使用
前面两篇文章讲解了前端对接微信公众号网页开发流程,前期配置 和 前端对接微信公众号网页开发流程,授权对接,本篇文章讲解关于微信JSSDK的使用,官方文档地址 一.通过 config 接口注入权限验证配 ...
- php公众号开发配置网页域名,微信公众号网页开发授权配置流程
1.配置 1.1 公众号配置 1.2 开发者账号配置 选择开发者工具->web开发者工具->绑定开发者微信账号. 1.3 开发域名配置 选择公众号设置->功能设置,根据需求设置:业务 ...
- 微信公众号网页开发:播放视频,在列表中滑动会脱离文档流
项目场景: antd移动端端开发 微信公众号移动端网页开发 问题描述: video-react有问题,在跑马灯中第一次白屏,在列表中滑动会脱离文档流 原因分析: 未知 解决方案: 直接上代码 < ...
- 企业微信公众号网页开发之引入高德地图API
test.jsp 页面文件 WxController.java 后端Controller层代码 WxService.java 后端Service层代码 WxDao.java 后端Dao层代码 一.JS ...
- vue3+vant开发微信公众号网页爬坑不完全指北
点击上方 前端Q,关注公众号 回复加群,加入前端Q技术交流群 前言 8月底的时候接到了一个微信公众号网页开发的任务, 在此之前我从没开发过微信公众号网页的项目, 心想这回又能学到新东西了, 然后又是移 ...
- 解决微信公众号网页a链接来回点击失效
在微信公众号网页开发的时候我在一个页面设置了多个a链接来回切换页面 发现了一个问题就是来回切换页面的时候切换几次就会卡死,不让页面进行跳转 后来发现在页面加上一个随机参数即可解决这个问题 可能是微信对 ...
最新文章
- android启动服务的生命周期,android Service启动运行服务 生命周期
- python for arcgis_面向ArcGIS的Python脚本编程 ([美]赞德伯根) 中文pdf扫描版[50MB]
- Handling partially written hint files hint file 部分写成功
- SVN“验证位置时发生错误”的解决办法
- SmartSVN:File has inconsistent newlines
- MySQL日期处理函数实现博客按年月份进行分组
- SSH关于公钥认证Permission denied的问题
- springboot项目执行controller方法时进入慢的问题
- 1032. Sharing (25)
- 分页加载总页数计算公式
- mysql存储过程之异常处理篇
- 数据结构题集第一章(严蔚敏)
- 国外网站整理出十大必须拥有的虚拟化工具
- java 点云数据处理_点云数据处理学习笔记
- android平板+a1usb驱动程序,手机USB万能驱动
- 计算机常用的汉字机内码有哪几种,常用的汉字机内码有几种?
- 2022-2028年中国半导体照明(LED)产业投资分析及前景预测报告(全卷)
- 计算机电源安装,手把手教你正确安装主机电源
- 用Python手撕一个批量填充数据到excel表格的工具,解放双手!
- 19张插画让你秒懂Kubernetes
热门文章
- CSDN上传图片失败的解决方法
- Bp神经网络预测中trainlm算法和trainbr算法的应用
- python3程序设计基础答案刘德山_《PYTHON3程序设计/唐永华》唐永华 刘德山 李玲著【摘要 书评 在线阅读】-苏宁易购图书...
- 美通社企业新闻汇总 | 2019.1.15 | 深圳成为中国大陆第三大办公楼市场,台湾珍珠鲜奶茶Sharetea引进上海...
- 中华英才网java在线笔试_牛客网校招全国统一模拟笔试(三月场)- Java方向
- Microsoft SQL Server 2008R2和2019
- [轉]运用项目管理WBS方法成功创建网店
- 无线高颜值游戏蓝牙耳机,500以内学生党最爱五款真无线蓝牙耳机
- No.179 念念随风上九霄
- python系列-认识python