首页 > 原创文章 > 软件开发 > 查看文章

短信网址/html网页打开APP和小程序的方法

所属分类:软件开发 来源: 丁老师原创 更新时间:2025-09-26 09:19 浏览: 1535 IP属地: 深圳
微信小程序开发

应用场景
场景1:使用APP或小程序,分享给别人的网页内容,当用户打开这个网页内容时,可以自动打开APP或小程序。
场景2:短信群发给目标人群,短信内容包含短网址,打开短网址后,可以打开APP或小程序。

实现方法:
无论是场景1还是场景2,其技术原理都是通过当用户打开网页,网页自动触发调用对应命令,从而打开指定APP或小程序。

html打开APP:
1.使用url scheme,在APP中,定义url scheme规则。
2.在网页的a链接的href中,直接写规则即可。如:

<a href="weixin://">打开微信</a>

//打开淘宝并跳转到商品页
<a href="taobao://item.taobao.com/item.htm?id=123456">查看淘宝商品</a>

//自定义应用
<a href="yourapp://page/home">打开自定义应用</a>

html打开微信小程序:
1.微信内打开,使用<wx-open-launch-weapp>。

<wx-open-launch-weapp username="小程序原始ID" path="要打开的小程序页面路径">
    <button class="btn">打开小程序</button>
</wx-open-launch-weapp>

<script type="text/javascript">
    //微信JSSDK相关代码
    wx.config({
        appId: '公众号appId',
        jsApiList: [],
        openTagList: ['wx-open-launch-weapp']
    });
</script>

备注:该html网页和服务器需要在微信公众号后台配置好域名和ip白名单。

2.普通浏览器内打开,通过微信接口,获取url scheme,然后通过url scheme打开。

//1.根据接口口获取微信scheme
https://api.weixin.qq.com/wxa/generatescheme?access_token=ACCESS_TOKEN

//2.使用获取到的url scheme打开
<a href="通过接口获取到的微信scheme">打开微信小程序</a>


相关文章

R语言读取多个zip文件数据的方法

如何实现用R语言一次读取多个zip文件,获取zip文件里的数据?今天丁老师教给大家。R语言可以使用zip_vector函数,可以读取所有zip压缩文件里的内容,并且无需使用循环。代码示例:datprocessorC <- func...

Tiny编辑器无法使用的解决办法

TinyMCE编辑器,是一款轻量级的的网页内容编辑器,支持html,vue,react等前端架构。调用方法也非常简单,引入js文件,在textarea上设置id,然后调用方法即可:<scripttinymce.init({ sel...

uniapp picker 多列数据更新后不...

在uniapp中,使用picker multiSelector多列联动选择时,单独更新某列数据后,在前端没有显示,之前的写法:this.data_list[1]=[]; var aaa=[]; aaa.push(1); aaa.push...

editplus正则匹配备份

匹配a链接正则:<a href="[^"]+"匹配数字替换,如替换sql语句的(2,'a','b')为(2,2,'a','b')查找项:...

推荐文章

phpstorm怎么取消html文件中sty...

phpstorm程序中,在打开html时总会出现对 style属性的折叠和隐藏,这样在检查代码的时候非常不直观,容易漏掉很多东西,非常的不方便,如图:

百度编辑器ueditor自动添加p标签换行的...

在实际工作中发现,有个编辑器每次保存或者修改后,都会自动在内容顶部和底部增加几行,烦人的很,一直找不到解决办法。后来发现原来是自己代码的问题。解决办法:内容在textarea中,不要换行不要写成:<textarea{content} ...

IntelliJ/phpstorm/webs...

在使用jet brains的ide开发代码时,经常性的会输入单引号或双引号,ide默认有对于引号的自动完成功能,即输入一个引号,自动显示两个,这一点其实做的很不智能,因为在使用时经常会有显示出3个的情况,那么怎么关闭这个功能呢?file-s...

mui的toast修改位置居中

mui的toast默认是在底部的,并且没有参数设置位置,经过研究发现可以通过修改css的方式设置位置,具体方法如下:1.mui toast设置type为divmui.toast('hello', { type: 'd...