WordPress小程序的链接跳转一直是不少用户关心的问题,因为目前市面上的各种小程序平台方都是不支持网页链接跳转的,所以就会涉及到网站链接与小程序链接转换以及兼容处理的情况,目前我们的JustWeapp小程序在这方面已经形成了一套完善的解决方案,今天我们来介绍下他的使用方法。

一、站内链接自动转换

目前JustWeapp小程序针对文章内容里面的文章页面问答链接可实现自动转换,针对此类链接可以不用做其他处理。

二、使用webview方式跳转

温馨提示

webview的方式可能需要企业资质才可使用。

文章内容里面的链接使用webview

如果网站经常引用到某个网站的地址,那么建议可以通过webview的方式来打开,使用webview的方法:

  1. 在网站后台小程序>常规设置>web-view域名选项添加需要使用webview打开的域名;
  2. 进入小程序官方后台配置「业务域名」:开发-开发管理-开发设置-业务域名微信小程序用户需要先在设置>第三方设置>第三方平台授权管理里面停止与WPCOM的授权才能设置webview域名,不过这个是没有影响的,因为授权仅在提交代码流程的时候要用到;

文章/页面以webview的形式打开

此场景适合文章或者页面里面有较多复杂样式或者功能模块的情况使用,例如我们主题可视化编辑器做出来的页面就无法直接在小程序里面渲染,需要采用此方法浏览。

设置方法

  1. 同上,需要进入小程序官方后台配置「业务域名」:开发-开发管理-开发设置-业务域名
  2. 后台编辑文章或者页面的时候,在页面下方找到设置选项>小程序设置>web-view网页链接选项,填写当前页面地址(当然你也可以设置其他希望打开的页面)即可。

三、手动给链接设置小程序路径

对于无法自动匹配的站内链接(例如分类、标签等),也可以通过手动给链接指定小程序跳转路径的方式来解决。

  1. 首先我们按照正常的方式在文章里面插入一个链接;
  2. 然后切换到html模式:经典编辑器可点击编辑器右上角的文本,区块编辑器可点击当前区块工具栏右边的更多>作为HTML编辑,如图: 手动给链接设置小程序路径
  3. 在HTML模式下,给对应链接的a标签增加跳转属性data-miniurl,例如我们要跳转到问答页面:data-miniurl="/pages/question/index"(小程序路径信息参考文档最下方常见问题:JustWeapp文档TheBiz文档),完整代码:
    <p>这是一个测试<a href="/" data-miniurl="/pages/question/index">链接地址</a></p>
  4. 添加完成后即可切换会可视化模式编辑了:经典编辑器右上方可视化,区块编辑器点击工具栏的更多>可视化编辑
温馨提示

此方法添加的链接如果在可视化模式修改了链接的话可能会导致添加的小程序路径丢失,如需修改链接的话建议切换回HTML模式编辑,或者直接使用自定义HTML区块添加。

四、打开另一个小程序

如果对应链接刚好有匹配的另一个小程序页面,可通过此方法来打开。

操作方法可以参考上面三、手动给链接设置小程序路径的说明,区别在于链接的跳转属性是data-平台字段,其中平台字段是考虑到我们小程序支持多个平台,然而不同平台是无法互相跳转的,需要每个平台单独添加,对于没有添加跳转属性的平台,会按a标签默认链接处理。

以下是不同平台对应的平台字段

微信 百度 字节 QQ 支付宝
weapp swan toutiao qq alipay

例如针对微信小程序的跳转属性就是data-weapp

然后属性里面的值是小程序APPID(百度小程序是appKey)和跳转路径组成,格式是:APPID::跳转路径,以两个英文冒号分割。

所以综合起来,我们以打开JustWeapp演示小程序首页为例,最终添加的属性是这样的:data-weapp="wx80d98a9e3948df39::/pages/index/index",代码示例:

<p>这是一个测试<a href="/" data-weapp="wx80d98a9e3948df39::/pages/index/index">链接地址</a></p>

微信小程序短链接

除了使用APPID和路径的方式打开以外,微信小程序还可以支持短链接的方式打开。上面的data-weapp属性也可以直接填写小程序短链接,例如:

<p>这是一个测试<a href="/" data-weapp="#小程序://WPCOM企业版/kjpljKJpEDDdeYe">链接地址</a></p>
微信短链接获取

微信小程序短链接可以通过【小程序菜单】->【复制链接】获取。

五、打开微信视频号

新版可支持打开视频号主页和视频号视频。

操作方法可以参考上面三、手动给链接设置小程序路径的说明,区别在于链接的跳转属性是data-channels,微信视频号功能仅支持微信小程序,对于其他平台会按a标签默认链接处理。

data-channels属性的格式是视频号ID::视频feedId,以两个英文冒号分割;如果仅打开视频号主页则属性为视频号ID。关于视频号ID视频feedId获取方法可以参考官方文档:https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/channels-activity.html

六、采用复制链接的方式

对于以上方法无法一一覆盖的链接,我们最后推荐可以使用复制链接到浏览器打开的方式,可在后台小程序>常规设置>开启链接复制选项开启。不过部分平台在审核的时候偶尔会以诱导用户的理由不给通过,此时可以先关闭此选项提审,等通过后再开启即可。