Loading [MathJax]/jax/input/TeX/config.js

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

社区首页 >专栏 >微信小程序如何跳转公众号文章

微信小程序如何跳转公众号文章

作者头像

OECOM

发布于 2020-07-02 03:43:55

发布于 2020-07-02 03:43:55

9.6K00

代码可运行

举报

文章被收录于专栏：OECOMOECOM

运行总次数：0

代码可运行

公众号跳小程序相信大家已经不陌生了，以前的时候小程序是无法跳转到公众号的，但是现在可以了，微信规定互相绑定的公众号和小程序之间可以实现自由跳转。下面我们来看一下如何实现。

实现方式其实很简单，就是一个web-view组件。

<web-view src="https://mp.weixin.qq.com/s/Zn958Zv-RuJxnZjhE8n2Lg"></web-view>

如此就完成了一个示例页面了。这是我的oecom博客的公众号关联我的小程序，那么这两者之间就可以互相跳转。我写了一个根据参数来实现页面显示的效果：

<web-view src="{{webViewSrc}}"></web-view>

data: {
    webViewSrc:""
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    console.log(options)
    this.setData({
      webViewSrc: options.url
    })
  },

上述代码就是一个承载公众号文章的页面了，只需要一个跳转到该页面的小程序链接即可，后续添加url参数就可以实现了。

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2019-01-15，如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体同步曝光计划，欢迎热爱写作的你一起参与！

评论

登录后参与评论

暂无评论

编辑精选文章

换一批

万字详解高可用架构设计

Go 开发者必备：Protocol Buffers 入门指南

10分钟带你彻底搞懂分布式链路跟踪

多租户的 4 种常用方案

亿级月活的社交 APP，陌陌如何做到 3 分钟定位故障？

60页PPT全解：DeepSeek系列论文技术要点整理

小程序-实现怎么跳转打开 H5 网页链接(或跳转至公众号文章)

小程序微信 webview 网站 https

背景有时候,因为业务需求,在小程序当中,需要跳转到 h5 网页,或跳转到公众号,形成流量的闭环,那在小程序当中怎么实现呢? 实例效果 (小程序跳转到公众号) （小程序跳转到h5网页）小程序实现跳

itclanCoder

2020/10/28

24.3K0

小程序-实现怎么跳转打开 H5 网页链接(或跳转至公众号文章)

【愚公系列】2022年09月微信小程序-webview内嵌网页的授权认证

小程序微信网站 webview html5

随着微信小程序的广泛应用，小程序的用户越来越多，但受其小程序体积限制的影响，不能够完全满足用户的要求，应运而生的web-view组件很好的解决的这一问题。

愚公搬代码

2022/09/28

8980

【愚公系列】2022年09月微信小程序-webview内嵌网页的授权认证

小程序页面事件与wxs脚本

小程序函数脚本事件数据

在使用组件跳转到指定的 tabBar 页面时，需要指定 url 属性和 open-type 属性，其中：

timerring

2023/06/10

5080

微信小程序web-view的简单思考和实践

微信微信小程序音视频

Jianbo

2018/01/08

1.8K0

微信小程序web-view的简单思考和实践

h5链接跳转到小程序_微信无法跳转外部链接

微信小程序 https java 官方文档

最近项目有个需求，在微信小程序中跳转外部链接完成相关的操作，操作完成后返回微信小程序的相关页面。

全栈程序员站长

2022/09/21

1.8K0

h5链接跳转到小程序_微信无法跳转外部链接

微信小程序客服系统，订阅消息模板通知，客服系统使用一次性订阅消息给小程序用户回复通知

小程序服务后台微信小程序系统

小程序的订阅消息，分为一次性订阅消息和长期订阅消息，长期订阅消息只对政务民生、医疗、交通、金融、教育等线下公共服务开放，一般情况下我们用不了。

唯一Chat

2023/04/26

4970

关于 uni-app 使用 web-view 页面之间互相跳转、通信等问题的解决方案

网站 html5 html 小程序微信

最近开发小程序的时候、需要嵌入一个第三方网站、并且和第三方网站有些交互。这个第三方页面本身就是一个 HTML 页面、想着把它给嵌入到 uni-app 中，结果没实现......（很多的 js 代码在小程序中不识别）。

hedeqiang

2019/12/17

12.6K0

『教程』微信小程序webview的使用

微信小程序音视频

小程序微信小程序是一种全新的连接用户与服务的方式，它可以在微信内被便捷地获取和传播，同时具有出色的使用体验。同时提供一系列工具帮助开发者快速接入并完成小程序开发。关于如何注册配置就不多言了，本文主要还是体验了下web-view的功能。 web-view详解有了这个组件之后，小程序可以很好的嵌入一些页面，可以环境小程序size告急的问题，同样也使开发更加便捷，毕竟小程序开发者基本都对前端开发较为了解。 web-view能力说再多还是需要去看官方文档，web-view文档, 兼容首先就需要注意：兼

极乐君

2018/02/05

5.3K0

【微信小程序+Python后台从0到1实战开发】02微信小程序基础事件及数据获取

day02 微信小程序 1. 跳转 1.1 对标签绑定点击事件 <view bindtap="clickMe" data-nid="123" data-name="SD" >点我跳转</view> Page({ ... /** * 点击绑定的事件 */ clickMe:function(e){ var nid = e.currentTarget.dataset.nid; console.log(nid); } }) 1.2 页面跳转 wx.navigateTo({

天道Vax的时间宝藏

2021/08/11

1.1K0

微信小程序客服系统-两种形式：嵌入页面传递更多信息与自带组件形式

小程序后台配置微信小程序系统

使用webview组件嵌入聊天页面形式。这种形式更加的灵活可控，可以传递更多的信息给到客服，例如可以把用户的手机号，所在页面的产品信息等带入进来。

唯一Chat

2023/08/26

6670

微信小程序客服系统-两种形式：嵌入页面传递更多信息与自带组件形式

微信小程序实现一键查询全国快递物流地图轨迹

随着电子商务的快速发展，物流行业成为了一个关键的领域。对于用户来说，了解快递物流的实时状态和轨迹信息非常重要。本教程将介绍如何在微信小程序中实现一键查询全国快递物流地图轨迹的功能。通过这个功能，用户可以方便地查看快递的实时位置和运输轨迹。

用户10428865

2023/06/25

7560

小程序入门，看这一篇就够了！

小程序微信 npm html http

文章为实战中踩坑经历，以及解决方案。同时是自己的一个项目回顾，在这里分享给大家，希望能帮助到大家。文章内代码需要左右滑动噢~ 登录授权授权（基本信息，手机号码）必须使用小程序原生的的button组件，然后指定open-type 后通过回调才能拿到用户信息。代码入下： index.wxml<vi

腾讯NEXT学位

2019/11/18

8400

新功能：个人小程序直接打开公众号链接

小程序微信

在此之前，想要从小程序里面跳转一个链接，要使用web-view才可以，而且个人 <web-view src="https://www.baidu.com/"></web-view>放心你没有看错就这么一行就行了

王小婷

2018/12/27

1.7K0

小程序支持跳转网页会带来什么影响

小程序微信

11月2日，iphone X 发售的前一晚，微信小程序发布了一个重量级的更新：小程序内嵌网页能力开发使用教程很简单：到mp.weixin.qq.com登录小程序号，并进入“设置”-“开发设置”-

花叔

2018/04/18

2.4K0

小程序支持跳转网页会带来什么影响

小程序、公众号文章、H5跳转路径简述

小程序 html5 微信网站腾讯云开发者社区

普通 H5 页面无法跳转到小程序，web-view 中的 H5 页面可以回到“外层”小程序

薛定喵君

2020/05/07

2.8K0

小程序跳转公众号的方法

小程序微信 github git 开源

随着小程序不断的发展，现在个人的小程序也开放了很多功能了，个人小程序直接打开公众号链接。在群里看到的一款小程序，点击可以直接阅读文章了，所以琢磨了一下，写了一些源码。

王小婷

2020/11/30

5.3K0

开发一个微信小程序(2)：编写博客园随笔列表

首先我们需要拿到个人博客园的 access_token，这里我希望不要频繁调用这个接口，当进入小程序时调用一次就够了

冰霜

2022/06/06

1.5K3

微信小程序和web之间的交互

网站微信小程序 javascript webview

通常我们写了一套自适应的 web 程序,想在多种环境中使用.比如 app 里,微信小程序里,各种 app 分享中, 假如只是能使用 app 浏览,问题不大,但是要在被嵌入 app 里面和 app 本身交互,就要做各种折腾, 如是就有了本文.

chuchur

2022/10/25

1.4K0

微信小程序——轮播图、组件传值、下拉刷新、导航实战开发

微信 javascript 小程序 css

滑块视图容器。其中只可放置swiper-item组件，否则会导致未定义的行为。属性表如下

wsuo

2020/09/22

1.6K0

无需unionId实现公众号和小程序用户互通

小程序微信访问管理网站 https

Hi~ o(￣▽￣)ブ，我偷偷回来了，你还在吗？最近在搞公众号和小程序的开发，需要进行公众号和小程序的用户互通。网上搜、问人，都说需要公众平台绑定公众号和小程序，拿到unionId才能互通，但根据我自己的实践(瞎搞)，发现无需unionId就能实现互通。

KEN DO EVERTHING

2021/09/02

4.5K3

无需unionId实现公众号和小程序用户互通

相关推荐

小程序-实现怎么跳转打开 H5 网页链接(或跳转至公众号文章)

更多 >

💥开发者 MCP广场重磅上线！

精选全网热门MCP server，让你的AI更好用 🚀

本文部分代码块支持一键运行，欢迎体验

本文部分代码块支持一键运行，欢迎体验