小程序获取code 获取 openId

article/2025/9/30 6:11:05

 

VX号:  LJT-917

 

1.首先先看文档 https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/login.html 如果你文档看的很明白 那么换openId 一看就懂 就不需要继续阅读本文章了,如果看了文档还是不懂,请继续阅读!

2.前端调用微信api-------wx.login() ,成功函数返回的res.code 是需要你通过接口往后台发送的。下图是文档中给出code是详细说明。换取openid得第一步就是拿code。

3.如果你获取完code了,需要让后端写个接口换取openId,因为前端是不能直接请求获取到openId的   开发者需要在开发者服务器后台调用 code2Session。把你写的code传给后端,后端根据你传递过来的 code ,以及从小程序后台获取的appId、appsecret,拼接到西面的地址上,然后这个地址会返回openId,session_key,后端获取完之后再把openid返回给前端,你拿来用就行了。下图是后端请求参数:

https://api.weixin.qq.com/sns/jscode2session?appid=APPID&secret=SECRET&js_code=JSCODE&grant_type=authorization_code

下面代码是官网给的  获取code 传递到后端 的例子。

本人技术公众号,好技术好分享!好玩技术分享

 

这个是我本人的,前端技术QQ交流群,有不会的问题,可以在在群里面问

wx.login({success (res) {if (res.code) {//发起网络请求wx.request({url: 'https://test.com/onLogin',data: {code: res.code}})} else {console.log('登录失败!' + res.errMsg)}}
})

http://chatgpt.dhexx.cn/article/GDch3cxP.shtml

相关文章

微信公众平台-测试号网页授权-获取openid方法

文章目录 1、创建自己的测试号2、测试号管理信息填写(注意仔细一步步对照)3、手动获取openid4、使用SDK获取openid 1、创建自己的测试号 通过申请链接:https://mp.weixin.qq.com/debug/cgi-bin/sandbox?tsandbox/login 微信扫码登录 2、测…

获取微信用户的openId

开发框架:struts2(零配置) 官方文档下载地址 https://mp.weixin.qq.com/paymch/readtemplate?tmp/business/course3_tmpl&langzh_CN PS:下列获取openid的代码可以在柳峰的《微信公众平台应用开发方法、技巧与案例》的第六章找到。但是…

微信公众号获取openid流程

说明 微信公众号获取openid,在官方文档中称为网页授权,授权有两种scope,snsapi_base和snsapi_userinfo,snsapi_base是静默授权,不需要用户同意,以下要说的就是静默授权。 关于网页授权的两种 scope 的区别…

微信公众号获取openId——开发阶段

1、注册测试号 微信公众平台 2、理解获取逻辑 获得微信的openid,需要先访问微信提供的一个网址来获取code。 再访问微信提供的另一网址从而获取openId。 两个链接分别为: https://open.weixin.qq.com/connect/oauth2/authorize?appidAPPID&redire…

openId -( 关注者Id )如何获取 open ID

作者:知乎用户 链接:https://www.zhihu.com/question/28101897/answer/157130437 来源:知乎 著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。 程序小白,只懂简单代码的程度。为这个问题困扰了很…

获取微信用户openid的三种方法#ACCESS_TOKEN

本文介绍如何获得微信公众平台关注用户的基本信息,包括昵称、头像、性别、国家、省份、城市、语言。 在本文中,特别要注意的是有两个不同的Access Token,他们产生的方式不一样,一种是使用AppID和AppSecret获取的access_token&…

web元件库/axure元件库/常用web组件/常用表单/导航栏/边框/图标/日期时间选择器/评分组件/穿梭框/输入框/步骤条/

web元件库/axure元件库/常用web组件/常用表单/导航栏/边框/图标/日期时间选择器/评分组件/穿梭框/输入框/步骤条/ Axure原型演示及下载地址: Untitled Documenthttps://66uc7t.axshare.com axure元件库 axure元件库 axure 元件库 axure 元件库 axure 元件库 axur…

axure元件制作-常用开关

利用axure制作APP端常用图标-开关元件,并添加至元件库 步骤: 1、从iconfont 图标库中选中关闭按钮元件,复制至“axure”中,选中该“关闭按钮”元件,设置“交互样式-选中”,导入代表开启状态的元件图片&am…

Axure 自定义元件库

点击文件 -> 新建元件库 可以添加多个元件,并将期重命名 保存元件库 新建页面 添加元件,选择自建的元件库 导入后就会发现我的原件库 这样就可以使用我们自定义的元件库了

Axure9 导入元件库

将需要加载的元件库(*.rplib)放到Axure的安装目录DefaultSettings\Libraries下,重启Axure9即可。

Axure移动端通用元件库rplib格式包含安卓、苹果各种主流手机、平板线框图元件库、IOS系统图标、人物图标、导航和分页、表格元素、各种小图标、移动元件库、axure元件库、axure原型

Axure移动端通用元件库rplib格式包含安卓、苹果各种主流手机、平板线框图元件库、IOS系统图标、人物图标、导航和分页、表格元素、各种小图标等 移动端通用元件库、app通用元件库、数据展示、操作反馈、通用模板、数据录入、列表页、表单页、详情页、通用版布局、移动端手机模…

Axure添加官方元件库

前言 工作需要,领导非要说某些东西产品经理搞不定,要我来搞… 于是就拿起了Axure 我的版本号: 添加一些自己喜欢的、常用元件库 1. 下载元件库 通过Axure工具,跳转到官方网站,下载自己心仪的元件库 比如我这里下…

Axure导入元件库和使用

下载元件库 vant 元件库下载: Vant - Mobile UI Components built on Vue element UI 元件库下载:https://element.eleme.cn/#/zh-CN/resource 以vant示例,下载完成后解压 我们看到有.rp和.rplib格式的文件 rp文件可以理解为一个别人设计好的原型作品。 rplib是原…

Axure 9元件使用

1 元件的位置操作 直接单击选择某一个元件将其拖至画布(中间区域)中,也可以通过左上角的插入菜单选择其他形状的部件。 元件的移动:拖住元件并在画布上松开鼠标即可;也可以直接在X和Y中直接输入坐标。 1.1 同时定位多个元件 按住CTRL使用鼠标单击每个元…

WEB端后台常用Axure元件库及框架模版

原型预览链接 https://www.pmdaniu.com/storages/124048/3256710583c699e3cd26bed1dfb3aa19-105941/start.html#g1&p%E4%BD%9C%E5%93%81%E6%BC%94%E7%A4%BA 软件版本:Axure 8/9 当前版本:V1.0 作品类型:元件库 作品格式&…

axure不显示元件库

1.系统元件库重新load 2。找到软件安装位置, E:\Axure RP 8\DefaultSettings\Libraries的文件: 元件库点击载入即可

整理了一些已分类的产品Axure元件库,助力正在找Axure组件库的同学高速成长

在我加入的一些高质量产品交流群和一些高质量交互设计交流群里经常有同学在问,“有没有全一点的Axure元件库呀?”、“大家有没有Web端元件库呀?”、“有没有微信小程序元件库呀?”等等这些问题。 重复的问题实在是太多太多了&…

Axure 元件 模板 MES系统 全套(带下载地址)

下载地址连接地址 https://download.csdn.net/download/ybitts/85141310

Axure 元件跟随鼠标拖动-仿手机APP手指拖动

上图 主要利用动态面板的拖动事件,让小圆球跟随移动,设置好边界,不要移动出去就可以了。

Axure元件库web组件库典藏版 (含五大类159小类组件 )

作品说明 作品页数:共159页 文件大小:11.0MB 兼容软件:Axure RP 8/9/10 应用领域:web端原型设计、桌面端原型设计 作品特色 该AxureRP web元件库,支持Axure RP 8/910。含5大类、159小类,主要包括导航…