H5打開微信小程序，運營人的「小心機」讓它看上去更「官方」

微信開放社區有一個長青帖「微信 H5 頁面可以直接跳轉到小程序嗎？」

這個帖子 2018 年 7 月 9 日建立，在發帖當天得到官方工作人員回覆「H5 不支持跳轉到小程序」後，發帖人記錄下了工作人員回覆時間，尚未支持該功能。之後，諸多來此帖詢問同樣功能的開發者也都會在問題後面加上日期「請問現在可以了嗎，2020 年 X 月 X 日？」

▲ 打卡等回覆

對這個問題好奇的人一直都有，且很多。但直到今年 8 月，諸多提問者才收到了一個不同的回答：「微信內網頁才可以。」

今年 7 月，H5 跳轉小程序的能力公測，開發者只需要在 H5 內使用「微信開放標籤」，用户點擊標籤就能跳轉至小程序。

雖然需要在微信內置的網頁中才能打開小程序，但對於期待此功能已久的開發者來説，這個功能已經很夠用了，還有開發者用了一些小手段，讓這個功能更無門檻，也更好偷懶。

就比如我們最近發現的一個應用案例，開發者就模仿了微信小程序分享朋友圈的樣式使用了微信開放標籤的能力。唯一不同的是，朋友圈打開小程序在點擊開放標籤後即可直接打開小程序，H5 則是在點擊開放標籤後還需要由用户確認後才能真正前往小程序。

和朋友圈打開小程序用同樣的頁面設計樣式，這不只是合規「偷懶」，在用户認知上也更好培養用户的使用習慣。這樣的小心機，其實非常好實現。

想要實現這樣的跳轉效果，只需要在頁面中添加一個特殊的標籤：

<wx-open-launch-weapp> //小程序跳轉按鈕

具體的代碼實現：

  id="launch-btn" 
  username="gh_****" 
  path="/pages/xxx">