百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术分类 > 正文

微信公众平台接入指南 微信公众平台操作指南

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支持开发功能强大的应用,例如实时追踪...

取消回复欢迎 发表评论: