首页 > 原创文章 > 技术应用 > 查看文章

短信链接调起APP和小程序的方法

所属分类:技术应用 来源: 丁老师原创 更新时间:2025-12-10 10:17 浏览: 1001 IP属地: 深圳
微信小程序开发

有同学在群里咨询,想通过短信精准营销,实现用户收到短信后,点击打开短信链接就自动调起微信小程序或APP,请问丁老师这个可以实现吗?该如何实现呢?今天丁老师对这个问题进行解答。

短信链接打开微信小程序和APP的原理
通过群发短信,然后用户点击短信链接,就可以打开微信小程序或者APP,这种方式其实实现起来很简单。
1.原理是在短信中添加一个url网址,最好是短网址,不要太长。
2.这个网址打开后是一个静态的html页面,这个页面包含可以打开微信小程序或者APP的代码。
3.这个网址的网页可以进行UI设计,也可以不设计。设计美化后的网页可以做成类似拼多多的那种,引导用户手动打开微信小程序或APP。也可以不设计,直接自动触发代码调用打开微信小程序或APP。

短信链接打开微信小程序的方法
1.通过微信的Url Scheme实现。Url Scheme是一种专属的url格式,可以用来唤醒小程序。这个url需要服务端调用微信接口生成,也可以直接在小程序管理后台生成。生成后访问这个链接即可打开小程序。
2.通过Url Link实现,Url Link就是普通的url网址,由微信服务端生成的Url Link,也可以用来唤醒小程序。这个url link也需要服务端调用微信接口生成,生成后访问这个链接即可打开小程序。
3.在生成以上两个链接后,可以将短信中的短网址链接,自动跳转到url scheme或url link,也可以在打开短网址链接后,自动触发这两个url,以实现微信小程序的调用打开。

短信链接打开APP的方法
1.短信跳转的网址,增加a链接,引导用户点击,a链接的href中需要填写这个app的url scheme信息,比如

#该链接会打开淘宝,并传递id为123456的值过去
<a href="taobao://item?id=123456"></a>

2.短信跳转的网址,通过JS代码判断,如果本地已安装APP就自动打开,如果没有安装就引导下载安装。

<button id="openOrInstallApp">打开/安装我的App</button>

<script>
	//配置项(根据自己的App修改)
	const APP_CONFIG = {
		//Android Scheme
		androidScheme: 'myapp://page/home',

		//iOS Scheme
		iosScheme: 'myapp://page/home',

		//iOS Universal Link(可选,无则用Scheme)
		iosUniversalLink: 'https://your-domain.com/open/app',

		//应用商店链接
		//iOS App Store地址
		appStoreUrl: 'https://apps.apple.com/cn/app/xxx/id123456789',

		//腾讯应用宝地址
		androidStoreUrl: 'https://a.app.qq.com/o/simple.jsp?pkgname=com.xxx.xxx', 
		
		//自定义下载地址
		fallbackUrl: 'https://www.xxx.com/app/download'
	};

	//判断设备类型
	function getDeviceType(){
		const ua = navigator.userAgent.toLowerCase();

		if (ua.includes('iphone') || ua.includes('ipad')) return 'ios';
		if (ua.includes('android')) return 'android';

		return 'other';
	}

	//唤起App核心方法
	async function openApp(){
		const device = getDeviceType();
		let isAppOpened = false;

		//监听页面隐藏事件
		const onPageHidden = () =>{
			isAppOpened = true;

			//移除监听,避免重复触发
			document.removeEventListener('visibilitychange', onPageHidden);
			window.removeEventListener('pagehide', onPageHidden);
		};

		document.addEventListener('visibilitychange', onPageHidden);
		window.addEventListener('pagehide', onPageHidden);

		try {
			if (device === 'ios' && APP_CONFIG.iosUniversalLink) {
				//1.iOS优先用Universal Link(无拦截)
				window.location.href = APP_CONFIG.iosUniversalLink;
			}

			
			else {
				//2.用Scheme唤起
				const scheme = device === 'ios' ? APP_CONFIG.iosScheme : APP_CONFIG.androidScheme;

				//创建隐藏iframe触发Scheme
				const iframe = document.createElement('iframe');
				iframe.style.display = 'none';
				iframe.src = scheme;
				document.body.appendChild(iframe);

				setTimeout(() => document.body.removeChild(iframe), 2000);

				//同时直接跳转Scheme
				window.location.href = scheme;
			}

			//3. 延迟检测,未唤起则跳转安装页
			setTimeout(() =>{
				if (!isAppOpened){
					let installUrl = APP_CONFIG.fallbackUrl;
					if (device === 'ios') installUrl = APP_CONFIG.appStoreUrl;
					if (device === 'android') installUrl = APP_CONFIG.androidStoreUrl;

					window.location.href = installUrl;
				}
			}, 1800);

		}
		catch (e) {
			//异常时直接跳转兜底页
			window.location.href = APP_CONFIG.fallbackUrl;
		}
	}

	// 绑定按钮点击事件
	document.getElementById('openOrInstallApp').addEventListener('click', openApp);
</script>

备注
以上方式不仅可以实现从短信中调用打开微信小程序、APP,也可以将此方法应用到电子邮件、二维码等营销网页中,只要引导用户访问URL网页,最终都可以实现调用打开微信小程序和APP。

相关文章

Wordpress如果没有登录就看不到新文章...

在使用wordpress网站cms中,有同学提问,他的网站必须登录了才可以查看到新文章内容,如果没有登录,查看到的还是之前几个月的内容,这是怎么回事呢?经过丁老师分析和排查,发现该网站,使用了wordpress的WP Fastest C...

使用photoshop编辑文字时,弹出的文字...

今天有同学在群里提问,在使用photoshop编辑文字时,经常会弹出一个文字选择的面板如图:这时文字也无法输入,也无法取消和关闭,很是烦人,怎么取消这个功能呢?经过丁老师研究,方法很简单:1.打开photoshop菜单-编辑2.选择首选...

Linux定时任务crontab的用法

今天有同学在问,Linux的定时任务crontab怎么使用啊,总是看不懂,丁老师能给写个适合小白看的教程吗?收到,马上安排,废话不多说,直接上干货!Crontab的基本操作方法:1.登录linux后,输入crontab -e进入cron...

如何查看微信小程序的二维码?

对于已开发的微信小程序,二维码需要登录微信小程序管理后台查看,具体方法为:1.打开微信公众平台网址https://mp.weixin.qq.com/;2.用管理员微信扫码登录;3.进入小程序后台,在左侧底部的小程序名称中,选择账号设置,...

推荐文章

微信小程序搜索如何让排名靠前?

上一期我们讲到了《微信小程序发布后多久可以能被搜索到?》,我们已经知道了微信小程序在上架后,多久能被搜索到的一个时间范围。本期我们讲一下,微信小程序被搜索,如何提升排名,是搜索结果靠前的方法。首先,微信小程序的搜索结果排名,并没有一个固定的...

二维码可以存储多少个信息?

二维码码有三个参数: 数据类型、大小(“像素 ”数)和纠错级别。能存储多少信息也取决于这些参数。例如,纠错级别越低,可存储的信息越多,但代码越难被读者识别。最大尺寸和最小纠错值如下:最大字符数 7089个字符(纯数字)字母数字 4296个字...

Bagisto-基于Laravel框架的免费...

软件介绍Basgito是基于Laravel框架的免费电子商务平台,可以快速搭建自己企业专属的电子商务交易平台,适用于中小型外贸企业。该电商平台拥有无头laravel商务(headless laravel commerce)的强大功能,可以快...

国外VPS购买后如何登录?

国外很多VPS购买后,只有密码,没有登录账号,如何登录呢?我们以one.com为例,购买了VPS后,只能设置密码,但是用root,也无法登录,是怎么回事呢?查了官方文档,原来修改的VPS密码,不是root的,这个VPS默认的账号是admin...