微信 H5 網頁跳轉小程序

2021年2月8日#微信｜小程序249

AI 翻譯

這篇文章透過AI由簡體中文翻譯成繁體中文。查看原文

AI 生成的摘要

使用前需知：使用 wx-open-launch-weapp 标签，微信 JS-SDK 版本需为 1.6.0+。已认证的服务号和非个人主体的小程序可以使用此标签跳转任意合法合规的小程序。微信版本要求为 7.0.12 及以上，系统版本要求为 iOS 10.3 及以上、Android 5.0 及以上。注意在 Vue 中使用 `` 来包裹标签样式，标签报错可使用 Vue.config.ignoredElements = ['wx-open-launch-weapp']。path 路径结尾要带 .html，需要部署到测试环境并真机调试。注意样式问题，script 内部创建的标签的样式和外面完全隔离，只能用行内方式 style 的方式添加样式，className 不可以。其他方式包括 URL Link（针对非个人主体开放）和 Short Link（只针对电商类开放）。参考微信开放标签说明文档、H5 如何跳转小程序的微信开放社区和 H5 条跳转微信小程序成功案例。公众号可以跳转到 H5。

使用前需知#

依賴 wx-open-launch-weapp 標籤
微信 JS-SDK 版本 1.6.0+

開放對象#

已認證的服務號，服務號綁定 “JS 接口安全域名” 下的網頁可使用此標籤跳轉任意合法合規的小程序。
已認證的非個人主體的小程序，使用小程序雲開發的靜態網站托管綁定的域名下的網頁，可以使用此標籤跳轉任意合法合規的小程序。

系統及版本要求#

微信版本要求為：7.0.12 及以上
系統版本要求為：iOS 10.3 及以上、Android 5.0 及以上

注意事項#

Vue 中使用 <script type="text/wxtag-template"><script> 來包裹標籤樣式
- 標籤報錯可使用 Vue.config.ignoredElements = ['wx-open-launch-weapp']
path 路徑結尾要帶 .html
需要部署到測試環境並真機調試
注意樣式問題
- script 內部創建的標籤的樣式和外面完全隔離，沒有一絲關係
- 只能用行內方式 style 的方式添加樣式，className 不可以

其他方式#

URL Link（針對非個人主體開放）
Short Link（只針對電商類開放）

jeremygo