當前位置：首頁 > 编程资源 > 综合教程 >内容正文

综合教程

微信公众号关联小程序，实现消息推送。

發布時間：2024/1/3 综合教程 35 生活家

生活随笔收集整理的這篇文章主要介紹了微信公众号关联小程序，实现消息推送。小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

1.首先需要公眾號綁定好微信小程序。

　https://jingyan.baidu.com/article/f96699bbfc499b894e3c1b00.html 這個是百度上綁定的案例可以參考綁定。

2.創建H5頁面，獲取授權，拿到公眾號的code。下面是頁面代碼，直接復制即可。

<!DOCTYPE html>
<html lang="en">

<body>

</body>
<script>
function getCode() {
var code = "";
var local = window.location.href; // 獲取頁面url
var appid = "wx064d2db6a22696a5";
code = getUrlCode().code; // 截取code
if (code == null || code === "") {
// 如果沒有code，則去請求
window.location.href = `https://open.weixin.qq.com/connect/oauth2/authorize?appid=${appid}&redirect_uri=${encodeURIComponent(
local
)}&response_type=code&scope=snsapi_userinfo&state=123#wechat_redirect`;
// scope=snsapi_base 靜默授權,自動跳轉到回調頁的特點：用戶無感知；
// scope=snsapi_userinfo 非靜默授權，第一次有彈框
} else {
// url 填寫的是授權成功后調轉到小程序的頁面并且把獲取到的code傳遞給小程序
wx.miniProgram.redirectTo({
url: '/page/login/login?code=' + code
})
}
}
getCode()
// 截取url中的code方法
function getUrlCode() {
var url = location.search;
var theRequest = new Object();
if (url.indexOf("?") != -1) {
var str = url.substr(1);
var strs = str.split("&");
for (var i = 0; i < strs.length; i++) {
theRequest[strs[i].split("=")[0]] = strs[i].split("=")[1];
}
}
return theRequest;
}
</script>

</html>

3.在小程序中用web-view 將H5引入到小程序中。下面直接上代碼：

index.js 只需要在data中添加鏈接即可

/**
*頁面的初始數據
*/
data:{
link:"https://open.weixin.qq.com/connect/oauth2/authorize?appid=你的公眾號appid&redirect_uri=你的H5頁面地址&response_type=code&scope=snsapi_base&state=1#wechat_redirect"
}

index.wxml

<text>page/index/index.wxml</text>

<view>
<viewclass="">
<web-viewsrc="{{link}}"></web-view>
</view>
</view>

4.拿到公眾號的code后，需要將code傳入到后臺，獲取拿到openid。下面放個關于后臺獲取openid連接的教程
https://blog.csdn.net/kongwei521/article/details/79741509（C#案例）
至此就可以通過公眾號的openid 來給關注的用戶推送消息啦。

前人種樹，后人乘涼。記住小程序的獲取小程序的openid是沒有用的，只能獲取公眾號的openid才可以。

總結

以上是生活随笔為你收集整理的微信公众号关联小程序，实现消息推送。的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。