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

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

所属分类:软件开发 来源: 丁老师原创 更新时间:2025-09-26 09:19 浏览: 3334 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>


相关文章

uniapp编辑器自动提示功能导致输入错误的...

在使用uniapp编写代码时,uniapp的编辑器有一个自动提示功能,就是当你输入字符的时候,会自动弹出对应可能会输入的代码,查了下这个功能叫做“代码助手”。在使用代码助手时,经常会产生很麻烦的问题,比如在写CSS代码时,当需要输入数字...

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

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

低成本的政企软件系统维护服务

开源节流,控制生产成本,限制开销,是每个企业和单位都要采取的成本控制和管理措施。其中,人力成本是企业在经营中支出占比较大的一块。以IT信息化部门为例,一个负责企业软件系统运维的IT部门,至少需要配置3个员工,每个员工按照IT工程师3-5...

织梦dedecms防止木马漏洞的方法

织梦dedecms,很多站长起初建设网站都是织梦dedecms。因为程序非常符合seo优化,但是随着用的人越来越多,特别是一些精通织梦的人就想着搞一搞别人用织梦做的站,所以织梦出现了很多安全漏洞问题,该如何设置网站安全防护呢?

推荐文章

CodeIgniter框架URL如果去掉in...

在使用PHP框架CI时,有个很恶心的地方就是他的URL需要带上index.php,比如我要建一个user模块,想要实现www.xxx.com/user/的效果,但是在CI框架下必须要www.xxx.com/index.php/user这样才...

Composer self-update 更...

1. composer版本更新文档版本号:https://getcomposer.org/download中文网:https://docs.phpcomposer.com/03-cli.html#self-update英文网:https:/...

Mui的toast修改位置居中

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

Uniapp开发小程序内的图片扫码

在使用uniapp开发的小程序内,打开图片,长按没有弹出菜单,无法扫码,此时只需在图片上加入show-menu-by-longpress即可完整代码:<image :src="picture" mode="...