vue公众号 h5网页页面实现微信授权登录

写这篇博客是为了给入手公众号的小伙伴避免一些坑，我后台和我一样刚没做过这个功能，我两搜索了很多博客，过程七上八下，其实不难，不说了直接上代码（可直接复制）。

一.公众号h5的网页授权先后台配置好公众号的设置

二.h5网页授权最重要的就是回调地址，这个地址就是你授权后要回到的页面记得一定要后端配置上不然就不行

三.前端逻辑是1.页面回调，2.获取code，3.截取code，4.后台交互code，appid是自己公众号的appid记得修改，local一般不要改，直接encodeURIComponent解析。

 //拿到微信codeasync toWx() {// 授权回调let local = window.location.href.split("#")[0];let url ="https://open.weixin.qq.com/connect/oauth2/authorize?appid=wx5e173bc64f0b0888&redirect_uri=" +encodeURIComponent(local) +"&response_type=code&scope=snsapi_userinfo&state=1#wechat_redirect";console.log("window.location.href", window.location.href);let code = this.GetParam(window.location.href.split("#")[0], "code");if (!code) {window.location.href = url;// console.log("code", code);} else {this.code = this.GetParam(window.location.href, "code");console.log("code", code);}},// 截取codeGetParam(url, code) {url = url + "";let regstr = "/(\\?|\\&)" + code + "=([^\\&]+)/";let reg = eval(regstr);//eval可以将 regstr字符串转换为 正则表达式let result = url.match(reg);if (result && result[2]) {return result[2];}},},

这是我刚开始写博客，写的不好多多见谅，有问题都可以直接扣我或留言

vue微信公众号开发h5授权登录相关推荐

微信公众号开发之授权登录（前端vue篇）
前序: 由于之前一直是后端直接调用微信授权后,拿到相关信息后再返回给我(就是以前的前后端不分离),所以对微信公众号开发的微信授权登录还一直处于懵逼情况,直到今天有一个项目需要前后端分离,要前端主动去获 ...
url 微信公众号开发配置失效_微信公众号开发之授权登录
一.UnionId和openId 微信登录最重要的两个返回信息,一个是UnionId,一个是OpenId.两者之间有着必然的联系. UnionID机制的作用说明:如果开发者拥有多个移动应用.网站应用和 ...
vue 微信公众号开发网页授权配置业务域名
服务号! 服务号! 服务号! 1.官网下载xxx.txt文件 2.将文件放入vue项目的static文件夹中(注意不是src的static) 3.输入域名网址www.xxx.com/static/xx ...
vue 微信公众号开发
vue 微信公众号开发开题上个月初入职了一家新公司.来了新公司很忙.本来计划是在上个月底写一篇博客的,写一下关于新公司的事情. 几度思考之后还是没写.也许做程序员接手别人的项目,都会说别人的项目多 ...
vue在微信里面的兼容问题_详解Vue微信公众号开发踩坑全记录
本文介绍了Vue微信公众号开发踩坑全记录,分享给大家,也给自己留个笔记. 需求微信授权登录(基于公众号的登录方案) 接入JS-SDK实现图片上传,分享等功能现状及难点采用的Vue框架,前后端分 ...
微信公众号开发之授权
微信公众号开发之授权开发前准备首先准备自己的服务器资源,已有服务器的请忽略服务器资源. 我这里演示新浪云服务器环境搭建:(新注册号有免费云豆可用) 服务器资源(https://sae.sina.c ...
(Node+Vue+微信公众号开发)企业级产品全栈开发速成周末班
(Node+Vue+微信公众号开发)企业级产品全栈开发速成周末班从零到壹全栈部落产品:个人独立博客,21点见 Vue + Node + MongoDB支持服务端渲染的博客系统(5天) 开发环境技术 ...
Thinkphp 微信公众号开发3-微信登录源码
Thinkphp 微信公众号开发3-微信登录源码微信官方的开发文档微信官方开发文档传送门官方提供的方式那我们要做的流程如下虽然官方写了一堆文字看的一脸懵但是我们只需要清楚流程就可以了获取 ...
微信公众号用户绑定 php,微信公众号开发——网页授权实现简化用户绑定
本教程的学习条件: 了解微信公众号开发的基本知识.已经申请了微信公众号并设置了开发模式等.如果不了解,请先到微信官方平台学习需要服务器端开发的基本技能,本文主要讲解流程,基本不涉及具体开发语言. 首 ...
基于Thinkphp5+EasyWeChat+fastadmin微信小程序授权登录获取手机号微信公众号网页---联合授权登录
战前准备 1.使用 composer 安装 EasyWeChat $ composer require overtrue/wechat:~4.0 -vvv 或者在composer.json文件renq ...

vue微信公众号开发h5授权登录

vue公众号 h5网页页面实现微信授权登录

写这篇博客是为了给入手公众号的小伙伴避免一些坑，我后台和我一样刚没做过这个功能，我两搜索了很多博客，过程七上八下，其实不难，不说了直接上代码（可直接复制）。

vue微信公众号开发h5授权登录相关推荐

最新文章

热门文章

vue微信公众号开发h5授权登录

vue公众号 h5网页页面 实现微信授权登录

写这篇博客是为了给入手公众号的小伙伴避免一些坑，我后台和我一样刚没做过这个功能，我两搜索了很多博客，过程七上八下，其实不难，不说了直接上代码（可直接复制）。

vue微信公众号开发h5授权登录相关推荐

最新文章

热门文章

vue公众号 h5网页页面实现微信授权登录