通过小程序获取公众号openid

这篇具有很好参考价值的文章主要介绍了通过小程序获取公众号openid。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

需求:
由于小程序不能直接向用户发送模板消息,所以需要用公众号向用户发送模板消息。

于是需要将小程序的openid和公众号的openid绑定在一起。提供两种思路:

方法一:
1.微信小程序和公众号都绑定到微信开放平台上,这样小程序登录获取用户信息的时候可以拿到微信用户唯一id(unionid)。

2.公众号方面获取unionid可以利用微信提供的 接收事件推送 的关注事件。用户关注公共号是获取用户信息,其中就会包括unionid,便可将两者绑定在一起。

优点:代码实现比较简单,思路清晰。

缺点:这种方法需要用到服务器配置,一旦启用服务器配置就不能用微信公众号平台提供的自定义菜单。(这就是我在实现了方法一后,又舍弃做了方法二的原因)

方法二:(主要介绍方法二的实现方法和代码)
在小程序中使用 web-view 并配配合微信公众号提供的 网页授权 来实现:

1.在小程序中做一个web-view页面,页面中只需要写微信 网页授权的链接就行了,注意appid请自行替换。redirect_uri是我们第二步中的网页地址,需要在公众号管理平台中配置授权域名
通过小程序获取公众号openid

<template>
	<view>
	  <view class="">
	  <web-view :src="url" ></web-view>
	  </view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				url:'',
				}
		},
		onLoad() {
		   this.url="https://open.weixin.qq.com/connect/oauth2/authorize?appid=wxxxxxxxxxxx&redirect_uri=https://域名/index.html&response_type=code&scope=snsapi_base&state=123#wechat_redirect"
		}
	}
</script>

<style>
</style>

2.做一个调用后端获取openid的页面 注意引入或安装weixin-js-sdk 调用后台获取openid接口并且携带获取openid跳转到小程序交给后端处理

代码式列1、

<template>
  <div>
  </div>
 
</template>
 
<script>
import {getMpUserInfo} from "@/api/login";
import wx from 'weixin-js-sdk'
 
export default {
  name: "login",
  data() {
    return {
    }
  },
  created() {
    //请求后端接口获取公众号openid
    getMpUserInfo(this.$route.query.code).then(res => {
      //跳转回小程序的登录页面并将公众号openid带过去
      wx.miniProgram.redirectTo({url: "/pages/auth/login/login?mpOpenid="+res.data.data})
    })
 
  }
}
</script>

代码式列2、

onLoad: function (e) {
                this.option = this.getParameterByName("code"), uni.request({
                    url: "https:/后台获取openid的接口",
                    data: {jsCode: this.option},
                    method: "POST",
                    header: {"content-type": "application/json"},
                    fail: function (e) {
                    },
                    success: function (e) {
                        o.default.miniProgram.redirectTo({url: "/pages/login/login?mpOpenid=" + e.data.data})
                    }
                })
            }

3.编写后端通过code获取access_token再获取用户openid的方法(这里就不写了)

完成以上步骤微信小程序就获取到用户公众号的openid了 只需将公众号openid和小程序openid 发送到后台就可以将两者绑定在一起,实现微信小程序通过公众号给用户发送模板消息

好了 ,到这里估计你的项目应该已经运行成功了!
又到饭点了 买个外卖通用优惠券吧!

通过小程序获取公众号openid

通过小程序获取公众号openid文章来源地址https://www.toymoban.com/news/detail-491726.html

到了这里,关于通过小程序获取公众号openid的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 【微信小程序】通过云函数获取用户openid

    1.pages同级目录下新建新文件夹,命名为cloudFunctions(其他名字也可以)。 2.project.config.json中添加以下内容,值为上一步创建的文件夹名字。编译一次后上一步创建的文件夹前图标就带“云”了。 3.app.js内的App中添加 1.右击cloudFunctions文件夹,点击【新建Node.js云函数】,命名为

    2024年02月10日
    浏览(57)
  • 微信公众平台开发(四)——微信网页授权:获取用户openid&用户基本信息

    在开发中,如果web产品需要使用到微信的功能,比如微信授权登录、微信支付、微信投票等,我是开发的东东是一个web项目,然而如果需要接入微信的话,就需要使用道微信的微信网页开发相关的功能。 其中我们需要的东西就是拿到微信服务器的回调,比如用户扫码登录我们

    2024年02月16日
    浏览(42)
  • 通过java方式获取微信用户openId

    https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_webpage_authorization.html 目的:使本地的服务能在微信客户端进行访问 1.购买隧道 https://natapp.cn/tunnel/buy 2.进行配置 配置域名,ip和端口。在这里配本地可以访问的服务的ip和端口。 3 下载客户端 3 打开命令行在客户端同级目录执

    2024年02月11日
    浏览(44)
  • 微信小程序获取openId

    在微信小程序中,我们无法直接从客户端获取用户的openid,因为openid是保存在微信服务器上的。但是,我们可以通过微信提供的登录接口,使用用户授权登录的方式获取用户的openid。 具体步骤如下: 1. 在小程序中引入`wx.login`方法,调用该方法会返回一个`code`,这个`code`用于

    2024年02月15日
    浏览(47)
  • uniapp获取小程序openid

    小程序开发时, 用户使用小程序须要受权, 这时就要用到openid进行绑定这个用户。openid是指这个用户在某一个小程序中受权后的惟一标识(好比你的身份证) 步骤一 获取code值 通过uni.login()接口(同理wx.login), 拿到用户的code值(5分钟后失效) 前端代码就是获取uni.login()获取code,用

    2024年02月16日
    浏览(33)
  • 微信小程序获取openid流程

    调用wx.login(OBJECT) 获取登录凭证(code)进而换取用户登录态信息,包括用户的唯一标识(openid)及本次登录的会话密钥(session_key)等。用户数据的加解密通讯需要依赖会话密钥完成。 返回数据信息: { errMsg: 调用结果 code: 用户登录凭证(有效期五分钟)。开发者需要在开发

    2024年02月14日
    浏览(43)
  • 微信小程序获取openid,微信小程序获取手机号

    工具类

    2024年02月16日
    浏览(54)
  • 微信小程序----API、获取openid、消息订阅

    https://www.w3xue.com/mobile/wxminiapp/hpm41q8p.html 基础: API,全称Application Programming Interface,即应用程序编程接口。 API 是一些预先定义函数,目的是用来提供应用程序与开发人员基于某软件或者某硬件得以访问一组例程的能力,并且无需访问源码或无需理解内部工作机制细节。 API

    2024年02月09日
    浏览(44)
  • 微信小程序如何通过code拿到用户的openid?

    微信有一个静默登录,当进入小程序,页面加载完之后就会默认登录拿到code,这时候我们只需要将拿到的code去调后端的登录接口即可拿到用户的openid,openid在后续的开发中可能经常要用到,可以将其放到storage中,随用随拿

    2024年02月16日
    浏览(55)
  • uniapp写微信小程序,获取openId、unionId

    appId,secret   可以从微信公众平台获取,(点击右上角头像,向下滑,可以找到) 注意:这个一般写了app.vue里有个onlanch函数,否则有可能在进入小程序时获取不到openid 微信接口路径为 “https://api.weixin.qq.com/sns/jscode2session” 获取unionId的前提条件:微信开放平台绑定你的小程

    2024年02月13日
    浏览(52)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包