瀏覽器HTML5頁面或短信鏈接如何調(diào)用喚起微信小程序(URL?Scheme)?
介紹
- 背景:用于實(shí)現(xiàn)外部H5頁面中實(shí)現(xiàn)打開微信小程序的功能(微信內(nèi)打開請使用微信開放標(biāo)簽方式),用戶在網(wǎng)頁中一鍵喚起小程序,能夠給用戶提供更好的體驗(yàn)。采用的技術(shù)是URL Scheme,是微信小程序后臺(tái)生成一種地址,適用于從短信、郵件、微信外網(wǎng)頁等場景打開小程序任意頁面,即點(diǎn)擊微信外部鏈接,喚起微信,打開中轉(zhuǎn)頁面,從中轉(zhuǎn)頁面進(jìn)入小程序。通過URL Scheme打開小程序的場景值為 1065。
- 整體思路:前端調(diào)用后端接口,后端調(diào)用微信接口生成Url Scheme返回給前端,前端得到Url Scheme后,打開該鏈接即可實(shí)現(xiàn)跳轉(zhuǎn)
生成的 URL Scheme 如下所示
location.href = 'weixin://dl/business/?t=SagndxolUds'

獲取 URL Scheme
自 2023 年 12 月 19 日起,對URL Scheme進(jìn)行升級(jí),詳細(xì)調(diào)整說明可見《URL Scheme 和 URL Link優(yōu)化公告》。改動(dòng)點(diǎn)概覽如下:
支持開發(fā)者在原有加密 URL Scheme 后面拼接參數(shù);
新增明文 URL Scheme,開發(fā)者無需調(diào)用接口可自行拼接生成明文Scheme;
取消 URL Scheme 一人一鏈的限制,支持同一條連接被多名用戶訪問;
每個(gè)小程序每天 URL Scheme 和 URL Link 總打開次數(shù)上限為300萬。
操作步驟
開發(fā)前的準(zhǔn)備工作
必須是企業(yè)的小程序
- 獲取AppID,也就是小程序唯一憑證,可在微信公眾平臺(tái) - 設(shè)置 - 開發(fā)設(shè)置」頁中獲得。(需要已經(jīng)成為開發(fā)者,且?guī)ぬ?hào)沒有異常狀態(tài))
- 獲取AppSecret,也就是小程序唯一憑證密鑰
關(guān)于URL Scheme
微信官方文檔:https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/url-scheme.html
后端
- 代碼邏輯:后端調(diào)用微信接口獲取access_token,在用獲取access_token去調(diào)用微信接口生成URL Scheme,在將URL Scheme返回給前端
獲取access_token
微信官方文檔https://developers.weixin.qq.com/miniprogram/dev/api-backend/open-api/access-token/auth.getAccessToken.html
- 請求地址
GET https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=APPID&secret=APPSECRET
- 參數(shù)列表:
| 參數(shù) | 含義 |
|---|---|
| grant_type | 固定為client_credential |
| appid | 小程序唯一憑證,即 AppID |
| secret | 小程序唯一憑證密鑰,即 AppSecret |
- 得到以下數(shù)據(jù)說明成功:
{"access_token": "56_iut0Umy6*********wERTaAHAVIK", "expires_in": 7200}
生成URL Scheme
微信官方文檔:https://developers.weixin.qq.com/miniprogram/dev/api-backend/open-api/url-scheme/urlscheme.generate.html
- 請求地址
POST https://api.weixin.qq.com/wxa/generatescheme?access_token=ACCESS_TOKEN
- 參數(shù)列表:
| 參數(shù) | 含義 |
|---|---|
| access_token | 接口憑證 |
- 得到以下數(shù)據(jù)說明成功:
{
"errcode": 0,
"errmsg": "ok",
"openlink": "weixin://dl/business/?t=SagndxolUds"
}
此時(shí)已經(jīng)拿到了openlink ,也就是URL Scheme,將該信息返回前端即可
前端
請求后端接口拿到URL Scheme,然后已URL形式打開即可,該方式僅支持手機(jī)瀏覽器,如果是微信瀏覽器則需要使用(微信開放標(biāo)簽)方式
<a href="weixin://dl/business/?t=SagndxolUds" rel="external nofollow" >打開小程序</a>
href 綁定的是 URL Scheme 地址。
備注筆記
頻率限制
生成端:每天生成 URL Scheme(加密+明文) 和 URL Link 的總數(shù)量上限為50萬;
打開端:每天通過 URL Scheme(加密+明文) 和 URL Link 打開小程序的總次數(shù)上限為300萬。
注意事項(xiàng)
微信內(nèi)的網(wǎng)頁如需打開小程序請使用微信開放標(biāo)簽-小程序跳轉(zhuǎn)按鈕,無公眾號(hào)也可以直接使用小程序身份開發(fā)網(wǎng)頁并免鑒權(quán)跳轉(zhuǎn)小程序,見云開發(fā)靜態(tài)網(wǎng)站跳轉(zhuǎn)小程序。符合開放范圍的小程序可以下發(fā)支持打開小程序的短信
該功能基本覆蓋當(dāng)前用戶正在使用的微信版本,開發(fā)者無需進(jìn)行低版本兼容
只能生成已發(fā)布的小程序的 URL Scheme
通過 URL Scheme 跳轉(zhuǎn)到微信時(shí),可能會(huì)觸發(fā)系統(tǒng)彈框詢問,若用戶選擇不跳轉(zhuǎn),則無法打開小程序。請開發(fā)者妥善處理用戶選擇不跳轉(zhuǎn)的場景
部分瀏覽器會(huì)限制打開網(wǎng)頁直接跳轉(zhuǎn),可參考示例網(wǎng)頁設(shè)置跳轉(zhuǎn)按鈕
平臺(tái)有安全策略防止開發(fā)者的鏈接被黑灰產(chǎn)批量打開,導(dǎo)致的達(dá)到訪問上限無法正常打開小程序的問題
開放范圍
針對非個(gè)人主體小程序開放。
總結(jié)
在微信生態(tài)系統(tǒng)中,H5(HTML5)頁面與微信小程序之間的交互是常見且重要的功能。這一功能使得用戶在瀏覽H5網(wǎng)頁時(shí)可以無縫地切換到微信小程序,享受更豐富的服務(wù)和體驗(yàn)。
到此這篇關(guān)于瀏覽器HTML5頁面或短信鏈接如何喚起微信小程序(URL Scheme)?的文章就介紹到這了,更多相關(guān)HTML5或短信鏈接打開微信小程序內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
最新IntelliJ IDEA 2020.2永久激活碼(親測有效)
今天一大波朋友反饋idea2020激活碼失效的問題,小編快馬加鞭給大家找到解決方案,本文以IDEA 2020.2.4激活碼破解教程為例給大家詳細(xì)介紹,需要idea2020激活碼的朋友快來參考下本文吧2020-11-11
分別使用vue和Android實(shí)現(xiàn)長按券碼復(fù)制功能
最近分別用vue和Android實(shí)現(xiàn)了一個(gè)券碼復(fù)制功能,長按券碼會(huì)在上方彈出一個(gè)拷貝的icon提示,點(diǎn)擊icon將券碼內(nèi)容復(fù)制到剪貼板。下面小編給大家?guī)韺?shí)現(xiàn)代碼,需要的朋友參考下吧2019-10-10
delphi使用Chilkat 組件和庫從SFTP下載文件的方法
這篇文章主要介紹了delphi使用Chilkat 組件和庫從SFTP下載文件的方法,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-08-08
聯(lián)邦學(xué)習(xí)FedAvg中模型聚合過程的理解分析
這篇文章主要為大家介紹了FedAvg中模型聚合過程的理解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-05-05
使用DeepSeek搭建個(gè)人知識(shí)庫(在筆記本電腦上)
本文介紹了如何在筆記本電腦上使用DeepSeek和開源工具搭建個(gè)人知識(shí)庫,通過安裝DeepSeek和RAGFlow,并使用CherryStudio進(jìn)行交互,可以實(shí)現(xiàn)本地文檔的解析和知識(shí)問答,雖然個(gè)人配置可以運(yùn)行,但在企業(yè)商用時(shí),需要考慮配置升級(jí)和數(shù)據(jù)集質(zhì)量的問題,感興趣的朋友一起看看吧2025-03-03
滑動(dòng)驗(yàn)證碼的設(shè)計(jì)與理解
這篇文章主要介紹了滑動(dòng)驗(yàn)證碼的設(shè)計(jì)與理解,本文通過實(shí)例代碼給大家介紹小網(wǎng)站是怎么設(shè)計(jì)的,代碼簡單易懂,需要的朋友可以參考下2019-08-08
MobaXterm詳細(xì)使用圖文教程(MobaXterm連接Linux服務(wù)器)
這篇文章主要介紹了MobaXterm詳細(xì)使用教程,介紹一下如何設(shè)置并用MobaXterm來連接Linux服務(wù)器,本文介紹了三種連接方式:SSH,F(xiàn)TP,serial,以及幾個(gè)有用的設(shè)置和命令,需要的朋友可以參考下2023-05-05

