path ????? ?? ??? ?????. env_version ????? ??? ?? ??? ????. ?? ??? ?? ???? ???. ??? ??? ??? weapp ??? ??? ?????. ??????????? URL ??, ? https://wxaurl.cn/pFawq35qbfd ? ?? ??? ??WeChat ?????? ?? ???? [?? ??]?? ?????. env_version? [?? ??] ?? [?? ??]? ???? ?? ?? ??? ??? ??????? ????? ???? ???????? ??? ???. ?????????? OPPO ?? ?????? ??(?? ?? ??) "????? ? ??? ?????"?? ???? ?????. ????? ?? ??? ?????...??
第三種：在自定義H5頁面嵌入微信標(biāo)簽
這種適用于運行在微信環(huán)境的自定義H5頁面，將跳轉(zhuǎn)按鈕融合在自研H5應(yīng)用，點擊按鈕后跳轉(zhuǎn)指定小程序頁面。
- 需要
js-sdk-1.6.0以上才支持 （https://res.wx.qq.com/open/js/jweixin-1.6.0.js） - 在
wx.config中增加openTagList（開放標(biāo)簽列表）
openTagList（開放標(biāo)簽列表）目前支持配置：
- wx-open-launch-weapp - 指H5跳轉(zhuǎn)小程序
- wx-open-launch-app - 指H5跳轉(zhuǎn)app
- wx-open-subscribe - 服務(wù)號訂閱通知按鈕
- wx-open-audio - 音頻播放
HTML標(biāo)簽示例" >?? ????
第三種：在自定義H5頁面嵌入微信標(biāo)簽
這種適用于運行在微信環(huán)境的自定義H5頁面，將跳轉(zhuǎn)按鈕融合在自研H5應(yīng)用，點擊按鈕后跳轉(zhuǎn)指定小程序頁面。
- 需要
js-sdk-1.6.0以上才支持 （https://res.wx.qq.com/open/js/jweixin-1.6.0.js） - 在
wx.config中增加openTagList（開放標(biāo)簽列表）
openTagList（開放標(biāo)簽列表）目前支持配置：
- wx-open-launch-weapp - 指H5跳轉(zhuǎn)小程序
- wx-open-launch-app - 指H5跳轉(zhuǎn)app
- wx-open-subscribe - 服務(wù)號訂閱通知按鈕
- wx-open-audio - 音頻播放
HTML標(biāo)簽示例
H5 ????? ?? ????(???? ?? ??)?? ???? ?? ? ?? ?? ???? ?? ???? ?????.
Jan 22, 2022 am 09:43 AM
H5 ????? ?? ?????? ??? ?????? ?? ????? H5 ????? ?? ?????? ???? ?? ?? ?? ???? ???? ?? ??? ?? ??? ?????. ???? ??? ??? ????.
?? ?????? H5 ??? ?? ??? ????? ?????. ???? ?? ????? ??? ????.
??? ????? ???? ?? SMS? ?? ??? ????. => ?? ????? ??? ???
?? H5 ?? ?? ????? ?? ???? ???????~
?? ???
?? H5 ?? ?? ???? ??? ?? ???? ?? ???? ??? ?? ?? ??? ? ????. ?? ?? ???? ??? ??? ? ?? ????? ? ?????. ?? ??? ???????. [?? ?? ??: Mini ???? ?? ????]
? ?? ??: URL Scheme
?? ?????? ????? ??? H5 ???? ????, URL Scheme? ???? WeChat? ??? ??? ??? ???. -???? ????.
?? ????? URL Scheme
????? ???? ??? ?? ??? ???? ??? ?? ???? ?? ? ????. ??? ??? ?? ???? ??? ???? ?????. ??? ?? ????? ???~?? ????? ??? ????? URL Scheme? ??? ???? ?? ????? ???? ?? ?? URL ???? ?? ????? ?? ?? ???? ?? ??
"??"-"URL ??? ??" ??? ?? ?? ? ????. ????? ??? [?? ???? ?? ??? - ?? - URL Scheme ??] ???
openWeapp() {
location.href = 'weixin://dl/business/?t=xxxxxx'
}??? ??? WeChat ?? ??? ?????. ? ?? ??: WeChat? ?? ??(URL ??)? ?? ??????? H5 ???? ?? ?? ?? ??? ?? ???? ? ?????. ???? ??? ?? ?? ?? ???? ???? ??? ? ????.??? ?? WeChat? ?? H5 ?? ???? ?????(H5 ?? ???? ??? ??? ?? ??). ?? ??? ?? ??? ?? ?? ????? ?? ??????? ?? ??? ????? ?? ????.
URL Link 的方式
通過服務(wù)端接口可以獲取打開小程序任意頁面的 URL Link
具體細(xì)節(jié)可參考微信官方文檔。
踩坑記錄
調(diào)微信生成 URL Link 的接口中，參數(shù)
path只認(rèn)正式版，雖然有env_version這個環(huán)境變量，然而并沒有用（也就是說設(shè)定的path必須是正式版已經(jīng)存在的，否則會報：invalid weapp pagepath）。生成的 URL Link，也就是
https://wxaurl.cn/pFawq35qbfd這種短鏈在微信環(huán)境中打開只會跳【正式版】，即使你的env_version? ?? ?? /urllink.generate.html" target="_blank" rel="nofollow noopener noreferrer" ref="nofollow noopener noreferrer">?? ??????? ????? ?? ???? ? ? ?? URL ??? ?? ? ????- ??? ??? WeChat ?? ??
.
?? ????
第三種：在自定義H5頁面嵌入微信標(biāo)簽
這種適用于運行在微信環(huán)境的自定義H5頁面，將跳轉(zhuǎn)按鈕融合在自研H5應(yīng)用，點擊按鈕后跳轉(zhuǎn)指定小程序頁面。
- 需要
js-sdk-1.6.0以上才支持 （https://res.wx.qq.com/open/js/jweixin-1.6.0.js） - 在
wx.config中增加openTagList（開放標(biāo)簽列表）
wx.config({
debug: true, // 開啟調(diào)試模式,調(diào)用的所有api的返回值會在客戶端alert出來，若要查看傳入的參數(shù)，可以在pc端打開，參數(shù)信息會通過log打出，僅在pc端時才會打印
appId: '', // 必填，公眾號的唯一標(biāo)識
timestamp: , // 必填，生成簽名的時間戳
nonceStr: '', // 必填，生成簽名的隨機串
signature: '',// 必填，簽名
jsApiList: [], // 必填，需要使用的JS接口列表
openTagList: [] // 可選，需要使用的開放標(biāo)簽列表，例如['wx-open-launch-app']
});openTagList（開放標(biāo)簽列表）目前支持配置：
- wx-open-launch-weapp - 指H5跳轉(zhuǎn)小程序
- wx-open-launch-app - 指H5跳轉(zhuǎn)app
- wx-open-subscribe - 服務(wù)號訂閱通知按鈕
- wx-open-audio - 音頻播放
HTML標(biāo)簽示例
<div class="module-wrap">
<div class="module-A">
...
</div>
<wx-open-launch-weapp
id="launch-btn"
username="gh_xxxxxxxx"
path="pages/home/index?user=123&action=abc"
>
<script type="text/wxtag-template">
<style>.btn { padding: 12px }</style>
<button class="btn">打開小程序</button>
</script>
</wx-open-launch-weapp>
</div>
詳細(xì)可參考微信官方文檔。
注意要點
- 使用該功能必須是非個人主體認(rèn)證的小程序。
- 只能跳已發(fā)布的【正式版】小程序，不能跳【體驗版】或【開發(fā)版】。
-
path屬性，官方文檔一般是pages/home/index?user=123&action=abc這種示例，但實際使用可能會報頁面不存在，需要在所聲明的頁面路徑后添加.html后綴，如pages/home/index.html，有毒。
最后
好了，關(guān)于H5跳轉(zhuǎn)小程序的場景就聊到這里了，希望能給大家?guī)韼椭?，大家有遇到其他啥坑點也可以留言一起交流~
更多編程相關(guān)知識，請訪問：編程視頻?。?/p>
? ??? H5 ????? ?? ????(???? ?? ??)?? ???? ?? ? ?? ?? ???? ?? ???? ?????.? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!
? AI ??
Undress AI Tool
??? ???? ??
Undresser.AI Undress
???? ?? ??? ??? ?? AI ?? ?
AI Clothes Remover
???? ?? ???? ??? AI ?????.
Clothoff.io
AI ? ???
Video Face Swap
??? ??? AI ?? ?? ??? ???? ?? ???? ??? ?? ????!
?? ??
??? ??
???++7.3.1
???? ?? ?? ?? ???
SublimeText3 ??? ??
??? ??, ???? ?? ????.
???? 13.0.1 ???
??? PHP ?? ?? ??
???? CS6
??? ? ?? ??
SublimeText3 Mac ??
? ??? ?? ?? ?????(SublimeText3)
Python? ???? WeChat ??? ??
Jun 17, 2023 pm 06:34 PM
??? ??? ??? ????? ???? ?? WeChat? ???? ?? ???? ?? ??????? ?????. WeChat ?? ????? ???? ???? ??????? ?????? ???? ??? ?? ????? ?? ???? ? ?? ??? ?? ??? ??? ? ????. ? ????? Python? ???? WeChat ???? ???? ??? ?????. 1. ?? Python? ???? WeChat ???? ???? ?? ?? Python ?????? ???? ???. ???? wxpy? itchat ? ?????? ???? ?? ????. wxpy? ?? ?????
WeChat ?? ?????? ?? ??? ?? ??
Nov 21, 2023 am 10:55 AM
WeChat ?? ?????? ?? ??? ?? ?? WeChat ?? ?????? ?? ??? ??? ???? ?? ??? ??? ????? ?? ??? ??? ???? ? ?? ???? ????? ?????. ??? WeChat ????? ?? ??? ??? ???? ??? ??? ???? ?? ?? ??? ?????. ??, ?? ????? ??? ???? ??? ? ?? ?? ??? ???? ???. ??? ?? ??? ???? ?? ??? ?? ??? ?? ??? ???? ?? ????. <--index.wxml- ->&l
Alipay, ?? ?? ?????? ???? ???? '?? ??-?? ??' ?? ???? ??
Oct 31, 2023 pm 09:25 PM
10? 31? ? ???? ??? ??? ?? 5? 27? Ant Group? '?? ?? ????'? ????? ????? ?? ??? ??? ?????. Alipay? '?? ?? - ??? ?? ??' ?? ????? ??????. ?? ???? ?? ??? ?????? ???? ?? ???? ?? ??? ?? ??? ???? Alipay? ?? ??? ?? ??? ???? ? ??? ???. ?? ???? "????", "????" ?? ???? ???? "????" ???? ??? ? ????. ?? ?????? ???? ????? ?? ? ???? ?? ?? ??? ??? ??? ? ??? ?? ? Alipay ????? ?? ?????? ?? ??? ?????. ? ??????? ?? ??????? ?? ?? ?? ?? ??? ??? ? ??? ?????. ? ?? ??? ??? ???? ?? ??? ?? ???????. ??? ??
?? ????? ??? ? ????
Dec 29, 2022 am 11:06 AM
?? ????? ??? ??? ? ????. ?? ??: 1. "react-reconciler"? ???? ???? ???? DSL? ?????. 2. DSL? ?? ???? ????? ?? ?? ???? ?? ??? ????. 3. npm? ???? ???? ?????. ???? npm? ?????. 4. ??? ???? ???? ??? ?? API? ???? ??? ?????.
uniapp? ?? ????? H5 ?? ?? ??? ???? ??
Oct 20, 2023 pm 02:12 PM
???? ?? ????? H5 ??? ??? ????? ???? ?? ??? ?????. ?? ??? ???? ??? ????? ???? ?? ?? ????? H5? ?? ?????? ??? ?????. ??? ??? ?? ?????? uniapp? ?? ??? ???? ?? ????? H5 ?? ??? ???? ???? ?? ???? ?? ???? ? ????. ? ????? uniapp? ?? ????? H5 ?? ??? ??? ???? ??? ???? ???? ?? ??? ?????. 1. ??? ??? ??
?? ?????? ?? ?? ??? ???? ???? ??? ?????(?? ???? ??).
Nov 04, 2022 pm 04:53 PM
?? ?? ?? ?? ????? ??? ? ?? ??? ?? ????, ?? ?????? ?? ?? ??? ???? ???? ??? ?? ???????.
Python?? ??? ?? ???? ?? ????
May 08, 2023 pm 06:37 PM
?? ???? x01 ?? ?? ??, ?? ???? ??? ???? ???? ?????. ?? ??? ??? ??? ? ???? ?? ??? ?? ? ??? ?????. ?? ???? ???? ???? ??? ?? ??? ?????. x02 ?????? ??? ???? ?? ?????. ?????? ??? ???? ??? ?? ???? ?? ??? ???? ?????. ??? ??? ??? ????? ????? ??? ? ?? ???? ???? ???. ??? ??? ?? ???? ?? ??? ??? ?? ?????. ????, ??
PHP? ?? ????? ??? ??? ?? ?? ? ?? ??
Jul 04, 2023 pm 04:01 PM
PHP ? ?? ????? ??? ?? ?? ? ?? ?? ??? ?? ?? ? ?? ??? ?? ???? ??? ?? ? ??? ?????. ??? ??? ??? ?? ?? ?? ? ?? ??? ?? ???? ??? ???? ????. ?? ???? PHP? ???? ? ?? ???? ?? ?????. ? ????? PHP ? ?? ?????? ??? ?? ?? ? ?? ?? ?? ??? ???? ?? ?? ??? ?????. 1. PHP? ???? PHP??? ?? ????? ??? ? ????.
