微信公众平台接入指南 微信公众平台操作指南
ztj100 2024-12-26 17:44 13 浏览 0 评论
一、背景
一直以来,公司这边有运作一个微信号和两个小程序。在每个应用的入口除了账密登录,还有一个微信快速登录。
目前是使用openid的方式来进行业务逻辑处理的。但是这样就存在一个问题:因为分属不同的应用,导致同一个微信
用户小程序1和小程序2所返回的openid是不一样的。
显然,这是很不合理的!就解决方案来说:
① 可以把俩个openId都存储起来,然后进行比对。但是会随着应用增多所保存的openid也逐渐增加
② 针对于此,官方给出的方案是使用 unionid
二、什么是unionid
2.1、什么是unionid
简单来说,如果开发者拥有多个移动应用、网站应用、公众号应用等情况下,可以通过unionid来区分用户的唯一性,
因为只要是同一个微信开放平台账号下的应用、网站、公众号,其unionid是唯一的。换句话说:同一用户对同一个微信
开放平台下的不同应用,其unionid是相同的。
2.2、如何获取unionid
绑定了开发者账号的小程序,可以通过以下途径获取unionid
① 开发者使用wx.login + jscode2session来获取该用户的unionid。无需用户授权
② 小程序端调用云函数时,可在云函数中通过Cloud.getWXContet获取unionid
2.3、绑定小程序到微信开放平台
① 注册微信开放平台
登录到微信开放平台:https://open.weixin.qq.com/
② 注册账号
填写邮箱 -> 密码 -> 填写机构名称 -> 地区及所在地 -> 认证个人信息(姓名和身份证号)-> 绑定管理员
PS: 基本的账号注册流程,没啥特别好说的
③ 绑定小程序
填写小程序登录账号及密码,最后小程序管理员确认扫码即可。大致如下:
三、unionid获取的整个流程
3.1、小程序中进行微信登录
微信可以快速登录相关代码:
<!-- 微信快捷登录 -->
<view class="xa-wechat-login-panel">
<button class="xa-wechat-login-btn" bindtap="wechatLogin">
<image class="xa-wechat-login-logo" src="../login/wechat.png"></image>
</button>
</view>
<view class="container">
<view class="userinfo">
<block wx:if="{{!hasUserInfo}}">
<button wx:if="{{canIUseGetUserProfile}}" bindtap="getUserProfile"> 获取头像昵称 </button>
<button wx:else open-type="getUserInfo" bindgetuserinfo="getUserInfo"> 获取头像昵称 </button>
</block>
<block wx:else>
<image bindtap="bindViewTap" class="userinfo-avatar" src="{{userInfo.avatarUrl}}" mode="cover"></image>
<text class="userinfo-nickname">{{userInfo.nickName}}</text>
</block>
</view>
Java
3.2、向后端发起验证请求
wechatLogin(){
const that = this;
wx.login({
success (res) {
if (res.code) {
/* 发起网络请求 */
debugger;
that.doWechatFastLogin(res.code);
} else {
console.log('登录失败!' + res.errMsg)
}
}
})
},
Java
3.3、后端发起网络请求
public R wechatFastLogin(WeichatFastLoginVO weichatFastLoginVO) {
String url = null;
try {
url = userAccessTokenUrl.replace("APPID", appId).replace("SECRET", secret)
.replace("JSCODE", weichatFastLoginVO.getWechatCode());
logger.info("获取微信登录凭证校验Url:" + url);
} catch (Exception e) {
logger.info("获取微信登录凭证校验失败:" + url);
}
/* 发送get请求获取WXUserAccessToken */
String respRlt = HttpClientUtil.doGet(url, null);
WxUserAccessTokenDTO wxUserAccessTokenDTO = JSONObject.parseObject(respRlt, WxUserAccessTokenDTO.class);
if (null == wxUserAccessTokenDTO) {
return R.error("微信未登录,请先登录微信!");
} else if (null != wxUserAccessTokenDTO.getErrcode() && wxUserAccessTokenDTO.getErrcode() != 0) {
return R.error("微信未登录,请先登录微信!");
} else if (null == wxUserAccessTokenDTO.getOpenid() || wxUserAccessTokenDTO.getOpenid().isEmpty()) {
return R.error("微信未登录,请先登录微信!");
}
String openId = wxUserAccessTokenDTO.getOpenid();
...
/* unionid存在于wxUserAccessTokenDTO,可进行自定义相关业务逻辑处理 */
}
Java
四、注意事项
4.1、一定要加入微信开放平台
4.2、微信公众平台需认证
微信公众平台需要证人,但是如果你是同一主体的话可以暂时不做认证。认证费用大约为300元。
4.3、关联不同主体时
当你要关联不同主体的微信公众号、小程序时,必须要先进行认证处理。
相关推荐
- Win10预览版10532已知问题汇总(微软win11正式版已知问题一览)
-
IT之家讯微软已向Insider用户推送了Win10预览版10532更新,本次更新对右键菜单、《Windows反馈》应用以及Edge浏览器进行了改进。除此之外还包含一些Bug,汇总如下,有意升级Wi...
- Gabe Aul正测试Win10 Mobile 10532,Insider用户还需等
-
IT之家讯本月中旬微软向Insider用户推送了Win10Mobile预览版10512,该版本修复了一些Bug,增强了系统稳定性,但依然存在一些问题。今天,微软Insider项目负责人GabeAu...
- 微软开始推送Win10预览版10532快速版更新
-
8月28日消息,刚才,微软推送了Win10Build10532快速版,修复了之前的Bug,并带来了三项改进。主要来说,这次的更新改进了右键菜单的UI,使其更具Modern风格(见上图)。此外,更新...
- Win10预览版10532更新内容大全(windows10更新预览版)
-
IT之家讯今天凌晨微软向Insider用户推送了Win10预览版10532快速版更新,本次更新主要带来了三处改进,汇总如下:o改进右键菜单,外观更加Modern。这是基于网友要求界面一致的反馈做出...
- 无法升级Win10预览版10532?也许Hyper-V在搞鬼
-
根据IT之家网友的反映,安装了微软虚拟机Hyper-V的Win10预览版用户无法成功升级Build10532版本,安装过程中会被要求回滚系统。很多朋友在尝试关闭虚拟机之后重启安装程序,结果仍然无法顺...
- Win10预览版10532界面兴起“酷黑”风潮
-
Win10预览版10532的界面改动还是较为明显的,主要体现在右键菜单上面。总体来看,该版本的右键菜单间距更宽,视觉上更大气,操作上更便于触控。具体来说,任务栏右键菜单的变化最为明显。除了增加选项的宽...
- Win10预览版10532上手图集(windows10预览版下载)
-
IT之家讯8月28日,微软今天推送了Win10预览版10532快速版更新,在该版本中,微软主要是加强细节上调整,并且主要是增强Edge浏览器性能等。在Windows10预览版10532中,微软改进了...
- Win10预览版10532上手视频亮点演示
-
IT之家讯8月28日消息,今天凌晨微软向WindowsInsider快速通道用户推送了Win10预览版10532。在Windows10预览版10532中,微软改进了右键菜单,外观更加现代化。另外还...
- 第二篇 前端框架Vue.js(vue前端框架技术)
-
前端三大核心是网页开发的基础,Vue则是基于它们构建的“生产力工具”。通俗理解就是HTML是化妆的工具如眉笔,CSS是化妆品如口红,JavaScript是化妆后的互动,而Vue就是化妆助手。有了化妆工...
- 基于SpringBoot + vue2实现的旅游推荐管理系统
-
项目描述...
- 基于Vue以及iView组件的后端管理UI模板——iview-admin
-
介绍iView-admin是一套后端管理界面模板,基于Vue2.0,iView(现在为ViewUI)组件是一套完整的基于Vue的高质量组件库,虽然Github上有一套非常火的基于ElementUI...
- 别再说你会SPA开发了,这5个核心你真的搞懂了吗?
-
前言此spa非彼spa,不是你所熟知的spa。你所熟知的spa作者肯定是没有你熟悉的。我们这里指的是在前端开发中的一种模型,叫作单页应用程序,顾名思义,就是整个项目只有一个页面,而页面中的内容是动态的...
- React.js Top20面试题(react.js中文官网)
-
概述作为React开发者,对框架的关键概念和原则有扎实的理解是很重要的。考虑到这一点,我整理了一份包含20个重要问题的清单,每个React开发者都应该知道,无论他们是在面试工作还是只是想提高技能。...
- 美媒:特朗普签署行政令后,FBI又发现约2400份、总计超14000页涉肯尼迪遇刺案文件
-
来源:环球时报新媒体1月23日特朗普下令公布肯尼迪遇刺案相关机密文件图源:美媒综合福克斯新闻网和Axios网站10日报道,在总统特朗普签署行政令,要求公布“肯尼迪遇刺案”相关政府机密文件之后,美国...
- 2021 年 Node.js 开发人员学习路线图
-
Node.js自发布以来,已成为业界重要破局者之一。Uber、Medium、PayPal和沃尔玛等大型企业,纷纷将技术栈转向Node.js。Node.js支持开发功能强大的应用,例如实时追踪...
你 发表评论:
欢迎- 一周热门
- 最近发表
-
- Win10预览版10532已知问题汇总(微软win11正式版已知问题一览)
- Gabe Aul正测试Win10 Mobile 10532,Insider用户还需等
- 微软开始推送Win10预览版10532快速版更新
- Win10预览版10532更新内容大全(windows10更新预览版)
- 无法升级Win10预览版10532?也许Hyper-V在搞鬼
- Win10预览版10532界面兴起“酷黑”风潮
- Win10预览版10532上手图集(windows10预览版下载)
- Win10预览版10532上手视频亮点演示
- 第二篇 前端框架Vue.js(vue前端框架技术)
- 基于SpringBoot + vue2实现的旅游推荐管理系统
- 标签列表
-
- idea eval reset (50)
- vue dispatch (70)
- update canceled (42)
- order by asc (53)
- spring gateway (67)
- 简单代码编程 贪吃蛇 (40)
- transforms.resize (33)
- redisson trylock (35)
- 卸载node (35)
- np.reshape (33)
- torch.arange (34)
- npm 源 (35)
- vue3 deep (35)
- win10 ssh (35)
- vue foreach (34)
- idea设置编码为utf8 (35)
- vue 数组添加元素 (34)
- std find (34)
- tablefield注解用途 (35)
- python str转json (34)
- java websocket客户端 (34)
- tensor.view (34)
- java jackson (34)
- vmware17pro最新密钥 (34)
- mysql单表最大数据量 (35)