小程序跳转公众号关注页面的两种方法
目录
小程序跳转公众号关注页面的两种方法
一、web-view方法
这个种方法有一个必须要达到的条件就是：小程序的公众号必须是认证的企业号，而且要在小程序公众号的后台添加“veb-view业务域名”！不然会出现如下情况
<!--pages/webview666/webview.wxml-->
<view class="ty_box">
<web-view src="{{url}}">小程序跳转公众号</web-view>
</view>// pages/webview666/webview.js
Page({
/**
* 页面的初始数据
*/
data: {
url:''
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
console.log("xxxxxxxx")
console.log(options)
if(options.type="baidu"){
this.setData({
url:"https://mp.weixin.qq.com/mp/profile_ext?action=home&__biz=MzIwMTc4MTQwOQ==#wechat_redirect"
})
}
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
}
})url地址
biz 的值
MzIwMTc4MTQwOQ 是获取目标公众号的分享的链接中biz的值
如当前页面点开一篇文章，分享出去拿到文章的分享链接在浏览器中打开，复制链接中的bid
下面是我分享出去的文章链接
[https://mp.weixin.qq.com/mp/profile_ext?action=home&__
biz=MzIwMTc4MTQwOQ
==#wechat_redirect]( )
拿到 填到对应的位置就可以了
二、 official-account 方法
首先要把公众号和小程序关联起来
在公众号中找到小程序管理—-关联小程序
关联成功后
然后在小程序公众号中找到设置—-关注公众号——开启关联按钮
<!--pages/ceshi/ceshi.wxml-->
<view style="margin-top:50%;">
<official-account></official-account>
</view>接下来就是选择场景编译了
- 当小程序从扫小程序码场景（场景值1047，场景值1124）打开时
- 当小程序从聊天顶部场景（场景值1089）中的「最近使用」内打开时，若小程序之前未被销毁，则该组件保持上一次打开小程序时的状态
- 当从其他小程序返回小程序（场景值1038）时，若小程序之前未被销毁，则该组件保持上一次打开小程序时的状态
如果切换后台选择编译还是不出现的话那就选择自定义编译吧
这样就可以了，切记这个方法一定不能漏看了官网的这句话
基础库必须在2.3.0以上
这里我用的都是2.9.5
最后大功告成，如果对你有帮助的话，还请留个赞谢谢支持！
