8wDlpd.png
8wDFp9.png
8wDEOx.png
8wDMfH.png
8wDKte.png

我如何让 instagram 从深度链接打开我的应用程序?

Nensi Kasundra 3月前

113 0

Instagram 应用中发送的所有深层/通用链接都会打开应用内浏览器并进入我的网站。我希望它们直接打开我的应用。我尝试了所有方法,但找不到任何线索/答案。任何帮助或指导

Instagram 应用中发送的所有深层/通用链接都会打开应用内浏览器并进入我的网站。我希望它们直接打开我的应用。我尝试了所有方法,但找不到任何线索/答案。任何帮助或指导都值得感激

帖子版权声明 1、本帖标题:我如何让 instagram 从深度链接打开我的应用程序?
    本站网址:http://xjnalaquan.com/
2、本网站的资源部分来源于网络,如有侵权,请联系站长进行删除处理。
3、会员发帖仅代表会员个人观点,并不代表本站赞同其观点和对其真实性负责。
4、本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报
5、站长邮箱:yeweds@126.com 除非注明,本帖由Nensi Kasundra在本站《ios》版块原创发布, 转载请注明出处!
最新回复 (0)
  • 我正在 iOS 版 React Native 中实现一个简单的 PoC 应用程序,并尝试使用 react-native-passkey 库来证明一个身份验证器,但是,我正在努力验证证明响应......

    我正在 iOS 版 React Native 中实现一个简单的 PoC 应用程序,并尝试使用 react-native-passkey 库来证明身份验证器,但是,我很难验证从客户端到 Nest.JS 服务器的证明响应,该服务器利用 @simplewebauthn/server 依赖项来生成响应。问题似乎是提供的 clientDataJSON 质询字段与服务器上生成的字段不匹配。

    以下是我提出的挑战:

    i-1E5Fhg0so0Xd3CInFzHG7EVQfWqazTgf-m26flrsQ
    

    下面是我通过首先将 base64 字符串转换为 utf8 字符串并通过以下方式解析提取的客户端数据挑战 JSON.parse

    {
      type: 'webauthn.create',
      challenge: 'aS0xRTVGaGcwc28wWGQzQ0luRnpIRzdFVlFmV3FhelRnZi1tMjZmbHJzUQ',
      origin: <redacted>
    }
    

    来源是故意删减的。这是我的 EC2 实例使用的有效域,并且具有正确证明/断言流程所需的所有端点。

    规范 中看到 ,Apple 在签名之前会在挑战中注入某种客户端数据哈希。我不确定这些规范细节如何理解,因为它们太高科技了,我这个笨蛋根本无法理解。

    所以,我的问题是,我需要将哪些字节连接到我的挑战中才能使其看起来与我的 iOS 应用程序返回的字节相同?

    我尝试获取服务器上的一个端点,将该信息发送给 iOS 身份验证器,并将其响应返回给服务器。我预计客户端数据中返回的质询与服务器生成的质询相匹配。

  • 在您的回复中您有

    {
      type: 'webauthn.create',
      challenge: 'aS0xRTVGaGcwc28wWGQzQ0luRnpIRzdFVlFmV3FhelRnZi1tMjZmbHJzUQ',
      origin: <redacted>
    }
    

    这里, aS0xRTVGaGcwc28wWGQzQ0luRnpIRzdFVlFmV3FhelRnZi1tMjZmbHJzUQ 将会被base64编码。

    如果我对其进行解码,我会得到 i-1E5Fhg0so0Xd3CInFzHG7EVQfWqazTgf-m26flrsQ 与您粘贴的内容相同的内容,并且 i-1E5Fhg0so0Xd3CInFzHG7EVQfWqazTgf-m26flrsQ 您说您生成了该内容。

  • wini 3月前 0 只看Ta
    引用 4

    @Paulw11 在 instagram 中你不能使用自己的应用程序方案,并且深层链接会在其自己的浏览器中打开(因为 instagram 中的链接往往不会离开应用程序)

  • 我有一个旧的 .css 代码,其中大多数颜色符号都是 #fff 或 #999 或 #ccc 或 #ffc。它们都像是来自浏览器安全颜色时代。现在我想将这些符号转换为 256 色...

    我有一个旧的 .css 代码,其中大多数颜色符号都是 #fff 或 #999 或 #ccc 或 #ffc。它们都看起来像是来自浏览器安全颜色时代。

    现在我想将这些符号转换为每种颜色 256 个范围(但仍为十六进制)。对于 #000 和 #fff 很容易,但如何将其“转换”为 #rrggbb 以保持视觉感知上的相同色调?例如 #666 或 #ffc。

  • 该功能称为“App-Links”,供参考:

    在两个平台上,所涉及的步骤类似,请阅读上面链接的文档了解详细信息。

    步骤1

    托管一个 公开 可用的 https://<your domain>/.well-known/<file>

    • 对于 iOS,这 <file> 称为 apple-app-site-association
    • 对于 Android <file> 来说 assetlinks.json

    这些文件定义了您的哪些应用支持哪些 URL。每当在该平台的设备上打开链接时,iOS/Android 操作系统服务都会查询这些文件。

    公开可用意味着您可以在互联网上找到示例。以下是 bing.com 的文件:

    • https://www.bing.com/.well-known/apple-app-site-association
    • https://www.bing.com/.well-known/assetlinks.json

    第2步

    配置您的应用程序支持哪些链接。

    步骤3

    实现解析链接并导航到应用程序正确部分的代码。

  • 要将简写十六进制颜色代码(如)转换 #666 , #ffc 为完整十六进制代码( #rrggbb ):

    1. 简写结构 :简写十六进制代码(如 #666 或 ) #ffc 代表颜色 #666666 #ffffcc
    2. 转换过程 :将简写代码中的每个字符加倍:
      • #666 becomes #666666
      • #ffc becomes #ffffcc

    此方法可以保留颜色的视觉外观。

  • 这不是我的问题,我的应用程序中已经有可用的深层链接。它们在 Instagram 上不起作用,因为 Instagram 在其浏览器中使用缩短器打开链接

  • ...

    <li class="task-list-item">
      <div style="display: flex; align-items: flex-start;">
        <input type="checkbox">
        <div>
          <p>
            <strong>Social Media Advertising Platforms (e.g., Facebook Ads, Instagram Ads) 
            </strong>
          </p>
          <ul>
            <li class="task-list-item">
              <div style="display: flex; align-items: flex-start;">
                <input type="checkbox">
                <div>
                  <strong>Why</strong>: These platforms allow precise targeting based on demographics, interests, and behaviors. You can specifically target sports enthusiasts, bettors, and people interested in AI and analytics. Advanced targeting options and analytics can help refine your campaigns for better ROI and customer acquisition.
                </div>
              </div>
            </li>
          </ul>
        </div>
      </div>
    </li>
    

    带有项目符号/编号的原始内容

    当前带有复选框的样式

    嗨,我不确定如何正确设置样式。我希望输入复选框与列表中的项目符号有点相似。标签 <p> 顶部和底部 1em 都有边距 align-items: flex-start 在包含输入复选框和其余内容的 div 上执行此操作时,复选框会移到段落标签上方以填充边距的空间,但我不想这样。

    .task-list-item 删除了项目符号/编号点的列表样式,所以我希望输入复选框在风格上发挥该作用。

    我将非常感激任何关于此事的帮助和指导!

    谢谢!

  • 不要将边距放在 p 元素上,而要将其放在包装 div

    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }
    
    ::before,
    ::after {
      box-sizing: inherit;
    }
    
    ul {
      list-style: none;
      margin: 1em;
    }
    
    ul ul {
      margin-left: 2em;
    }
    
    div {
      display: flex;
      align-items: start;
      gap: .5em;
      margin-bottom: 1em;
    }
    <ul>
      <li class="task-list-item">
        <div> <input type="checkbox">
          <p>
            <strong>Social Media Advertising Platforms (e.g., Facebook Ads, Instagram Ads)
            </strong>
          </p>
        </div>
        <ul>
    
          <li class="task-list-item">
            <div> <input type="checkbox">
    
              <p> <strong>Why</strong>: These platforms allow precise targeting based on demographics, interests, and behaviors. You can specifically target sports enthusiasts, bettors, and people interested in AI and analytics. Advanced targeting options and
                analytics can help refine your campaigns for better ROI and customer acquisition.
              </p>
            </div>
          </li>
        </ul>
      </li>
    </ul>
  • 有没有其他方法可以实现这一点,让 margin-block-start 和 margin-block-end 保持在

    标签?我正在使用 Markdown 渲染器,所以我不知道我是否可以控制

    标签样式。

  • 我期望下拉菜单显示在“关于”下方,我使用了 :hover,但它不起作用。它没有更改为 display: block; .oil { position:relative; display: inline-b...

    我原本希望下拉菜单显示在“关于”下方,但我使用过 :hover ,但不起作用。它没有变成 display: block;

    .oil {
      position: relative;
      display: inline-block;
    }
     
    .oil:hover .drop-down-2 {
      display: block;
    }
     
    .drop-down-2 {
      position:absolute;
      top: 30px;
      display: none;
    }
     
    .dd-inside {
      display: flex;
      background-color: white;
      flex-direction: column;
      width: 200px;
      opacity: 1;
      border-radius: 10px;
      backdrop-filter: blur(50px);
    }
     
    .dd-inside .ui {
      display: flex;
      padding:  20px 50px 30px 20px;
      margin: 5px;
      opacity: 0.7;
      flex-direction: row;
      word-spacing: 10px;
    }
     
    .dd-inside .ui:hover {
      background-color: rgb(213, 212, 212);
      color: red;
      border-radius: 10px;
      font-size: 21px;
    }
    
    .fa-brands {
      padding-left: 20px;
      font-size: 25px;
    }
     
    hr {
      margin: 0 20px;
    }
    <a class="oil" href="#">About Me</a>
    <div id="drop-down-1" class="drop-down-2">
      <div class="dd-inside">
        <a  class="ui io" href="">LinkedIn <i class="fa-brands fa-linkedin-in"></i></a><hr>
        <a class="ui" href="">Twitter <i class="fa-brands fa-twitter"></i></a><hr>
        <a class="ui" href="">Instagram <i class="fa-brands fa-instagram"></i></a><hr>
        <a class="ui"href="">GitHub <i class="fa-brands fa-github"></i></a><hr>
        <a class="ui" href="">Discord <i class="fa-brands fa-discord"></i></a>
      </div>
    </div>
  • 在您的 html 中看不到任何“关于”。您能提供最少的可重现代码吗?如果您只需要 html 和 css,则可以使用代码片段选项来创建问题,以便其他人可以看到您遇到的问题。

返回
作者最近主题: