找回密码
 立即注册

只需一扫,快速开始

QQ登录

只需一步,快速开始

搜索
查看: 24857|回复: 4

[商业产品] 如何配置新H5原生页面路由参数/URL链接

   火.. [复制链接]

8万

主题

440

回帖

9万

积分

管理员

积分
94505
QQ
发表于 2019-9-12 22:29:34 | 显示全部楼层 |阅读模式

"原生页面路由参数"与"URL 链接"区别

APP、小程序、新 H5 采用原生单页开发。“原生页面路由参数”在体验上更好,更有优势,更流畅。但是“URL 链接”也是很重要的元素,因为我们很多内容都是通过网址实现的,“URL 链接”比较灵活,可以丰富我们产品的功能和内容。

"原生页面路由参数"优点

  • 体验更加流畅,顺滑
  • 页面几乎是接口实现,更快不卡

URL 链接优点

  • 万物互联,更加灵活

原生路由参数如何获取?

很简单,进入新 H5 页面

  • /pages/index/index 首页
  • /pages/find/find 发现页面
  • /pages/course/course 课程首页(知识付费小程序 app 才有的)
  • /pages/courselist/courselist?cat_id=2 课程分类列表页面(2 表示课程分类 cat_id)

更多路由原生对照表,参考下面

麒微 APP 小程序 H5 原生路由对照表 https://www.zhanmishu.com/p/93162?pn=1 (出处: 玩站网)

其实获取一个页面的原生路由参数很简单 只需要在新 H5 页面,复制当前网址出来,如:

https://www.zhanmishu.com/course#/pages/courselist/courselist?cat_id=2

# 号后面的 /pages/courselist/courselist?cat_id=2 就是当前页面的路由和参数啦

同理

https://www.zhanmishu.com/course#/pages/Content/Content?tid=93135

实际上路由参数就是#后面的

/pages/Content/Content?tid=93135

简单了吧

回复

使用道具 举报

0

主题

1

回帖

58

积分

菜鸟站长

积分
58
发表于 2019-9-14 00:56:15 来自手机 | 显示全部楼层
是否足够清楚详细理解?
回复 支持 反对

使用道具 举报

0

主题

3

回帖

20

积分

新手站长

积分
20
发表于 2019-9-17 15:59:45 来自手机 | 显示全部楼层
wx_BABaz发表于 2015-5-26 10:36是否足够清楚详细理解?

可以回复楼层的评论么?
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册   

本版积分规则

QQ|Archiver|手机版|小黑屋|站秘书 ( 蜀ICP备15034504号-3 )

GMT+8, 2024-9-8 11:03 , Processed in 0.266152 second(s), 52 queries .

Powered by Discuz! X3.5

© 2001-2024 Discuz! Team.

快速回复 返回顶部 返回列表