appid 原始id_微信开发之小程序登录相关的各类ID

最新推荐文章于 2024-07-02 19:10:17 发布
最新推荐文章于 2024-07-02 19:10:17 发布
阅读量3.1k 收藏 4
点赞数
分类专栏： 小程序
原文链接：https://blog.csdn.net/weixin_39926193/article/details/110360299
版权

文章转自：https://blog.csdn.net/weixin_39926193/article/details/110360299

背景

最近在实际业务中，为了配合产品同事优化小程序的登录流程，同时还想通过微信授权登录 + 手机号授权自动为用户创建一个符合基础用户服务体系的业务账户。从而降低用户使用产品的链路成本。

在沟通过程中，发现很有必要梳理一下关于小程序登录相关的所谓如何实现静默授权、如何实现主动授权、如何获取手机号、什么是小程序的 UnionID 的等等衍生问题概念、获取方式、使用场景。

所以在查阅微信小程序官方文档、以及网络上同行们的文章之后，总结出了本人对微信小程序登录相关的各类ID，以及授权、登录的简单流程做了以下整理。

目录

  • UnionID
  • AppID
  • OpenID
  • 原始ID
  • 登录和授权

UnionID

什么是 UnionID

  • 如果开发者拥有多个移动应用、网站应用和公众帐号(包括小程序)，可通过 UnionID 来区分用户的唯一性，因为只要是同一个微信开放平台帐号下的移动应用、网站应用和公众帐号(包括小程序)，用户的 UnionID 是唯一的。换句话说，同一用户，对同一个微信开放平台下的不同应用，UnionID 是相同的。

如何获取 UnionID

  • 需要绑定开发者账号的小程序，否则无法获取到 UnionID
  • 调用接口 wx.getUserInfo，从解密数据中获取 UnionID。注意本接口需要用户授权，请开发者妥善处理用户拒绝授权后的情况。(通过 wx.getUserInfo，需要业务接口做对应的解密处理，纯小程序前端无法处理)
  • 如果开发者帐号下存在同主体的公众号，并且该用户已经关注了该公众号。开发者可以直接通过 wx.login + code2Session 获取到该用户 UnionID，无须用户再次授权。(code2Session 为服务端调用接口)
  • 用户在小程序(暂不支持小游戏)中支付完成后，开发者可以直接通过 getPaidUnionId 接口获取该用户的 UnionID，无需用户授权。注意：本接口仅在用户支付完成后5分钟内有效，请开发者妥善处理。
  • 小程序端调用云函数时，如果开发者帐号下存在同主体的公众号，并且该用户已经关注了该公众号，可在云函数中通过 cloud.getWXContext 获取 UnionID。
  • 小程序端调用云函数时，如果开发者帐号下存在同主体的公众号或移动应用，并且该用户已经授权登录过该公众号或移动应用，也可在云函数中通过 cloud.getWXContext 获取 UnionID。

应用建议

  • 通过 UnionID 与开发平台的唯一性关系，可以针对同一个 UnionID 在统一的用户体系关联出唯一用户的相关需求。
  • 利用 UnionID 可以准确地帮助品牌筛选出，公众号矩阵中同时关注多个公众号的忠诚粉丝。让品牌更好地了解公众号矩阵中账号之间的联系，进行多个公众号之间的联动和传播。

AppID

什么是 AppID

  • AppID 是小程序的身份证号码，是微信公众平台上的小程序 ID，有了它，微信客户端才能确定你的小程序“身份”，并使用微信提供的高级接口。

如何获取 AppID

  • 常规方法：小程序后台查看
    • 电脑端，微信公众平台(https://mp.weixin.qq.com/) 登录小程序账号
    • 进入小程序后台 —「开发」—「开发设置」 查看b65144c2e311d49c7da8a83dc95505b5.png
    • 或者进入小程序后台 —「设置」 — 「基本设置」 — 「帐号信息」 

      c0ba2d78ef2e313e94c7ff65146e5f28.png

  • 简单方法：查看小程序资料
    • 手机端，在微信小程序里搜该小程序名字
    • 如图示例操作即可

      0c660a46b2d4b03a246f608264958eac.png

      f7ef4e3b5dd7a573623f299b7337dfb9.png

      000e83b89469d5194d04f29c23f68170.png

  • 神秘方法：知道小程序名字
    • 电脑端，在微信公众号文章编辑后台，选择插入小程序
    • 支持插入任意小程序，适合批量查看小程序的appid，快捷操作 (输入小程序名字后，再次点击小程序名字)
    • 如图示例操作即可9a3b925ba14d22cdaad904aa06d226b7.png

      d040344d71e99368195699f3ce700f0f.png

      63d1120c86dae5991b607d298e59873b.png

  • 不管你是小程序开发者，普通用户，还是公众号运营者，以上 3 种方法，都可以使用。

AppSecret

  • 什么是 AppSecret : 小程序唯一凭证密钥，多配合于 AppID 一起使用
  • 获取方式：参考如何获取 AppID 的常规方法，在小程序后台查看

应用建议

  • 在实现小程序登录流程时，需要通过 AppID + AppSecret 作为入参通过业务方的 Server 服务获取对应的用户信息
  • 需要保证 AppSecret 的安全性，避免泄漏
  • 在通过业务方的 Server 服务与微信开放平台进行 API 交互时，大多数情况都需要使用 AppID + AppSecret 作为入参进行通信，如推送等业务场景。

OpenID

什么是 OpenID

  • OpenID 是这个用户在这个小程序里的唯一标识。每个用户肯定都有。同一个用户在不同的小程序中的 OpenID 是不一样的。

如何获取 OpenID

  • 调用 wx.login()，获取临时 code
  • 将获取到的 code 发送给后台换取 openid

应用建议

  • 用 OpenID 作为简单的用户唯一标识，也可以用它与业务用户体系做关联
  • 一些需要调用 OpenID 作为入参微信接口需要使用

原始 ID

什么是原始 ID

  • 申请微信小程序时，微信小程序平台分配的唯一编号

如何获取原始 ID

  • 参考如何获取 AppID 的常规方法、简单方法

应用建议

  • 小程序找回、注销等
  • 微信开发平台与小程序交互时需要(如 App 打开小程序)

登录和授权

登录和授权的说明

  • 在微信小程序中，登录和授权是完全两个独立的事情。登录只是通过 wx.login 获取用户在此时使用小程序产生的 code ，需要通过 Server 将 code 通过 auth.code2Session 获取用户唯一标识。
  • 授权是通过 wx.getUserInfo 来获取用户的微信信息，同时可以通过返回的 vi 等加密数据传给 Server 端，用于解密后存储或校验业务用户的微信信息。
  • 登录和授权完全没有关系

登录

  • 微信小程序登录：小程序可以通过微信官方提供的登录能力方便地获取微信提供的用户身份标识，快速建立小程序内的用户体系。

  • 登录流程时序 

    aa3d0c762c96cb47eb5d8fc587c822c3.png

  • 说明

    • 调用 wx.login() 获取 临时登录凭证code ，并回传到开发者服务器。
    • 调用 auth.code2Session 接口，换取 用户唯一标识 OpenID 和 会话密钥 session_key。
    • 之后开发者服务器可以根据用户标识来生成自定义登录态，用于后续业务逻辑中前后端交互时识别用户身份。

  • 注意

    • 会话密钥 session_key 是对用户数据进行 加密签名 的密钥。为了应用自身的数据安全，开发者服务器不应该把会话密钥下发到小程序，也不应该对外提供这个密钥。
    • 临时登录凭证 code 只能使用一次

用户信息授权

  • 微信小程序用户信息授权
    • 调用 wx.getUserInfo
    • 需要对 button 设置 open-type="getUserInfo" 的属性
    • 将用于加密的数据传递给服务端，如 rawData signature encryptedData iv 等
  • 服务端解密用户授权数据
    • 将小程序业务端通过 wx.getUserInfo 获取到 加密数据进行解密
    • 结合已有的业务用户，创建新的用户或对已有用户补全微信账户相关的信息

手机号授权

  • 获取方式
    • 获取微信用户绑定的手机号，需先调用 wx.login 接口。
    • 因为需要用户主动触发才能发起获取手机号接口，所以该功能不由 API 来调用，需用 button 组件的点击来触发。
    • 需要将 button 组件 open-type 的值设置为 getPhoneNumber，当用户点击并同意之后，可以通过 bindgetphonenumber 事件回调获取到微信服务器返回的加密数据， 然后在第三方服务端结合 session_key 以及 app_id 进行解密获取手机号。
  • 注意事项
    • 目前该接口针对非个人开发者，且完成了认证的小程序开放(不包含海外主体)。需谨慎使用，若用户举报较多或被发现在不必要场景下使用，微信有权永久回收该小程序的该接口权限。
    • 在回调中调用 wx.login 登录，可能会刷新登录态。此时服务器使用 code 换取的 sessionKey 不是加密时使用的 sessionKey，导致解密失败。建议开发者提前进行 login；或者在回调中先使用 checkSession 进行登录态检查，避免 login 刷新登录态。

应用建议

  • 注意登录与授权没有必然联系
  • 登录后的 OpenID 是需要通过服务器调用微信接口获取
  • 业务可以根据授权用户信息 + 授权手机号的结合，来创建新的业务用户

杂谈

  • 静默授权：我们常说的静默授权其实就是通过调用小程序提供的 wx.login 换取 code 后，获取用户 OpenID 以及其他业务关联的信息，因此我们常说的静默授权其实就是不主动调用用户信息授权。
  • 至此，针对微信小程序登录相关的前端知识点内容，基本梳理完成，也达到了在业务开发中，作为前端开发对小程序登录的基础知识的梳理和总结。
  • 本文主要梳理了微信小程序相关的 ID 含义，以及对应的本人在工作中总结出的使用场景。
  • 同时根据实际的应用场景，也确定了登录与授权没有必然的联系。
  • 以业务为参考，也梳理出在实际应用中可以通过微信用户信息授权+手机号授权来创建一个符合业务用户体系的注册流程。
  • 本文随着小程序的发展必然会有一定的时效性，具体实时内容，建议参考微信公众平台小程序官方文档。

资料参考

  • UnionID 机制说明 https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/union-id.html
  • 如何获取小程序的 AppID？https://zhuanlan.zhihu.com/p/61511399
  • 微信 UnionID 的应用案例 https://zhuanlan.zhihu.com/p/34097989
  • 获取 OpenID https://developers.weixin.qq.com/doc/aispeech/miniprogram/options.html#%E8%8E%B7%E5%8F%96%E7%94%A8%E6%88%B7%20openid
  • 小程序登录 https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/login.html
  • 小程序获取手机号 https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/getPhoneNumber.html
  • 服务端获取开放数据 https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/signature.html#method-decode
夜跑者
关注
  • 0
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
微信小程序登录_获取用户的openid
gzmhxsn的博客
02-10 3274
微信小程序端登录：如何获取用户的openid 问题描述：小程序开发过程，小程序端获取用户的授权登录是必不可少的一步。我的这次项目中， 微信小程序前端要向后端传输的主要数据是：openid 后端向前端传输的数据则是用户的：昵称，身高…… 这里我主要想说一下前端获取用户的 openid 的简单方法。 openid openid：对于一个微信用户来说，openid 和一个身份证号对于一个中国人的作用是一样的。这个openid 唯一不变。我们可以通过一定的步骤来获取微信用户的openid ，作为用户访问小程序的唯
微信小程序相关
qq_38140894的博客
05-06 209
微信小程序登录过程 1.通过 wx.login() 获取到用户的code判断用户是否授权读取用户信息，调用wx.getUserInfo 读取用户数据。 2.由于小程序后台授权域名无法授权微信的域名，所以需要自身后端调用微信服务器获取用户信息。appid , appsecret 3.通过 wx.request() 方法请求业务方服务器，后端把 appid , appsecret 和 code 一起发送到微信服务器。appid 和 appsecret 都是微信提供的，可以在管理员后台找到。 4.微信服务器
微信appId和openId和unionid 的区别
码农星
02-27 3800
appid：一个appid唯一对应一个小程序或者公众号，尽管一个appid可以开发多个小程序，但是最终提交审核和上线的只能是一个小程序。 openid：微信用户在某个小程序或者公众号的唯一标识，用于获取用户信息 通过应用appid+用户微信号加密，产生的openid unionid：同一个用户在不同的应用（小程序或者公众号），unionid是相同的，可以用来用户量去重 ...
wxid如何找到原始id，技术分享
QQ_83290135的博客
07-19 1万+
很对多人就是用恢复软件，想找回曾经的好友，最后花了钱却发现找回的只是原始id。其实只想单纯找回好友的话，去花钱是完全没必要的，点击试用，选择查看恢复聊天记录，就完全可以找到原始id。 （注：苹果手机；百度搜索【苹果恢复大师】下载好安装，后把手机连接电脑进行恢复，或者可以ROOT的安卓手机才可以使用恢复软件） 2.红包记录 发过红包的情况下找到wxid的几率是最大的，只要把自己的微信号换任何一台安卓手机登录，再去查看那个红包记录就会显示原始id。 3.文件管理器搜索 如果你删除他的时间不长，用文件管理器搜索w
【拓展】理解AppID、OpenID、UnionID
最新发布
知心宝贝的博客
07-02 1158
三者的区别其实很简单，可以把他们抽象成日常生活中常见的手机卡运营商。运营商有很多不同的品牌，如 联通、电信、移动等，这就是 AppID。用户在不同的平台购买手机卡，平台会生成一个独一无二的手机号，这里可以看成 OpenID。但是小王购买了这么多手机号，不同的营业厅想要验证身份通过唯一的身份证验证，这就是 UnionID。用户进行小程序登陆时，需要获取用户信息，但是不能和原有的微信账号体系一致，这会导致用户原本的信息泄露，于是需要设计一套新的权限模式。AppSecret 直接在微信平台生成保存好就行。
查看微信小程序的原始账号id和appId
思渝崖
05-29 1万+
这边接到需求说要在H5页面中打开小程序，查到微信文档找到： https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_Open_Tag.html 使用 wx-open-launch-weapp标签来跳转 这个标签需要传入所需跳转的小程序原始id，即小程序对应的以gh_开头的id 下面就来说下怎么找到这个原始id 1.-- 进入一个小程序，点击右上角那三个点点的图标，就出现图下图的弹窗，点击弹窗顶部标题 2.-- 点击标题之后会进
查看微信小程序的原始账号ID和AppId
sayyy的专栏
11-09 3919
在手机版微信中查看微信小程序的原始账号ID和AppId 在电脑版微信中查看微信小程序的AppId
微信小程序登录/获取openID/获取手机号
用心去做
06-12 1万+
微信小程序官方参考地址：https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/login.html 登录流程时序 说明： 调用 wx.login() 获取 临时登录凭证code ，并回传到开发者服务器。 调用 auth.code2Session 接口，换取 用户唯一标识 OpenID 和 会话密钥 session_key。 之后开发者服务器可以根据用户标识来生成自定义登录态，用于后续业务逻辑中前后端交互时识别用户身
微信公众号如何关联小程序？如何查看小程序原始ID？
pang787559613的博客
05-31 6990
传动门： 一、公众号关联小程序： 登录公众号，小程序—小程序管理—关联小程序： 管理员扫码： 输入小程序原始名称/APPID/原始ID，搜索： 相应小程序出现，点击下一步： 关联成功： 再次点击查看详情： 显示已关联： 二、小程序原始id查看： 登录小程序账号，点击右上角头像处，则能查看到原始ID： 三、后记： 如果很不幸，你的小程序账号长时间未使用被冻结了，又忘记小程序的名称，或者是压根未设置，原始ID更是记不得，那么看这里：小程序被冻结，忘记原始iD，如何找回？ ...
关于微信小程序的支付开发：40013错误
03-29
微信小程序支付终于踩完坑了，发现里面坑挺大的，现在发个贴，希望以后入坑的同学可以看一下 ：  https://pay.weixin.qq.com/wiki/doc/api/wxa/wxa_api.php?chapter=7_4&index=2  业务流程在这里大家看文档的时候...
Android分享微信小程序失败的一些事小结
08-26
在Android平台上，分享微信小程序可能遇到一些挑战，但只要遵循正确的步骤和注意事项，这些问题是可以解决的。本文将针对“Android分享微信小程序失败”的常见问题进行分析，并提供解决方案。 首先，集成微信小程序...
很火的养猫微信小程序源码的搭建教程【流量主福利】
04-06
很火的养猫微信小程序源码的搭建教程-插图 很火的养猫微信小程序源码的搭建教程 大家好，今天给你们带来最近网上很火的养猫小程序的搭建教程 两个文件我们先把\bh_cat这个文件上传到自己到微擎后端 上传到后端...
App拉起小程序无法正常返回app
01-03
问题：App拉起小程序无法正常返回 问题描述：App端通过官方代码打开小程序， String appId = ; // 填应用AppId IWXAPI api = WXAPIFactory.createWXAPI(UserLoginByPwdActivity.this,... // 填小程序原始id req.path
【ASP.NET编程知识】.NET Core 微信小程序退款步骤-（统一退款）.docx
05-15
在ASP.NET Core中实现微信小程序的退款功能，主要涉及以下几个关键知识点： 1. **退款场景与规则**： - 退款通常发生在交易完成后的一段时间内，由买家或卖家发起。 - 交易超过一年的订单无法申请退款。 - 支持...
wxid 转微信号 如何找到原始id教程
热门推荐
znf55667788的博客
08-04 1万+
1.通过红包记录 一年内的红包记录有效 超过了过期就没办法获取原始id 方法：只要把自己的微信换任何一台安卓手机登录，再去查看那个红包记录就会显示原始id
【微信小程序】项目上线所需AppID、AppSecret和原始ID获取的逐步方法
RogerQianpeng的博客
10-18 4894
本文内容面向业务老师，通过详细的逐步方法，帮助对流程不熟悉的有微信小程序管理员权限的业务老师，通过微信公众平台，获得项目上线所需的AppID、AppSecret、原始ID，不熟悉流程的开发人员也可以阅读。注意：尽量只生成一次，然后记录下秘钥，因为虽然可以多次生成，但是需要向微信银行报备授权，所以最好不要多次生成重新报备。管理员用户，同AppID页面，点击“生成”，生成小程序秘钥。微信公众平台 - 开发 - 开发管理 - 开发设置。左侧，设置 - 基本设置，完成信息填写后获得。
公众号/小程序原始ID找不到了，账号被冻结了名字也不记得了，怎么找回
coldriversnow的专栏
12-13 1058
原管理员扫码登录微信公众平台，选择被冻结的小程序点击登录，点击账号找回输入原始ID-点搜索按钮--下一步重新设置管理员和邮箱：可以用原管理员的也可以用新的，就相当于重新注册小程序的步骤1）注册时是个体的小程序：扫码后在手机上点击--确认遵从协议--在手机界面输入扫码微信的主体身份证姓名和账号--填写新注册的邮箱地址。
微信小程序/公众号/开放平台账号被冻结后，原始ID找回方法
这货有些呆
06-30 1064
微信小程序/公众号/开放平台账号长时间不用被冻结，想再次使用找回时需要原始ID，原始ID已忘记。（适用于所有原始ID忘记找回）。
apicloud跳转微信小程序详细配置
05-25
要在APICloud中实现跳转到微信小程序，需要进行以下步骤： 1. 在APICloud中创建一个新项目，并在config.xml文件中添加微信小程序的appid，如下所示： ``` <feature name="wxapi"> <param name="ios" value="WXAppID" /> <param name="android" value="WXAppID" /> </feature> ``` 2. 在APICloud中安装并配置插件，如下所示： ``` $ cnpm install apicloud-plugin-wxapi ``` 3. 在APICloud中编写JS代码，实现跳转到微信小程序，如下所示： ``` var wxapi = api.require('wxapi'); wxapi.isInstalled(function(ret, err) { if (ret.installed) { wxapi.jumpToWechatMiniProgram({ userName: 'gh_xxxxx', // 小程序原始ID path: '/pages/index/index' // 跳转页面路径 }); } else { alert('请先安装微信客户端'); } }); ``` 其中，`userName`是微信小程序的原始ID，可以在微信公众平台中查看；`path`是小程序内部页面的路径。 完成以上步骤后，就可以在APICloud中实现跳转到微信小程序了。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值