美文网首页
WEB页面在微信浏览器中打开手机APP(暂时只有vue中的使用方

WEB页面在微信浏览器中打开手机APP(暂时只有vue中的使用方

作者: 半身风雨半生伤 | 来源:发表于2020-12-09 18:33 被阅读0次

        首先,要在微信里打开本地APP,需要使用微信的内置方法wx-open-launch-app,使用这个方法首先需要在微信公众平台里配置安全域名,具体配置方法会在我的另一篇文章中再具体阐述。以下步骤最后能不能成功取决于安全域名是否设置完成,第四步的config方法访问就是基于安全域名的配置完成才能成功执行。

    1、第一步,安装微信的SDK,(因为我是在vue项目中使用npm引入的,安装方式为“npm install weixin-js-sdk --save”)

    2、第二部,引入SDK,在要使用的文件中引入,import wx from 'weixin-js-sdk',具体如下图

    3、第三步,在需要的位置写入微信文档中的示例代码,具体代码及相关配置如下图

    4、第四步,在需要执行调用APP的方法中写入微信接口的相关config配置,这一步配置是可以进入页面就执行的,这是打开APP的前置条件,是为了验证本地是否有权限打开APP如下图

    5、接下来就是写config成功接入微信接口的回调,包括成功和失败的回调,如果只是调用APP,这个回调里可以不写,我这里是进行了分享的操作,可作参考

    6、接下来就是调用APP是否成功,也就是本机有没有该APP的不同情况的执行函数,第三步里有写launch是成功的回调,error是失败的回调,一般情况下失败时会写跳转到下载页面的链接,如下图

    以上就是所有在微信浏览器里web页面打开本地APP的方法,如果各位大佬有什么意见和建议可以直接留言交流,本文纯原创,可转载,转载请注明出处,谢谢,欢迎指正

    相关文章

      网友评论

          本文标题:WEB页面在微信浏览器中打开手机APP(暂时只有vue中的使用方

          本文链接:https://www.haomeiwen.com/subject/laqhgktx.html