微信雖然推出了微信開放标簽可以實作h5跳轉小程式。
但是,開發者在使用之前要在公衆号設定JS接口安全域名,不僅限制個數還限制修改次數,而且在使用之前還得擷取access_token、ticket等計算signature傳入config,非常麻煩。
怎麼解決這個問題呢?
使用雲開發靜态托管可以免鑒權的跳轉任意合規小程式。
傳統公衆号開發
靜态網站托管

靜态網站托管是雲開發為開發者提供的 Web 資源托管服務,網站的靜态資源(HTML、JavaScript、CSS、圖檔、音頻、視訊等)可以托管在該服務上,并享有以下能力:
預設域名:獲得對應雲環境的唯一專屬預設域名,通過域名可通路靜态資源,域名可以用于測試或線上使用
自定義域名:你也可以綁定自己域名,綁定後自己的域名可通路靜态網站資源
程式 webview:小程式不用配置業務域名即可在 打開雲開發靜态網站托管的域名(僅支援能夠使用 标簽的小程式
CDN 加速
可以免鑒權直接打開小程式:非個人主體的認證的小程式,使用靜态網站托管的網頁,可以免鑒權跳轉任意合法合規的小程式,
微信開發者工具
非個人主體認證的小程式
開通雲開發(按量計費)
開通雲開發:https://console.cloud.tencent.com/tcb?tdl_anchor=techsite
在微信開發者工具中點選雲開發,根據提示步驟快速開通,注意選擇按量計費環境。
上一步開通後進入雲開發控制台->更多->靜态網站,根據提示開通靜态網站托管。此處需要等待幾分鐘服務初始化。
根據官方的demo結合微信開放标簽文檔修改
将編寫好的html檔案上傳至靜态托管
擷取url位址點選檔案右側的詳情按鈕,即可看到下載下傳位址,複制到微信裡通路就可以看到跳轉按鈕。
使用該功能必須是非個人主體認證的小程式。
按量計費的雲開發環境才可以開通靜态網站托管。
使用的是username屬性(小程式的原始id)而不是appId。
path屬性,所聲明的頁面路徑必須添加.html字尾,如pages/home/index.html。
目前靜态網站僅支援h5跳轉小程式開放标簽權限,其餘jssdk接口暫不支援。
微信網頁開發開放标簽(https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_Open_Tag.html)
小程式·雲開發靜态網站(https://developers.weixin.qq.com/miniprogram/dev/wxcloud/guide/staticstorage/introduction.html)
以上便是使用小程式·雲開發靜态網站實作免鑒權H5跳轉小程式的方法,極大的節省了開發時間,快去試試吧!
雲開發(Tencent CloudBase,TCB)是騰訊雲提供的雲原生一體化開發環境和工具平台,為開發者提供高可用、自動彈性擴縮的後端雲服務,包含計算、存儲、托管等serverless化能力,可用于雲端一體化開發多種端應用(小程式,公衆号,Web 應用,Flutter 用戶端等),幫助開發者統一建構和管理後端服務和雲資源,避免了應用開發過程中繁瑣的伺服器搭建及運維,開發者可以專注于業務邏輯的實作,開發門檻更低,效率更高。