跳转
跳转行为包含:
- 推入页面
- 跳转到导航页面
- 跳转到非导航页面
- 关闭所有页面并打开页面
- 打开新标签页
- 打开外部链接
- 打开webview
小程序跟 Web 由于环境不同,所以跳转的行为结果也有所不同
小程序端 | 网页端 |
---|---|
1.推入页面
作用
跳转到某个指定的页面
特殊说明
- 小程序端最多可连续推入10层页面,即A推入=>B推入C=》D....,跳转后页面左上方存在返回按钮,可返回上层页面
- Web 端无推入页面限制,跳转后若向返回之前的页面需要配置按钮组件,并配置新的推入页面行为来指定返回的页面,或通过点击浏览器的返回按钮进行返回### 为什么最高只能推入10层页面 页面会有一个页面栈的概念,可以理解为一个文件夹最多只支持塞入10张文件,超过10张就塞不下了。
2. 跳转到导航页面
作用
跳转到带有原生底部导航栏的页面。跳转后页面左上方不存在返回按钮,不可返回上层页面。
场景
- 考试答题结束后跳转到答题结算页面,考试只能考一次,学生在答完题后其实已经无法返回上一页修改相关题目的选项了。
- 问卷调查只能提交一次,用户在提交完问卷后到达问卷已提交的页面
如案例场景,当用户点击保存按钮后跳转到个人资料页面,这个时候返回的友好期待是返回到首页,而非上一页保存按钮。如果通过推入页面的方式回到个人资料页,那么用户点击返回按钮的路径是 个人资料页=>保存按钮页=>个人资料页=>首页,这样显然对用户是不友好的,而使用跳转到导航页面的方式能达到符合预期。
特殊说明
该行为只有在小程序端可以配置
3. 跳转到非导航页面
作用
跳转到不带有原生底部导航栏的页面。跳转后页面左上方不存在返回按钮,不可返回上层页面。
特殊说明
- 该行为只有在小程序端可以配置。
- 该行为不受10层页面限制,跳转后页面左上方存在返回按钮,不可返回上层页面,点击左上方按钮将返回上上层页面。例如:页面1跳转(推入)到页面2,页面2跳转(跳转非导航页面)到页面3 (此时,页面2被卸载了),页面3点击左上角返回时会返回到页面1。若页面1为有底部导航栏的页面,页面1跳转(跳转非导航页面)到页面2,该跳转行为不会被执行
4. 关闭所有页面并打开页面
作用
关闭之前打开过的所有页面,然后跳转到新的页面
5. 打开新标签页
作用
在浏览器中打开一个新的标签并展示页面内容
特殊说明
该行为只有在网页端可以配置
6. 打开外部链接
作用
为组件配置该行为之后,点击组件时,会跳转到链接所指向的网页。在组件的交互中添加 跳转 - 打开外部链接 行为,在行为的链接中填写要跳转的网址即可。
选择行为 | 配置链接 |
---|---|
特殊说明
如果打开的外部链接需要接收参数的,可以在链接之后以英文的“?”连接参数的名称跟对应的值,多个参数之间用&进行连接
链接示例:https://www.functorz.com/zai?utm_term=gw&utm_medium=gw
7. 打开WebView
作用
能够在小程序中打开「公众号文章」或「自己可控制」(比如自己公司的网址)的网页, 每个页面只能有一个 web-view,web-view 会自动铺满整个页面,并覆盖其他组件。只有【企业认证】的小程序能够使用该行为
行为配置
在组件的交互中添加 跳转 - 打开 WebView 行为,在行为的 URL 下填写需要跳转的网址即可
img | img |
---|---|
1. 跳转到公众号文章
小程序跳转公众号文章:需要小程序和公众号关联。 关联操作指南:1. 登录小程序的微信公众平台,点击右上角头像,进入设置,选择关联设置,关联你要跳转的公众号
2. 跳转到网页
因微信限制,小程序是无法打开网页的。但是可以通过配置业务域名和私钥发布实现在小程序里打开网页。
因为各位的小程序是授权给zion这个第三方平台开发的,所以添加业务域名前需要解绑zion授权并使用私钥提审和发布小程序。配置使用私钥完成后,把小程序所需跳转的的域名,例如www.baidu.com添加到 微信公众平台-开发管理-服务器域名-request合法域名下。私钥发布详情请看
下载下方的微信校验文件后,把这个文件放在网页端应用的根目录下。如果你不知道怎么放,请联系域名的拥有者或能控制域名的人(一般是贵司的程序员)。这是为了证明你能控制这个域名,腾讯要求放一个校验文件到域名的根目录下。如果所需要跳转的是zion的网页端应用,在全局设置-上传文件到根目录 上传下方文件即可。
验证文件下载
点击链接,右键保存文件。 Download File