現在微信開放程度比較寬松了，所以web頁面跳轉小程序需求很大，先來預覽一下：

?

?

接下來咱們看看怎么實現：

1、需要引入微信jssdk：

http://res.wx.qq.com/open/js/jweixin-1.6.0.js(支持https)

需要使用到js-sdk-1.6.0的版本才有支持

2、在頁面中配置信息：

wx.config({// debug: true, // 調試時可開啟appId: '小程序 AppID', // <!-- replace -->timestamp: 0, // 必填，填任意數字即可nonceStr: 'nonceStr', // 必填，填任意非空字符串即可signature: 'signature', // 必填，填任意非空字符串即可jsApiList: ['chooseImage'], // 必填，隨意一個接口即可 openTagList:['wx-open-launch-weapp'], // 填入打開小程序的開放標簽名})

3、html添加微信支持的開放標簽，就是config中openTagList?支持的

<div class="content"><wx-open-launch-weapp id="launch-btn" username="小程序的原始ID（gh_****）" path="落地頁"><template><style>.abtn {width: 100%;height: 381px;display: block;margin: 0 auto;}</style><button>跳轉小程序</button><div class="abtn"></div></template> </wx-open-launch-weapp></div>

參考資料：

https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_Open_Tag.html

歡迎大家關注公眾號：

總結

以上是生活随笔為你收集整理的web页面跳转微信小程序的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。