公众号网站——微信登录

1、在微信公众号平台：接口权限->网页服务->网页授权点击修改进入功能设置。设置网页授权域名

2、下载txt文件，放入服务器，填写域名。注意：域名/MP_***.txt(文件名) 要能访问到下载下来放到服务器上的txt文件

（可以直接将文件放在ROOT下面，注意spring里过滤的路径或者在xml 里跳转）

3、uniapp开发公众号手机网站登录

首先

onLoad(){
           //1. 页面一加载，判断有没有code（对h5,因为授权成功之后，会刷新当前页面，此时应该在页面一加载的时候判断有没有code，如果有code，直接把code传给后台服务器）
           let code = this.getUrlCode('code')
           console.log(code)
           if(code != null && code != "") {
               console.log(111)
               this.getOpenidAndUserinfo(code)
           }
       },

在method 里

// 对H5，获取code
           // 先判断url中有没有code，如果有code，表明已经授权，如果没有code，跳转微信授权链接
           getCode () {
               if(String(navigator.userAgent.toLowerCase().match(/MicroMessenger/i)) === "micromessenger") {//判断是不是微信浏览器
                   // 截取地址中的code，如果没有code就去微信授权，如果已经获取到code了就直接把code传给后台获取openId
                   let code = this.getUrlCode('code')

                   if (code === null || code === '') {
                       window.location.href = 'https://open.weixin.qq.com/connect/oauth2/authorize?appid=wx********&redirect_uri=' + encodeURIComponent('https://********/h5/#/pages/public/login') + '&response_type=code&scope=snsapi_userinfo&state=1#wechat_redirect'
                       // redirect_uri是授权成功后，跳转的url地址，微信会帮我们跳转到该链接，并且通过？的形式拼接code，这里需要用encodeURIComponent对链接进行处理。
                       // 如果配置参数一一对应，那么此时已经通过回调地址刷新页面后，你就会再地址栏中看到code了。
                       // http://127.0.0.1/pages/login/login?code=001BWV4J1lRz*********J1BWV4q&state=1
                   }
               }
           },

           getUrlCode (name) {
               return decodeURIComponent((new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)').exec(location.href) || [, ''])[1].replace(/\+/g, '%20')) || null
           },

getOpenidAndUserinfo(code) {
           uni.request({
           url: this.$url+'/api/weChatPublicLogin.do?code='+code,//将code传到后台或者在uniapp获取用户信息
           success: (result) => {
           if(result.data.state === 1){
               this.login(result.data.data);
                           uni.switchTab({
                               url: '/pages/user/user'
                           })
           }else{
               this.$api.msg(result.data.message);
               this.logining = false;
           }
           }
               })
           }

4、后台得倒code，然后获取到 openid 和 unionid，还可以获得微信用户信息，根据业务逻辑再继续

公众号网站——微信登录相关推荐

无需公众号PHP微信登录微信授权微信第三方登录微信开发php开发
无论是个人还是公司,无需申请公众号,无需申请微信开放平台,即可实现手机网站和PC网站的微信登录!!! 正常的微信登录是这样的: 1.手机版网站做微信登录,需要申请一个认证公众号,认证不仅需要公司营 ...
uniapp - 超详细的 H5 公众号网页微信登录示例代码，提供从 0-1 公众号配置及详细注释代码（站在新手小白的角度）第三方微信授权登录的实现！！
介绍目前示例是 "点击按钮登录",你也可以改为 "一进页面就登录" ,可随意改造. 百度的教程都太乱了,而且功能都有一定问题.本文主要讲解 uniapp H5 ...
微信公众号之微信登录
前言实现前端纯微信登录,用服务器代理请求,不走自己的后台实现思路 1.通过vue路由守卫拦截用户,判断是否存在openid,有就直接进入url 2.没有openid,跳转得到登录页面(autho ...
微信公众号之微信登录失败，redirect_uri域名与后台配置不一致，错误代码10003
错误提示:微信登录失败,redirect_uri域名与后台配置不一致,错误代码100031 一.网页授权需要设置安全域名. 点击,开发-----接口权限------网页账号----修改二.设置安全域 ...
微信网页扫码登录和公众号网页授权登录的比较
最近在做PC二维码扫码登录的功能,总结了一些问题 # 主要区别二者的主要区别: 差异 PC网页扫码登录公众号网页授权登录账号要求需要开放平台账号创建网站应用一个认证过的服务号就可以(也可以使 ...
手把手教程用Java实现微信公众号扫码登录功能
文章目录前言一.环境准备二.使用步骤 1. 使用微信工具包 2. 创建数据表 3. 登录页面代码逻辑 4. 验证微信公众号登录总结前言微信现今是我们必不可少的社交工具了,围绕微信这个生态实 ...
PHP微信扫码关注公众号并授权登录源码
PHP微信扫码登录看起来简单,但做起来有点麻烦,开发起来就会浪费很多的时间. PHP判断是否首次关注公众号,扫码关注公众号获取微信用户头像.openid和省市等信息源码. 演示体验地址: https: ...
【微信公众号H5授权登录】
微信公众号H5授权登录废话不多,直接上代码(这里只写代码的实现) 废话不多,直接上代码(这里只写代码的实现) 页面进来判断微信环境 onShow() {//设置初始值为false,微信环境下才能打开 ...
【CSDN】如何开启CSDN文章下的显示微信公众号、微信号、官方网站、QQ号、QQ群？
开启CSDN文章下的显示微信公众号.微信号.官方网站.QQ号.QQ群 1 效果展示微信公众号微信号官方网站(即公司网站) QQ号 QQ群 2 操作过程微信公众号.微信号.官方网站(即公司网站) ...
weixingzh.com微信公众号网站介绍
weixingzh.com微信公众号网站介绍微信公众号网站介绍概况微信公众号网(weixingzh.com)创建于2019年02月12日,是个人站点. 特色微信公众平台精选微信公众号推荐.微信 ...

公众号网站——微信登录

公众号网站——微信登录相关推荐

最新文章

热门文章