首页 > 编程语言 >Node.js之微信授权登录和获取微信用户信息

Node.js之微信授权登录和获取微信用户信息

时间:2022-11-24 20:32:05浏览次数:71  
标签:Node 登录 微信 js 授权 login 之微信


作者:迷彩

摘要

微信公众号H5授权登录是比较常见的功能,在开发H5的时候,基本都有微信授权登录的需求,今天我们来看下通过Node.js如何实现微信授权登录

申请测试微信公众号

测试微信公众号访问地址:​​https://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=sandbox/login​

复制对应的appID和appsecret到js文件中

Node.js之微信授权登录和获取微信用户信息_微信


修改网页账号对应的地址

Node.js之微信授权登录和获取微信用户信息_html_02


Node.js之微信授权登录和获取微信用户信息_微信公众号授权登录_03

效果图

Node.js之微信授权登录和获取微信用户信息_html_04


Node.js之微信授权登录和获取微信用户信息_微信公众号授权登录_05


Node.js之微信授权登录和获取微信用户信息_微信公众号_06

实现步骤

新建一个普通的前端项目,截图如下:

Node.js之微信授权登录和获取微信用户信息_微信公众号_07

首页文件

login.html

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<a href="http://127.0.0.1:8800/auth">授权并获取微信用户信息</a>
<div id="user-info"></div>
</body>
</html>

访问首页路径

​http://127.0.0.1:8800/login​

微信授权js文件

Node.js之微信授权登录和获取微信用户信息_html_08


Node.js之微信授权登录和获取微信用户信息_html_09

结束语

以上就是完整的基于Node.js实现的微信公众号授权登录过程。

画外音

如果在学习的过程中有问题,可以添加QQ交流群,群号:715224124

作者:迷彩


标签:Node,登录,微信,js,授权,login,之微信
From: https://blog.51cto.com/u_4679008/5884780

相关文章

  • 前后端分离中,在vue中如何截取微信回调地址上的code参数?
    作者:迷彩摘要在前后端分离开发中,微信公众号、企业微信、小程序、开发中,经常会有授权登录的场景,但是授权登录场景肯定会有一个问题,就是接收微信的回调,同时前端要拿到回调地......
  • uniapp 微信公众号开发 本地开发测试 本地接口联调
    1.条件本地一个uniapp的H5项目(本地运行localhost:8080)本地一个webservice接口项目(本地运行127.0.0.1:9999)目的:因微信公众号没有提供良好的测试体验环境,每次测试......
  • thinkPHP5.0开发微信小程序登录接口signature验证失败
    我用TP5开发微信小程序登录接口的时候,在校验签名signature那遇到了个坑,一直校验失败,找了很久才发现原因是:tp的input方法会自动转移html字符,比如’”’转成了​​&quote;​......
  • RabbitMQ报错:Error: unable to perform an operation on node 'rabbit@manage01'.
    安装完成之后问题描述:1、打开http://ip:15672/#/后台管理页面会很慢2、springboot项目连接mq经常连接不上(偶尔可以连上)3、报错:AmqpTimeoutException:java.util.concurre......
  • 个人微信api
    E云是一套完整的的第三方服务平台,包含微信API服务、企微API服务、SCRM系统定制、企微系统定制、服务类软件定制等模块,本文档主要讲述个微API服务相关,以下简称API,它能处理......
  • Vue 项目中实现的微信、微博、QQ空间分享功能(亲测有效)
     需求:文章添加分享功能(包括微信、微博、QQ空间)如下图所示:  点击图标分别跳转到如下界面:(实现效果如下)      话不多说直接代码(可以封装成组件)<temp......
  • Node.js使用path模块处理文件路径
    首先需要引入path模块varpath=require('path');1.文件路径处理:path.normalize(p)。path模块中的normalize()方法用来规范化路径字符串。可用于处理路径中的”//”、”........
  • [node]启动一个简单的node接口
    来自知乎。需要先安装一个node,安装过程不表。 //复制这个文件到目录,再输入一下命令://npmiexpress//nodenodeServer.js//启动之后可以通过浏览器尝试访问:......
  • uniapp微信小程序解析详情页的四种方法
    一、用微信文档提供的RICH-TEXT官方文档:微信文档rich-text这种是直接使用:<!-->content是API获取的html代码</--><rich-textnodes="{{content}}"></rich-text>*注......
  • 像QQ微信那样添加发送表情
    //将表情加入到EditText中publicvoidshowFace(intpos){try{Fieldfield=R.drawable.class.getDeclaredField("bomb"+(pos+5));intresourceId=Integer.parseI......