前言:在上篇文章我們講到了具體如何實現(xiàn)H5跳轉(zhuǎn)小程序的方法鼓黔,給出了一些參考的相關(guān)文檔,并也闡述了一些需要注意的事項和自己踩坑的一些記錄玉转。此文章更通俗的講解h5跳轉(zhuǎn)小程序的場景(詳細分為外部h5跳小程序和微信內(nèi)部h5跳小程序)芍耘,以及跳轉(zhuǎn)的方式,更好的理解上一篇文章队寇。
一、微信內(nèi)部h5跳轉(zhuǎn)小程序
微信內(nèi)部h5跳轉(zhuǎn)小程序是通過<wx-open-launch-weapp></wx-open-launch-weapp>
標簽實現(xiàn)的章姓,具體步驟就如上篇文章介紹如此佳遣,詳細請看微信js-sdk實現(xiàn)H5跳轉(zhuǎn)小程序<一>
二识埋、外部h5跳轉(zhuǎn)小程序
獲取 URL Scheme官方文檔:https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/url-scheme.html
今天的重點就是講述外部h5跳轉(zhuǎn)小程序的步驟,他是通過URL Scheme短鏈去進行跳轉(zhuǎn)的零渐,此鏈接同時也可以通過短信跳轉(zhuǎn)窒舟,及其方便,當然業(yè)務(wù)上最好是通過某個h5中轉(zhuǎn)頁進行實現(xiàn)诵盼,例如惠豺,先從短信調(diào)轉(zhuǎn)h5,再從h5跳轉(zhuǎn)小程序风宁。下面介紹 URL Scheme 生成的兩種方式
1. 小程序后臺生成洁墙,我也是無意間發(fā)現(xiàn)小程序后臺能生成URL Scheme 鏈接,具體方式以及傳參方式看圖
注意:傳參時需要注意小程序不識別中文戒财,需要
incodeURIComponent
編碼一次热监,同時在小程序pages/index/iundex
在onLoad
生命周期函數(shù)中去接收參數(shù)即可,接受參數(shù)后可以通過decodeURIComponent
對中文進行解碼通過 weixin://dl/********/?t=**** 格式的鏈接即可跳轉(zhuǎn)指定小程序頁面
2. 通過后端服務(wù)端接口去請求相關(guān)數(shù)據(jù)饮寞,返回短鏈(一般正常業(yè)務(wù)都是用此方法)
此方法主要核心部分在服務(wù)端孝扛,需要服務(wù)端請求官方接口,傳入指定參數(shù)幽崩,獲取到正確的 url schemel 鏈接苦始,需要注意的是,此時小程序接受的參數(shù)需要后端進行傳參歉铝,跳轉(zhuǎn)的小程序的頁面也就通過onload正常接受參數(shù)即可