WordPress小程序的鏈接跳轉(zhuǎn)一直是不少用戶關(guān)心的問(wèn)題，因?yàn)槟壳笆忻嫔系母鞣N小程序平臺(tái)方都是不支持網(wǎng)頁(yè)鏈接跳轉(zhuǎn)的，所以就會(huì)涉及到網(wǎng)站鏈接與小程序鏈接轉(zhuǎn)換以及兼容處理的情況，目前我們的JustWeapp小程序在這方面已經(jīng)形成了一套完善的解決方案，今天我們來(lái)介紹下他的使用方法。
一、站內(nèi)鏈接自動(dòng)轉(zhuǎn)換
目前JustWeapp小程序針對(duì)文章內(nèi)容里面的文章、頁(yè)面、問(wèn)答鏈接可實(shí)現(xiàn)自動(dòng)轉(zhuǎn)換，針對(duì)此類鏈接可以不用做其他處理。
二、使用webview方式跳轉(zhuǎn)
webview的方式可能需要企業(yè)資質(zhì)才可使用。
文章內(nèi)容里面的鏈接使用webview
如果網(wǎng)站經(jīng)常引用到某個(gè)網(wǎng)站的地址，那么建議可以通過(guò)webview的方式來(lái)打開(kāi)，使用webview的方法：
- 在網(wǎng)站后臺(tái)
小程序-常規(guī)設(shè)置-web-view域名選項(xiàng)添加需要使用webview打開(kāi)的域名； - 進(jìn)入小程序官方后臺(tái)配置「業(yè)務(wù)域名」：
開(kāi)發(fā)與服務(wù)-開(kāi)發(fā)管理-開(kāi)發(fā)設(shè)置-業(yè)務(wù)域名，微信小程序用戶需要先在左下角小程序名稱-賬號(hào)設(shè)置-第三方設(shè)置-第三方平臺(tái)授權(quán)管理里面停止與WPCOM的授權(quán)才能設(shè)置webview域名，不過(guò)這個(gè)是沒(méi)有影響的，因?yàn)槭跈?quán)僅在提交代碼流程的時(shí)候要用到；
文章/頁(yè)面以webview的形式打開(kāi)
此場(chǎng)景適合文章或者頁(yè)面里面有較多復(fù)雜樣式或者功能模塊的情況使用，例如我們主題可視化編輯器做出來(lái)的頁(yè)面就無(wú)法直接在小程序里面渲染，需要采用此方法瀏覽。
設(shè)置方法：
- 同上，需要進(jìn)入小程序官方后臺(tái)配置「業(yè)務(wù)域名」：
開(kāi)發(fā)-開(kāi)發(fā)管理-開(kāi)發(fā)設(shè)置-業(yè)務(wù)域名； - 后臺(tái)編輯文章或者頁(yè)面的時(shí)候，在頁(yè)面下方找到
設(shè)置選項(xiàng)-小程序設(shè)置-web-view網(wǎng)頁(yè)鏈接選項(xiàng)，填寫(xiě)當(dāng)前頁(yè)面地址（當(dāng)然你也可以設(shè)置其他希望打開(kāi)的頁(yè)面）即可。
三、手動(dòng)給鏈接設(shè)置小程序路徑
對(duì)于無(wú)法自動(dòng)匹配的站內(nèi)鏈接（例如分類、標(biāo)簽等），也可以通過(guò)手動(dòng)給鏈接指定小程序跳轉(zhuǎn)路徑的方式來(lái)解決。
- 首先我們按照正常的方式在文章里面插入一個(gè)鏈接；
- 然后切換到html模式：經(jīng)典編輯器可點(diǎn)擊編輯器右上角的
文本，區(qū)塊編輯器可點(diǎn)擊當(dāng)前區(qū)塊工具欄右邊的更多>作為HTML編輯，如圖：
- 在HTML模式下，給對(duì)應(yīng)鏈接的a標(biāo)簽增加跳轉(zhuǎn)屬性
data-miniurl，例如我們要跳轉(zhuǎn)到問(wèn)答頁(yè)面：data-miniurl="/pages/question/index"（小程序路徑信息參考文檔最下方常見(jiàn)問(wèn)題：JustWeapp文檔、TheBiz文檔），完整代碼：<p>這是一個(gè)測(cè)試<a href="/" data-miniurl="/pages/question/index">鏈接地址</a></p> - 添加完成后即可切換會(huì)可視化模式編輯了：經(jīng)典編輯器右上方
可視化，區(qū)塊編輯器點(diǎn)擊工具欄的更多>可視化編輯；
此方法添加的鏈接如果在可視化模式修改了鏈接的話可能會(huì)導(dǎo)致添加的小程序路徑丟失，如需修改鏈接的話建議切換回HTML模式編輯，或者直接使用自定義HTML區(qū)塊添加。
四、打開(kāi)另一個(gè)小程序
如果對(duì)應(yīng)鏈接剛好有匹配的另一個(gè)小程序頁(yè)面，可通過(guò)此方法來(lái)打開(kāi)。
操作方法可以參考上面三、手動(dòng)給鏈接設(shè)置小程序路徑的說(shuō)明，區(qū)別在于鏈接的跳轉(zhuǎn)屬性是data-平臺(tái)字段，其中平臺(tái)字段是考慮到我們小程序支持多個(gè)平臺(tái)，然而不同平臺(tái)是無(wú)法互相跳轉(zhuǎn)的，需要每個(gè)平臺(tái)單獨(dú)添加，對(duì)于沒(méi)有添加跳轉(zhuǎn)屬性的平臺(tái)，會(huì)按a標(biāo)簽?zāi)J(rèn)鏈接處理。
以下是不同平臺(tái)對(duì)應(yīng)的平臺(tái)字段：
| 微信 | 百度 | 字節(jié) | 支付寶 | |
|---|---|---|---|---|
| weapp | swan | toutiao | alipay |
例如針對(duì)微信小程序的跳轉(zhuǎn)屬性就是data-weapp。
然后屬性里面的值是小程序APPID（百度小程序是appKey）和跳轉(zhuǎn)路徑組成，格式是：APPID::跳轉(zhuǎn)路徑，以兩個(gè)英文冒號(hào)分割。
所以綜合起來(lái)，我們以打開(kāi)JustWeapp演示小程序首頁(yè)為例，最終添加的屬性是這樣的：data-weapp="wx80d98a9e3948df39::/pages/index/index"，代碼示例：
<p>這是一個(gè)測(cè)試<a href="/" data-weapp="wx80d98a9e3948df39::/pages/index/index">鏈接地址</a></p>微信小程序短鏈接
除了使用APPID和路徑的方式打開(kāi)以外，微信小程序還可以支持短鏈接的方式打開(kāi)。上面的data-weapp屬性也可以直接填寫(xiě)小程序短鏈接，例如：
<p>這是一個(gè)測(cè)試<a href="/" data-weapp="#小程序://WPCOM企業(yè)版/kjpljKJpEDDdeYe">鏈接地址</a></p>微信小程序短鏈接可以通過(guò)【小程序菜單】->【復(fù)制鏈接】獲取。
五、打開(kāi)微信視頻號(hào)
新版可支持打開(kāi)視頻號(hào)主頁(yè)和視頻號(hào)視頻。
操作方法可以參考上面三、手動(dòng)給鏈接設(shè)置小程序路徑的說(shuō)明，區(qū)別在于鏈接的跳轉(zhuǎn)屬性是data-channels，微信視頻號(hào)功能僅支持微信小程序，對(duì)于其他平臺(tái)會(huì)按a標(biāo)簽?zāi)J(rèn)鏈接處理。
data-channels屬性的格式是視頻號(hào)ID::視頻feedId，以兩個(gè)英文冒號(hào)分割；如果僅打開(kāi)視頻號(hào)主頁(yè)則屬性為視頻號(hào)ID。關(guān)于視頻號(hào)ID和視頻feedId獲取方法可以參考官方文檔：https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/channels-activity.html
六、采用復(fù)制鏈接的方式
對(duì)于以上方法無(wú)法一一覆蓋的鏈接，我們最后推薦可以使用復(fù)制鏈接到瀏覽器打開(kāi)的方式，可在后臺(tái)小程序-常規(guī)設(shè)置-開(kāi)啟鏈接復(fù)制選項(xiàng)開(kāi)啟。不過(guò)部分平臺(tái)在審核的時(shí)候偶爾會(huì)以誘導(dǎo)用戶的理由不給通過(guò)，此時(shí)可以先關(guān)閉此選項(xiàng)提審，等通過(guò)后再開(kāi)啟即可。
