打开APP网站打开自动跳转转到其他页面怎么办？

来源：蜘蛛抓取(WebSpider) 时间：2023-03-26 03:02 标签： 网站打开自动跳转
2022-03-31 17:36 来源: 勤奋的外链分享
原标题：app可以直接跳转到小程序吗？如何制作打开微信小程序的外链
微博可以跳转公众号/小程序，实际上，微博可以跳转到任何页面，但是有的应用或是页面没有在微博完成域名备案，用户点击后会被拦截，但是微信的话就不存在这种这种问题，所以仅仅只需要一个能够拉起微信的工具就可以了。
跳转工具
准备好工具，进行如下操作：
第一步：打开这个工具，根据提示登录，登陆之后可以看到这个页面，选择“立即免费创建”；
登录工具
第二步：该页面内，选择“创建推广链接”--“小程序”--“企业小程序”（根据自身实际需要进行选择，这里作者只是以小程序为例为例）；
选择创建外链的类型
第三步：页面下拉，图中红框部分需填入信息，“外链名称”随便写一个，比如“关注后更优惠”等等吸引用户的文字，接下来按照每一懒得提示填写小程序的参数（APPID,原始ID，路径等），如果不回查找参数，可以根据工具内的教程在后台查找。完成后剪辑“免费创建推广外链”
填写参数
第四步：找到刚刚生成的链接，复制下来，粘贴在其他APP的内容中，记得文字编辑前后要和之前起的名称对应哦，不然会很突兀，不好吸引用户点击！
复制外链到其他app的内容页
完成，如果行不通的话可以在评论区给作者留言哦，我可以给您一点建议呢！返回搜狐，查看更多
责任编辑：
作者：上犹日期：2019-07-27 03:33:46
先说实现步骤再说原理：
使用步骤
以JumpActivity为例
如下面的： <intent-filter> 中就是所需过滤器
<activity android:name=".JumpActivity" > <intent-filter> <action android:name="android.intent.action.VIEW" /> <category android:name="android.intent.category.DEFAULT" /> <category android:name="android.intent.category.BROWSABLE" /> <!--下面所设置的质需要和html端对调--><!--在data里设置了 scheme和host，则该Activity可以接收和处理类似于 "sharetest://data/XXX"的链接--><data android:host="data" android:scheme="sharetest" /> </intent-filter> </activity> public class JumpActivity extends Activity{ @Override protected void onCreate(Bundle savedInstanceState) { // TODO Auto-generated method stub super.onCreate(savedInstanceState); Intent intent = getIntent();//在这个Activity里，我们可以通过getIntent()，来获取外部跳转传过来的信息。String data = intent.getDataString();//接收到网页传过来的数据：sharetest://data/http://www.huxiu.com/String[] split = data.split("data/");//以data/切割data字符串url = split[1]; //就得到：http://www.huxiu.com/(这就是我们需要网页传给我们的数据)。。。然后我们再通过网页打开app的同时就可以用获得的url数据做一些我们需要做的处理比如你在微信里浏览网页时打开自己的安卓app应用的同时，加载一个app内的网页} } <iframe src=""></iframe>如下：index.html<!DOCTYPE html> <html> <body> <iframe src="sharetest://data/http://www.huxiu.com/"></iframe> </body> </html> 将index.html放到Assets目录下，在代码里调用Webview加载该Html文件，代码如下：/*网页打开app*/public class H5ToAppActivity extends Activity {private String url;private WebView webview;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_h5_app);webview = (WebView) findViewById(R.id.webviewh5);url = "file:///android_asset/index.html";WebSettings wSet = webview.getSettings();wSet.setJavaScriptEnabled(true);webview.loadUrl(url);}}
这样执行以上代码时就可以打开对应的app了。
比如我的2048是一个网页，打开网页的时候可以同时打开另外一个应用
下面是两个应用截图你可以下载下来看下效果：（两个应用一起下）
2048网页演示apk：http://download.csdn.net/detail/qiushi_1990/9514778
网页打开的应用apk：http://download.csdn.net/detail/qiushi_1990/9514779
手机界面
这样在打开2048时会出现下面效果
然后会跳转到下面应用
跳转成功
最近，在使用QQ和微信等SDK来实现分享网页的时候，发现，SDK已经为页面跳转回应用提供了基本的数据支持。我们只需在应用里和被分享的网页进行简单的设置，即可实现此功能。
那么我们先来看下网页跳转回应用的实现原理。
就Android平台而言，URI主要分三个部分：scheme, authority and path。其中authority又分为host和port。格式如下：
scheme://host:port/path
举个实际的例子：
content://com.example.project:200/folder/subfolder/etc \---------/ \---------------------------/ \---/ \--------------------------/ scheme host port path \--------------------------------/ authority //现在大家应该知道data flag中那些属性的含义了吧，看下data flag <data android:host="string" android:mimeType="string" android:path="string" android:pathPattern="string" android:pathPrefix="string" android:port="string" android:scheme="string" />
点击微信和QQ分享跳转到程序内部的原理与此一致。
写在后面：
由于微信在5.0.3以后就禁用了微信浏览器里打开别的app，所以上面的方法在微信里不能直接起作用。但是我们有补救方法，
1，通过跳转应用宝，来判断是否安装应用，如果安装应用宝会直接打开
2，引导用户在浏览器里打开当前网页，因为微信虽然禁止了android:scheme跳转，但是浏览器都是支持的。
编程小石头，为分享干货而生！据说，每个年轻上进，颜值又高的互联网人都关注了编程小石头。
本文标签：String(185)过滤器(16)Override(13)apk文件怎么打开(44)intent-filter(4)Bundle(6)

产品开发过程中难免会遇到这样的需求：
产品说从app内部分享出去的网页上要加一个打开按钮
用户点击打开，能直接唤醒app跳转到这一页去浏览。
明确的需求就是：
微信中打开我们的分享页面，点击商品购买按钮，
用户如果已经安装app，跳转到app做相应的操作。
如果没有安装app，则跳转到应用商店提示用户下载安装。
方法一：URL Scheme
将参数配置在url scheme后面，唤醒app再进行页面跳转逻辑。
但残酷的现实是QQ和微信都把url scheme 唤醒app这种方式给禁了。
方法二：meta标签
meta标签的格式如下：<meta charset="UTF-8" name="apple-itunes-app" content="app-id=1234567890, affiliate-data=myAffiliateData, app-argument=yourScheme://">这样添加meta标签后的网页，使用safari打开的时候，就会在顶部显示自己app的导航条。如果没有安装app点击能够跳转到appstore去下载，如果安装了app就能直接通过顶部的meta标签唤醒app了。
上面两种方式都能实现某一方面的需求，但无法完美解决。于是就想到了iOS9之后的Universal Links。
以下内容主要包括：
介绍Universal Links
配置Universal Links
app IDs配置
项目配置
https证书申请
什么是Universal Links呢？
Universal Links就是一个通用链接，iOS9以上的用户，可以通过点击这个链接无缝的重定向到一个app应用，而不需要通过safari打开跳转。如果用户没有安装这个app，则会在safari中打开这个链接指向的网页。
配置Universal Links
1.创建一个名字叫做apple-app-site-association，包含固定格式的json文件
2.将这个文件上传到你的服务器，可以将这个文件放到服务器的根目录下，也可以放到.well-known这个子目录下。
3.配置app，然后在app里面添加代理方法
配置流程
1.apple-app-site-association文件
{
"applinks": {
"apps": [],
"details": [
{
"appID": "teamID.bundleId”,
"paths": ["*"]
}
]
}
}
创建一个包含上述格式的json文件，文件名字必须为apple-app-site-association，不能带后缀名。
appID
appID 的 格式为teamID.bundleId形式。
如何获取teamID呢？
登录开发者网站 ，找到Membership选项卡。
Paste_Image.png
appID具体显示就是：xxxxxxxxxxx.com.shangxinpifa.app 这种
paths
paths配置，实际上就是限制哪些路径可以唤醒app，哪些路径不能唤醒app。格式如下："paths": [ "/wwdc/news/", "NOT /videos/wwdc/2010/*", "/videos/wwdc/201?/*"]
1.使用*配置，则整个网站都可以使用
2.使用特定的URL，例如/wwdc/news/来指定某一个特殊的链接
3.在特定URL后面添加，例如 /videos/wwdc/2015/, 来指定网站的某一部分
4.除了使用*来匹配任意字符，你也可以使用 ?来匹配单个字符，你可以在路径当中结合这两个字符使用，例如 /foo/*/bar/201?/mypage
验证apple-app-site-association文件
文件配置完成之后，将其上传到你的服务器根目录或者.well-known这个子目录下。
1.确保使用https://域名.com/apple-app-site-association这个链接可以访问到。2.也可以使用苹果的验证网站，验证文件是否能被苹果请求到。如果是未上线的应用，使用验证网站时可能出现如下提示：
Paste_Image.png
Paste_Image.png
出现该提示为apple-app-site-association文件配置正确。出现404错误码提示，则为apple-app-site-association文件未上传成功，或者使用 https://域名.com/apple-app-site-association路径无法访问。
app IDs 配置
进入开发者网站，找到你自己的bundleId，可以点击edit按钮，开启associate domains，并创建相应的provisioning
Profiles，如下图：
Paste_Image.png
项目配置
在项目的Capablities中开启Associated domains，如下图：
Paste_Image.png
注意domains可以添加多个，前缀必须为applinks:，applinks:后为你的服务器的域名。
代码接收Universal Links唤醒
Paste_Image.png
在appdelegate中实现上面这个方法，当使用Universal Links唤醒app时就执行这个方法。
验证配置
快捷验证，在备忘录中输入/goods/129893，长按这个链接，出现下图提示则配置成功。
Paste_Image.png
证书申请
阿里云提供了免费的ssl证书申请
Paste_Image.png
购买之后到控制台补全信息：
Paste_Image.png
补全信息后点击进度查看下一步的配置工作
Paste_Image.png
按照步骤完成配置后，10分钟左右就会通过审核，服务器配置按照阿里云提供的文档继续操作即可
1.在没有安装app的情况下，如何跳转下载页面？
对于apple手机，在nginx上，将你的universal link指向一个文件，例如download.html
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="0" />
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
<title>上新-跳转中...</title>
</head>
<body>
<script type="text/javascript">
setTimeout(function(){
window.location = "http://a.app.qq.com/o/simple.jsp?pkgname=com.shangxin"
},3000)
</script>
</body>
</html>
这样做的目的可以理解为，给手机3秒的时间去唤醒app，如果3秒内没有唤醒，则跳转到下载页面
2.安卓上有没有这种功能？
我目前没找到很好的deep link方案，安卓上还是采用传统的提示打开浏览器，使用scheme跳转。
3.安卓上怎么处理用户没有下载app的情况？
同样的思路，如果浏览器在一定时间段内没有唤起app，则直接跳转下载页面，可参考以下代码
if(!isWeixin){
if(browser.versions.android == true){
var ifr = document.createElement('iframe');
ifr.src = 'your android awake up scheme'
ifr.style.display = 'none';
document.body.appendChild(ifr);
var aa = Date.now();
setTimeout(function(){
var cc = Date.now();
if(cc - aa <(1500 + 200)){
window.location = "http://a.app.qq.com/o/simple.jsp?pkgname=com.shangxin"
}else{
document.body.removeChild(ifr);
}
},1500)
}
}
4.唤醒app后，屏幕右上角的返回按钮如何去除？
不知道。。。- - !
131516886582_.pic.jpg

我要回帖

更多关于 网站打开自动跳转 的文章

 

随机推荐