每日整理真实提问 356 个问题 · 726 个回答 需要系统性的技术文档?看 Shopify 技术百科 1000 篇 → 400-873-8117
已解决 提问于 1 个月前

嵌入式应用里点链接跳出了后台框架

2 个回答 5,193 次浏览 应用与扩展 最后活跃 1 个月前
86

应用嵌在 Shopify 后台里,点内部链接整页刷新,左侧菜单消失了。

陈
陈工提问者
Shopify 认证开发者 · 专注主题与 Liquid
1 个月前提问 · 已收到 2 个回答

2 个回答

已采纳 · 提问者确认解决
43

先把判断放在前面:iframe 内的导航要用 App Bridge 的导航能力或前端路由,普通 <a> 会跳出框架。

1处理顺序

  1. 用 App Bridge 的 NavMenu 与 app.navigate() 做页内跳转。
  2. 前端框架用 hash 或 memory 路由,避免整页刷新。
  3. 必须跳外部页面时用 open() 打开新标签。
  4. 页面标题用 App Bridge 的 TitleBar 设置,别用 document.title。
  5. 测试前进后退按钮行为是否正常。
验收:应用内导航不刷新整页,后台框架保持完整。
风 风格技术团队 回答于 1 个月前
10

整页刷新在 iframe 里会丢失 session token,表现为偶尔的 401,这类问题很难复现,但原因就是这个。

泽 阿泽 · 前端工程师 · 1 个月前

你的处理方式是什么?

写下你实际验证过的步骤,比「我也有这个问题」有用得多。当前版本为静态展示,提交后会由团队整理并回复。

描述你遇到的现象、店铺环境(主题 / 套餐 / 应用)、已经试过哪些操作……
我要单独提问 工作日 10 分钟内回复,可直接加微信 fenggejishu