在网页H5中打开微信小程序的功能

因为用uniapp 开发了一个安卓的app, 因为苹果的打包太麻烦  一直审核不过  ,所以就打算让苹果用户点击 H5 浏览器的时候,可以直接打开小程序的功能  

1. 首先我们去这个网址上 

获取 URL Scheme | 微信开放文档

 我们按照他的上面步骤来实现

然后到小程序的后台

在设置中 明文scheme拉起此小程序 然后我们点击配置 我配置的是首页

配置完成之后 就是一个已配置

配置好之后,我们按照他的链接方式写我们的链接

weixin://dl/business/?appid=小程序的appId&path=pages/index/index(这个就是我刚才配置的页面)&env_version=release(这个地方可以填写版本 这个就是正式版本)

然后 我们就可以在 H5 网页中 进行一个链接跳转 就可以唤起小程序了

<template>
  <div>
    <button @click="onSubmit">点我打开小程序</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      
    };
  },
  methods: {
    onSubmit() {
      window.location.href = `weixin://dl/business/?appid=小程序的appId&path=pages/index/index&env_version=release`;
    },
    
  },
};
</script>

这样就可以了  ,这个方法 可以让你少走弯路 ,网上太多文章容易花眼了 

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值