宝塔服务器面板,一键全能部署及管理,送你10850元礼包,点我领取

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

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

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

  <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. 在公众号管理界面中,在菜单中添加小程序链接,以便用户能够轻松地从公众号中打开小程序。

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