1. 背景

组内现在使用组内自己开发的移动端 SPA 引擎 Cyra，版本为 1.2.x。框架很轻，使用 hash 做路由，然后统一管理各个 view（视图）的状态以及 view 之间跳转。

开发过程中，遇到很多坑都和使用 hash 做路由有关。当然，问题并不在 hash 本身，而是和客户端以及后端 RD 配合中遇到的问题。比如：

1. 验签问题，客户端没有将 hash 计算进去；
2. 客户端会在 WebView 中访问的 URL 上拼接一些参数，作为客户端和前端之间通信的一种手段。由于拼接算法有问题，导致部分参数拼接到了 hash 后面，使得 Cyra 多个 view 之间通过 URL 传递的参数格式被破坏；
3. iOS 版 APP 的 WebView 中通过 jsbridge 来修改 title，但是 hash 的修改无法修改。

综上，考虑升级框架的路由实现方案，使用 History API 代替 hash，并配合 Session Storage 做多页降级，以此来解决上述问题。

2. 方案

为兼容 Cyra 1.x 开发的项目，此次升级仅修改路由的内部实现方式，

…
阅读全文 »