小知识,大挑战!本文正在参与“程序员必备小知识”创作活动。
APP引流
开发uni-app项目时,如果需要兼容多端,尤其是其中有APP时,公司一般都会向app引流,毕竟小程序做的再好也要受限于平台,而单纯的网页也不便于多数用户使用,尤其是移动端时代,如果是仅包含项目的网页及小程序,虽然方便多数用户快捷使用,对官方而言,数据、自由度都受限于平台,虽然让用户下载app比较麻烦,但如果一个项目有这个需求的话、那么还是利大于弊的。
所以在多端开发时,H5、小程序仍然会同步开发,但如果有个app的话,向app内引流则是必然,常见的多是H5及小程序正常访问,但会有提示引导用户下载app,可参考csdn、掘金等大多数网站。
因为ios与Android不同,所以在唤起app时需要做区分处理。
if (browser.versions.ios) {
// ios处理
window.location.href = 'https://apps.apple.com/cn/app/packageid';;
} else if (browser.versions.android) {
// Android 打开app wswl替换成自己项目scheme
window.location.href = "wswl://";
}
scheme协议是什么可以自己了解下哦,三眼两语说不清
微信中
但是这有个问题,微信浏览器(其他内置浏览器也可能禁止)是已经禁止直接唤起第三方app的,那么要怎么处理呢?
可以在项目内做一个下载app的界面,提供给用户在网页内下载, 只是ios很明显是不能这样做的,ios对安装包比较排斥,虽然也能通过安装包安装,但是操作成本太高,不提老幼人群,年轻人也是懒得去操作过于繁杂的程序的。
虽然微信麻烦点,但是办法总比困难多,可以跳转至上面提到的app下载页, 如果检测到用户是在微信浏览器当中,做一个引导,提示用户点击右上角打开操作菜单,在浏览器当中打开。
当用户在浏览器中打开之后,检测设备,如果是ios则跳转至app商城的app下载页, Android可以直接下载或者打开应用商城。