h5怎么在微信公众号发布(H5微信公众号授权的简单实现步骤)
类别:编程学习 浏览量:1256
时间:2021-09-29 01:53:36 h5怎么在微信公众号发布
H5微信公众号授权的简单实现步骤前言
昨天因为有一个项目上面需要实现h5微信授权工作。所以花了两个小时来完成这个功能。
开始工作前做的准备流程说明【提前沟通过的流程】
- 微信授权具有时效性,一段时间内授权之后,就不需要在重复点击确认。如果卸载微信重新安装,还是需要重新确认授权的。
- 不管是第一次确认授权还是授权之后,都可以通过微信服务器授权回调到我们的后端接口回调。
- 微信授权回调之后,会返回回调回来的code&state参数,后端可以通过code获取accessToken,然后通过accessToken获取用户信息
- 后端在接收到服务器回调之后,在回调到前端的时候存在两个主要的字段,isAuth代表是否授权,isBindFlag代表是否在我们系统当中已经注册登录。这里因为我们当前的系统需要用户授权注册,所以存在这两个字段。
域名,端口
- 准备好的域名 - 公安部备案的域名
- 端口号使用80端口
域名和端口号的要求是因为微信公众号配置域名以及微信服务器回调都需要域名和80端口。
这里同一个域名,端口适配前后端IP,通过nginx统一代理处理。
准备就绪开始工作
- 域名:http.xxx.cn
- 前端资源部署:http.xxx.cn
- 后端回调接口:http.xxx.cn/api/auth
配置微信公众号
域名配置
服务器根路径上传校验文件,不然域名配置保存不了。
白名单配置
书写代码
import React, { useEffect } from "react"; import { View } from "@tarojs/components"; export default () => { useEffect(() => { // 后端回调回来路径格式:http://xxx.cn/#/pages/webAuthorization?bindFlag=0&openid=xxxxxxxxxxx&unionid=null&isAuth=true var isBindFlag = false, isAuth = false, opendId = '', paramsArray = []; /* * 省略代码:地址判断,参数处理 赋值给isAuth, isBindFlag, openId */ if (!isAuth) { // 未授权 window.location.href=`https://open.weixin.qq.com/connect/oauth2/authorize?appid=${'xxxxxxx'}&redirect_uri=http://xxxxx/api/auth?response_type=code&scope=snsapi_userinfo&state=STATE&connect_redirect=1#wechat_redirect`; } else if (!isBindFlag) { // 未注册 window.location.href = '#/pages/login' } else { // 登录 window.location.href = '#/pages/index' } }, []); return ( <View> </View> ); };
总结
到此这篇关于H5微信公众号授权的文章就介绍到这了,更多相关微信公众号授权内容请搜索开心学习网以前的文章或继续浏览下面的相关文章希望大家以后多多支持开心学习网!
您可能感兴趣
- 微信公众号文章 爬虫(python抓取搜狗微信公众号文章)
- python有什么好的微信公众号(python下载微信公众号相关文章)
- 微信公众号怎么申请支付接口(微信公众平台开发教程③ PHP实现微信公众号支付功能图文详解)
- 开发者微信公众号开发流程(微信公众平台开发教程⑥ 微信开发集成类的使用图文详解)
- 微信公众号怎么开发页面(微信公众平台开发教程②微信端分享功能图文详解)
- 微信公众号用户怎么增加(微信公众号用户与网站用户的绑定解决方案分析)
- 如何用微信公众号发送信息(微信公众号之主动给用户发送消息功能)
- 微信公众号怎么获取用户openid(微信公众平台开发教程①获取用户Openid及个人信息图文详解)
- php微信公众号管理后台(php实现微信公众号创建自定义菜单功能的实例代码)
- h5页面强制关注微信公众号(Html5页面获取微信公众号的openid的方法)
- h5怎么在微信公众号发布(H5微信公众号授权的简单实现步骤)
- 微信公众号扫码跳转网页(微信公众号实现扫码获取微信用户信息网页授权)
- python如何抓取公众号文章(python爬取微信公众号文章的方法)
- 赵丽颖第一部当女主的戏,主角配角个个都是实力演员(赵丽颖第一部当女主的戏)
- 乾隆为何这么喜爱白塔原因是什么(乾隆为何这么喜爱白塔原因是什么)
- 逐渐消失的东北八大怪现象,进步的社会里我们遗失的是什么(逐渐消失的东北八大怪现象)
- 今日大雪,大雪养生这样做,一年都有好气色(大雪养生这样做)
- 粗盐是什么 粗盐的功效与作用(粗盐的功效与作用)
- 会 吃人 的客机 从天堂到地狱只需5分钟,图-104如何做到(会吃人的客机)
热门推荐
- 用python画圣诞树送给女朋友(情人节快乐! python绘制漂亮玫瑰花)
- thinkphp5访问路径(thinkphp5修改view到根目录实例方法)
- 腾讯云服务器如何安装宝塔面板(腾讯云服务器打开宝塔面板失败是怎么回事?)
- php框架制作方法(PHP从零开始打造自己的MVC框架之路由类实现方法分析)
- laravel框架如何查询空的信息(使用Laravel中的查询构造器实现增删改查功能)
- 如何查看iis日志
- div css实例列表(DIV+CSS实现电台列表设计的示例代码)
- python3 代码解读(Python3列表内置方法大全及示例代码小结)
- php面向对象final怎么设置(PHP面向对象程序设计中的self、static、parent关键字用法分析)
- dedecms增加导航内容(织梦DEDECMS修改栏目关键词及描述长度的方法)
排行榜
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9