在H5案例中常常會有這樣一種場景,咱們打開一個案例進行一些操做後須要把案例的連接轉發給別人,而且但願對方不是簡單的打開案例,而是可以根據咱們在案例中的操做直接顯示出對應的信息。這時,就須要咱們設置H5的分享參數。就是說咱們發給對方的案例連接中是帶有一些參數的,案例在初始化時會讀取這些參數,並根據參數的值不一樣執行不一樣的操做。接下來咱們就說一下具體的步驟。
1.首先咱們須要再前臺下添加一個微信公衆號組件和一個系統界面組件。
2.而後demo中是給文本添加了一個點擊事件來設置微信公衆號組件的屬性,分享URL一項數據綁定先選擇系統的當前URL,再在後面輸入+"&name=李雷&age=23"。最後讓系統界面顯示提示語,提示用戶設置成功。
這個設置屬性其實也是設置咱們分享給好友後,在聊天框中顯示的分享名片的樣式,標題和描述是文本內容,截圖要填入圖片的URL地址。也能夠選擇在微信公衆號的屬性欄裏設置。
3.接下來給頁面添加一個顯示事件,當頁面顯示的時候讓系統獲取當前URL參數,而且將URL參數「name」輸出到文本變量name,URL參數「age」輸出到文本變量age。而後作一個條件判斷,文本變量name的值是否爲空,若是爲空說明案例的URL中並無參數,也就不須要執行什麼操做,若是不爲空則說明URL中是有參數的,咱們就讓系統界面顯示一個彈窗將URL參數的值拼接到字符串中展現出來,效果以下。
總結
設置H5參數自己是很簡單的,可是咱們能夠用它實現很是多的功能,由於有參數就能夠傳遞信息,對參數進行條件判斷從而執行不一樣的條件分支,同一個案例也就能夠有各類各樣的打開方式。總之功能都是死的,可是使用功能的方式方法是多樣的,咱們要努力去培養這種能力。微信