[轉] 關於微信小程序、H5、公眾號、APP跳轉問題


17年1月微信小程序正式上線,18年小程序火爆了起來。2020年,短視頻興起,小程序風口已過,但小程序作為挖掘私域流量的重要流量入口,以流量大、開發門檻低、生態成熟的特點,仍然是許多ToC,ToG產品部署的首選容器。作為產品經理,對技術實現的方式不必深究,但了解微信小程序的生態和技術邊界,會有助於產品經理對產品設計和實現方式的把控。

對於微信小程序的生態和技術邊界,筆者會分期撰寫,敬請期待。

一、公眾號與小程序跳轉

1.1、公眾號跳小程序

  • 通過公眾號菜單欄設置小程序跳轉鏈接
  • 通過客服消息、訂閱消息、模版消息跳轉到小程序
  • 在公眾號文章中通過小程序碼或小程序卡片跳轉到小程序
  • 通過卡劵跳轉到小程序

注意事項:

1)跳轉的小程序必須與公眾號關聯
2)卡券跳轉方法要求必須有一個有卡券權限的公眾號和認證后的小程序、wx.addcard接口涉及的簽名中的api_ticket須傳入創建該卡券公眾號獲取到的ticket
3)自定義菜單一級菜單最多包括3個一級菜單,每個一級菜單最多包含5個二級菜單;一級菜單最多4個漢字,二級菜單最多7個漢字,超過部分以“…”代替

1.2、小程序跳公眾號

  • 使用official-account公眾號關注組件
  • 利用web-view跳轉到關聯公眾號的文章

注意事項:

1)使用official-account組件前,需要在小程序后台中設置要展示的公眾號(設置的公眾號需要與小程序主體一致)
2)只有當小程序從掃小程序碼場景打開、從聊天頂部場景中的[最近使用]內打開(若小程序之前未被銷毀,則該組件保持上一次打開小程序時的狀態)、從其他小程序返回小程序時,才具有引導關注公眾號組件的能力

二、小程序與H5跳轉

2.1、小程序跳H5

  • 通過web-view這個組件實現的。web-view 組件是一個可以用來承載網頁的容器,會自動鋪滿整個小程序頁面。但個人類型與海外類型的小程序暫不支持使用。

注意事項:

1)可直接打開關聯的公眾號的文章,其他H5網頁需要登錄小程序管理后台配置業務域名,即點擊 >登錄小程序->點擊開發->開發設置->業務域名
2)H5網頁內的iframe的域名也需要配置業務域名
3)業務域名最多可配置的數量限制為不超過20個
4)每個頁面只能有一個web-view
5)web-view具有緩存機制,確定H5內容后盡量不要頻繁更改H5內容
6)避免給定的H5鏈接中帶有中文字符,在iOS中會有打開白屏問題

2.2、H5跳小程序

  • 第一種直接點擊手機返回鍵,讓它自動根據層級返回;
  • 第二種可使用JSSDK提供的接口返回。

注意事項:

只有內嵌H5網頁才可以直接跳轉小程序(其實就是返回小程序),但只能返回到原來的小程序,不能跳轉到其他小程序。
  • 可以在H5頁面中加入小程序碼或小程序卡片,用戶可通過長按識別小程序碼或點擊小程序卡片從而跳轉到小程序。

三、小程序跳小程序:

注意事項:

  • 需要用戶觸發跳轉;
即日起,若用戶未點擊小程序頁面任意位置,則開發者將無法調用wx.navigateToMiniProgram接口自動跳轉至其他小程序。
  • 需要用戶確定確認跳轉
  • 需要在app.json文件中配置要跳轉的小程序appId
  • 源小程序與目標小程序不再需要綁定至同一個公眾號;即小程序可以跳轉至任意其他小程序,無需任何關聯或綁定。
  • 每個小程序可跳轉的其他小程序數量限制為不超過10個。
指定日期后,開發者提交新版小程序代碼時,如使用了跳轉其他小程序功能,則需要在代碼配置中聲明將要跳轉的小程序名單,限定不超過10個,否則將無法通過審核。該名單可在發布新版時更新,不支持動態修改。對於未更新版本的小程序,屆時將由微信統一計數並限制,跳轉的不同小程序數量超過10個后,將無法打開更多不同小程序。
  • 要跳轉的小程序appId可在發布新版時更新,不支持動態修改
  • 支持長按識別小程序碼跳轉別的小程序(不限制個數),但不支持長按識別普通二維碼跳轉小程序

四、小程序和APP跳轉

4.1、小程序跳APP

注意事項:

1)需要app接入平台,並且與小程序屬於統一賬號下
2)僅適用於通過app打開打開小程序,或者通過app分享的卡片打開小程序,即需要保證固定的場景值
3)小程序不能打開任意app,只能跳回app

4.2、APP跳小程序

注意事項:

1)需要開發者在微信開放平台賬號下申請移動應用並通過審核
2)同一開放平台賬號下的移動應用及小程序無需關聯
3)非同一開放平台賬號下的小程序需要與移動應用成功關聯后才可以跳轉
4)一個移動應用(app)最多同時綁定3個小程序,每個月支持綁定3次。
5)同一個小程序最多只能被500個移動應用關聯


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM