当前位置: 首页 > 网络应用技术

微信H5页打开移动应用功能并使用打开标签

时间:2023-03-09 12:12:54 网络应用技术

  移动浏览器跳跃应用程序可以使用URL方案,但是在微信上打开的页面中不能使用URL方案。原因是微信已经禁用了URL方案功能。根据微信官方文档的步骤,我们的另一种方式。毕竟,这是其他人的网站。落入后,我在这里总结了此功能,希望能帮助所有人。

  应用程序共享与微信的H5卡页面(HTTPS网页)。用户打开网页后,有一个按钮可以打开该应用程序。如果手机已安装了该应用程序,则该应用程序将直接打开。如果未安装,它将跳到应用市场下载。

  使用微信提供的开放标签跳跃。您还可以知道当前的手机是否通过此标签安装了应用程序。STORE,我们可以巧妙地使用此功能。填充文档 - 打开标签描述

  应用程序开发人员还需要提前访问SDK以使用它。否则,跳跃将不会生效。访问文档后,您可以共享页面以微信并以卡的形式显示。通过单击链接,内容不好)。

  前后开发过程的说明

  由于整个过程需要计算签名,因此有必要开发到前端的接口。前端需要将当前页面的URL传递到后端才能参与签名,后端将签名信息返回到前端。有关详细信息,请参阅以下内容

  签名步骤

  成功后,您将获得访问权限

  成功后,您将获得票

  缝合参数

  JSAPI_TICKET参数是由上一步获得的票证。noncest是一个随机的字符串,TimessTamp是当前的时间戳,URL是当前前端页面的URL地址(不包括#后面的字符,因此最好制作前端,以便允许前端制作前端前端(通过),字段名称和字段值使用原始值,并且未进行URL传输。

  签名SHA1用于缝线字符串以获得签名

  将以下参数返回到前端

  打开调试模式。打开在微信中共享的H5页面后,页面上弹出的好单词表示验证成功

  注意:只有在签名后,域名,验证成功后,将显示开放标签,否则将看不到

  您可以根据打开失败的事件做出判断。如果未安装该应用程序,跳跃应用市场允许用户选择下载和安装应用程序

  仅在签名后,域名,验证成功后才会显示打开标签,否则将看不到打开标签按钮

  开放标签的样式只能以内部的样式标签写,并且在外部无效

  您可以在DIV外放置一个打开的标签,然后将DIV放置在所需的位置,用自己的按钮在该位置显示,然后在打开标签中设置按钮以透明并盖上它。这是我们自己的按钮。实际点击的是微信的打开标签按钮))

  为了轻松调试,您可以使用微信开发人员工具 - 公共网页below进行调试。在调试期间,您需要将代码放在JS安全域名下的服务器上,因此您必须为每个修改的代码提交给服务器,这非常笨拙。CONFIGUREHOST才能实现本地调试,将安全域名映射到本地服务器,然后使用微信开发人员工具预览调试)

  请注意,当公司拥有多个服务号码时,很容易参与三个参数开发人员ID(APPID),AppSecret和Appid,这会导致验证故障。

  请注意,如果某人在微信公共帐户中删除了安全域名,则删除时的签名验证也将提示确定,但是如果您单击该应用程序,则没有响应。安全域名是否正确?