目录

微信小程序如何跳转到微信公众号文章,小程序如何关联公众号或订阅号

微信小程序如何跳转到微信公众号文章,小程序如何关联公众号或订阅号

微信小程序如何跳转到微信公众号文章,小程序如何关联公众号或订阅号

前置条件

  • 公众号最高管理权限(或能与最高权限管理者配合操作)
  • 小程序开发权限或最高管理权限

小程序方面

  • 根据官方资料描述,小程序中展示微信公众号中的文章需要使用到
    • web-view 是一个 web 浏览器组件,可以用来承载网页的容器,会自动铺满整个页面
    • src:webview 指向网页的链接
// 展示公众号文章的页面
<template>
  <view>
    <web-view :src="storeData.url"></web-view>
  </view>
</template>

<script lang="ts" setup>
const storeData = reactive({
  url: 'www.baidu.com' //举例地址
})
// 当点击某个文章链接时,拿到文章链接(根据自己业务需求来)
//onLoad((option) => {
//storeData.url = JSON.parse(decodeURIComponent(option.url))
//})
</script>
  • 特别注意: web-view中的链接需要使用微信官方提供的跳转链接格式,链接中必须包含: ext?action=home& biz=xxx&scene=124#wechat redirect。其中的 biz是公众号的唯标识
    • 获取文章链接方式可以直接到公众号后台查看发布内容点击分享可以拿到正确的链接
  • 打开微信公众平台>设置>关联设置>关联公众号
    • (允许公众号关联此小程序) 这个选项一定要时打开状态

    • (关联此小程序需要管理员确认)如果你没有最高权限然后没法沟通到最高权限管理者,先行关闭即可,否则每关联一个公众号就需要最高权限管理者授权确认

      https://i-blog.csdnimg.cn/blog_migrate/1fad495f46a019e3ac57199e601b7bf4.png

公众号、订阅号方面

  • 打开微信公众平台>广告与服务>小程序管理>添加小程序 (订阅号同理)
    • 这里添加时需要最高权限的管理员扫码验证才行

    • 扫描完毕后将你要关联的小程序 Appid 或者 小程序名字填入进行搜索然后绑定

    • 绑定时如果提示待确认则需要小程序的管理员通过验证才行

      https://i-blog.csdnimg.cn/blog_migrate/60c70303d695ddc907fc226b12ea0440.png

      https://i-blog.csdnimg.cn/blog_migrate/dced1b4b4d16549f139b5c8b906fbc0a.png

bye)🤡