如何通过小程序打开公众号?

公众号和小程序是两个常用的平台,许多企业和个人账号都拥有公众号和小程序。公众号大多承载主流信息传递,而小程序则承担着个性化、互动等功能,两者结合使用可以提高用户粘性。本文将讨论如何通过小程序打开公众号。

一、从小程序打开公众号页面

在小程序中打开公众号页面并不难。首先,需要在小程序中添加公众号入口,可以通过以下代码实现:

  <button open-type="contact" app-id="公众号原始ID" session-from="weapp">
    打开公众号
  </button>

在代码中,open-type属性的值应设置为 “contact”,同时,app-id属性应填写公众号的原始ID。通过这样配置之后,用户点击按钮后,便可以打开对应公众号 。值得注意的是,如果小程序的认证状态为审核中或未认证,用户无法使用此方式打开公众号。

二、小程序打开公众号链接

小程序也可以通过链接的方式打开公众号。用户在小程序中打开指定链接,通过跳转到指定公众号的页面完成打开。下面是一个使用小程序调起外部浏览器 打开 特定公众号的示例代码:

// 小程序中的JS代码
let outerUrl ="https://mp.weixin.qq.com/mp/profile_ext?action=home&__biz=" + appBiz + "#wechat_redirect";
// 需要打开的公众号原始ID
let appBiz = "xxxxxxxxxxxxx";

wx.navigateTo({
    url: '/pages/webview/webview?url=' + encodeURIComponent(outerUrl)
})

代码中,通过URL拼接的方式生成可以打开 public ID 页面的链接并通过 navigateTo API 实现 跳转。用户点击后,将打开用户当前手机的默认浏览器,并跳转到对应页面,实现打开指定的公众号。

三、小程序打开公众号文章

小程序也可以直接打开公众号中的文章,具体做法如下:

wx.navigateTo({
    url: '/pages/webview/webview?url=' + encodeURIComponent(articleUrl)
})

仍然是通过 URL 拼接的方式实现,同时也需要注意将 articleUrl 进行 HTML 实体转义,以防止浏览器解析。这种方式可以直接跳转到指定文章页面,在公众号推文的小程序卡片中,也可以直接跳转到小程序详情页。

四、公众号H5 打开小程序

公众号也可以通过 H5 页面来打开小程序。采取此方式需要使用 JS-SDK 的接口,相关代码如下:

wx.miniProgram.navigateTo({
    url: '/pages/index/index',
    success: function () {
      console.log('成功打开小程序');
    }
})

这段代码中,使用 miniProgram.navigate- To API 来启动指定小程序,将打开小程序并跳转到当前公众号指定的小程序页面。需要注意的是,如果小程序尚未发布,或者用户未关注公众号,也将无法使用此方式打开小程序。

五、微信小程序打开公众号

除了从公众号打开小程序,在微信小程序中也可以直接打开公众号,方法如下:

wx.navigateToMiniProgram({
    appId: '公众号原始ID',
    path: 'pages/index/index',
    extraData: {
      foo: 'bar'
    },
    envVersion: 'release',
    success(res) {
      console.log('成功打开公众号');
    }
})

代码中,使用 navigateToMiniProgram API 启动指定公众号,将打开指定公众号,并跳转到当前小程序关联的指定页面。注意,需要在微信开放平台申请并配置公众号和小程序之间互相绑定的权限。

六、微信公众号小程序怎么打开

如果需求从公众号中打开小程序,对于用户而言,直接在公众号中寻找的小程序并不容易,因此,可以通过一个特殊的按钮或链接,为用户提供打开小程序的入口。

<a href="weixin://dl/business/?t=CARD_TICKET&amp;card_ticket=BKkn1MPYQJSb4nSmKg8L...">打开小程序</a>

在a标签中添加如上代码,点击链接时,将通过链接的方式打开小程序。同时,在公众号管理界面中需要进行设置,勾选允许跳转其他公众号和小程序

七、小程序在公众号如何打开

小程序在公众号中打开,需要完成以下步骤:

  1. 在微信小程序管理界面中,选择右上方的设置,在 “基本设置” 这一选项卡中,找到 “关联的公众号” 选项;
  2. 单击“修改”按钮,选择与小程序关联的公众号;
  3. 在公众号管理界面中,在菜单中添加小程序链接,以便用户能够轻松地从公众号中打开小程序。

完成上述步骤后,用户在公众号中点击菜单中设置好的小程序链接,将能够直接进入小程序。另外,值得注意的是,公众号必须是认证过的服务号或订阅号。

原创文章,作者:小蓝,如若转载,请注明出处:https://www.506064.com/n/184495.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
小蓝小蓝
上一篇 2024-11-25 17:24
下一篇 2024-11-25 17:24

相关推荐

  • python强行终止程序快捷键

    本文将从多个方面对python强行终止程序快捷键进行详细阐述,并提供相应代码示例。 一、Ctrl+C快捷键 Ctrl+C快捷键是在终端中经常用来强行终止运行的程序。当你在终端中运行…

    编程 2025-04-29
  • Python程序需要编译才能执行

    Python 被广泛应用于数据分析、人工智能、科学计算等领域,它的灵活性和简单易学的性质使得越来越多的人喜欢使用 Python 进行编程。然而,在 Python 中程序执行的方式不…

    编程 2025-04-29
  • Python程序文件的拓展

    Python是一门功能丰富、易于学习、可读性高的编程语言。Python程序文件通常以.py为文件拓展名,被广泛应用于各种领域,包括Web开发、机器学习、科学计算等。为了更好地发挥P…

    编程 2025-04-29
  • Python购物车程序

    Python购物车程序是一款基于Python编程语言开发的程序,可以实现购物车的相关功能,包括商品的添加、购买、删除、统计等。 一、添加商品 添加商品是购物车程序的基础功能之一,用…

    编程 2025-04-29
  • 爬虫是一种程序

    爬虫是一种程序,用于自动获取互联网上的信息。本文将从如下多个方面对爬虫的意义、运行方式、应用场景和技术要点等进行详细的阐述。 一、爬虫的意义 1、获取信息:爬虫可以自动获取互联网上…

    编程 2025-04-29
  • Vb运行程序的三种方法

    VB是一种非常实用的编程工具,它可以被用于开发各种不同的应用程序,从简单的计算器到更复杂的商业软件。在VB中,有许多不同的方法可以运行程序,包括编译器、发布程序以及命令行。在本文中…

    编程 2025-04-29
  • Python一元二次方程求解程序

    本文将详细阐述Python一元二次方程求解程序的相关知识,为读者提供全面的程序设计思路和操作方法。 一、方程求解 首先,我们需要了解一元二次方程的求解方法。一元二次方程可以写作: …

    编程 2025-04-29
  • 如何使用GPU加速运行Python程序——以CSDN为中心

    GPU的强大性能是众所周知的。而随着深度学习和机器学习的发展,越来越多的Python开发者将GPU应用于深度学习模型的训练过程中,提高了模型训练效率。在本文中,我们将介绍如何使用G…

    编程 2025-04-29
  • Web程序和桌面程序的区别

    Web程序和桌面程序都是进行软件开发的方式,但是它们之间存在很大的区别。本文将从多角度进行阐述。 一、运行方式 Web程序运行于互联网上,用户可以通过使用浏览器来访问它。而桌面程序…

    编程 2025-04-29
  • 改善Python程序的90个建议pdf网盘

    本文将从多个方面对改善Python程序的90个建议pdf网盘进行详细阐述,帮助Python开发者提高程序的性能和效率。 一、代码优化 1、使用map函数或列表推导式代替for循环。…

    编程 2025-04-29

发表回复

登录后才能评论