ionic-framework - 访问pwa地址的url参数

标签 ionic-framework ionic2 url-parameters progressive-web-apps

我是 ionic 2 的新手。在到处搜索后,我找不到直接的答案,因为以下情况:

  • 我正在使用 ionic 2 构建 PWA(因为我稍后将开发此应用程序的混合版本)
  • 用户可以找到和访问我的应用程序的地址将是一个标准域,如 https://welcometotheapp.com?viewid=0101018737abcdefg
  • 我正在使用 ionic 2,最近安装在 windows 10
  • 我开始了一个新的空白应用程序项目
  • 我的问题与导航无关。

  • 我的问题是如何访问 url 参数 viewid ?我需要这个参数,以便应用程序将它发送到我的服务器端 REST api 并获取正确的 json 数据。我的用户通过短信收到带有参数的网址作为链接。
    我试图利用一些建议,如 this question

    但我在转动我的轮子。我也看过很多来自 Josh Morony 和其他人的 YouTube 视频,但同样没有直接相关的内容。

    有人可以帮忙回答这个问题吗?作为一个新手,如果给定 ionic2 空白模板结构,在代码片段中标注什么代码在什么文件中,这将是非常有帮助的。谢谢窥视!

    最佳答案

    您可以尝试使用普通的旧 javascript。我不认为这是特定于 ionic 的任何东西。并且因为它不是主要基于导航的 NavParams不会工作,我猜。

    .js你可以做一个 split像这样

    let myParam = location.search.split('viewid=')[1];
    

    注意如果没有viewId=那么变量将是未定义的。以下是 location.search 的文档

    关于ionic-framework - 访问pwa地址的url参数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42619323/

    相关文章:

    ionic-framework - 在 ionic 中对齐按钮

    javascript - 嵌入 youtube 视频不会在谷歌浏览器的设备模式下自动播放

    ionic-framework - ionic 包构建失败 - ionic 插件键盘

    javascript - 如何在 HTML 页面中动态填充值?

    angularjs - 找不到模块 “@angular/core/src/metadata/directives”

    android - 升级cordova-android 10后构建失败

    ionic-framework - 在 Ionic 3 项目中使用 Google Analytics 跟踪所有屏幕

    typescript - Ionic 2 获取 ionic 输入值

    javascript - 使用 javascript 将参数添加到 Url

    javascript - 获取 next.js 中不是动态路由参数的查询参数