Html5跳转到APP指定页面的实现


Posted in HTML / CSS onJanuary 14, 2020

1.设置urlschemes

Html5跳转到APP指定页面的实现

urlschemes尽量设一个唯一的字符串,例如可以设为:iOS+公司英文名+ 项目工程名
比如我的设为iOSTencentTest,在浏览器中输入地址iOSTencentTest://即可跳转到我的app

2.跳转到指定页面

在使用iOSTencentTest://打开app会调用AppDelegate的代理方法

-(BOOL)application:(UIApplication *)app openURL:(NSURL *)url options:(NSDictionary<UIApplicationOpenURLOptionsKey,id> *)options

跳转指定页面在该方法中操作
iOSTencentTest://后面是可以添加参数的,例如iOSTencentTest://goodsDetails?id=xxxxx
goodsDetails可直接通过url.host获取
id=xxxxx 参数可直接通过url.query获取
可以根据自身需求去设置不同的host和参数。

Html5跳转到APP指定页面的实现

h5那边只需要执行:

window.location.href = 'iOSTencentTest://goodsDetails?id=xxxxx'

附:

//获取Window当前显示的ViewController
- (UIViewController*)currentViewController{
    //获得当前活动窗口的根视图
    UIViewController* vc = [UIApplication sharedApplication].keyWindow.rootViewController;
    while (1)
    {
        //根据不同的页面切换方式,逐步取得最上层的viewController
        if ([vc isKindOfClass:[UITabBarController class]]) {
            vc = ((UITabBarController*)vc).selectedViewController;
        }
        if ([vc isKindOfClass:[UINavigationController class]]) {
            vc = ((UINavigationController*)vc).visibleViewController;
        }
        if (vc.presentedViewController) {
            vc = vc.presentedViewController;
        }else{
            break;
        }
    }
    return vc;
}
//NSString类别方法
//通过url.query获取参数字符 再分成字典 
-(NSMutableDictionary *)getURLParameters
{
    if (!self.length) {
        return nil;
    }
    NSMutableDictionary  *params = [NSMutableDictionary   dictionary];
    if ([self containsString:@"&"]) {
        NSArray *urlComponents = [self componentsSeparatedByString:@"&"];

        for(NSString *keyValuePair in urlComponents) {

            //生成key/value
            NSArray *pairComponents = [keyValuePair componentsSeparatedByString:@"="];
            NSString *key = [pairComponents.firstObject stringByRemovingPercentEncoding];
            NSString*value = [pairComponents.lastObject stringByRemovingPercentEncoding];

            //key不能为nil

            if(key==nil|| value ==nil) continue;

            id existValue = [params valueForKey:key];
            if(existValue !=nil) {
                //已存在的值,生成数组。
                if([existValue isKindOfClass:[NSArray class]]) {
                    //已存在的值生成数组
                    NSMutableArray*items = [NSMutableArray arrayWithArray:existValue];
                    [items addObject:value];
                    [params setValue:items forKey:key];
                }else{
                    //非数组
                    [params setValue:@[existValue,value]forKey:key];
                }

            }else{
                //设置值
                [params setValue:value forKey:key];
            }

        }
    }else {
        //单个参数生成key/value
        NSArray *pairComponents = [self componentsSeparatedByString:@"="];
        if(pairComponents.count==1) {
            return nil;
        }
        //分隔值
        NSString *key = [pairComponents.firstObject stringByRemovingPercentEncoding];
        NSString *value = [pairComponents.lastObject stringByRemovingPercentEncoding];
        //key不能为nil
        if(key ==nil|| value ==nil)return nil;
        //设置值
        [params setValue:value forKey:key];

    }
    return params;
}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

HTML / CSS 相关文章推荐
使用CSS3设计地图上的雷达定位提示效果
Apr 05 HTML / CSS
css3中less实现文字长阴影(long shadow)
Apr 24 HTML / CSS
纯CSS3实现的井字棋游戏
Nov 25 HTML / CSS
html5实现完美兼容各大浏览器的播放器
Dec 26 HTML / CSS
基于html5 DeviceOrientation 实现微信摇一摇功能
Sep 25 HTML / CSS
Html5 web本地存储实例详解
Jul 28 HTML / CSS
详解HTML5中的拖放事件(Drag 和 drop)
Nov 14 HTML / CSS
video.js支持m3u8格式直播的实现示例
May 20 HTML / CSS
HTML5图片层叠的实现示例
Jul 07 HTML / CSS
纯CSS实现酷炫的霓虹灯效果
Apr 13 HTML / CSS
css display table 自适应高度、宽度问题的解决
May 07 HTML / CSS
CSS实现章节添加自增序号的方法
Jun 23 HTML / CSS
html5自动播放mov格式视频的实例代码
Jan 14 #HTML / CSS
html5响应式开发自动计算fontSize的方法
Jan 13 #HTML / CSS
html5 制作地图当前定位箭头的方法示例
Jan 10 #HTML / CSS
详解HTML5 Canvas标签及基本使用
Jan 10 #HTML / CSS
HTML5自定义mp3播放器源码
Jan 06 #HTML / CSS
html5 canvas手势解锁源码分享
Jan 07 #HTML / CSS
HTML5自定义视频播放器源码
Jan 06 #HTML / CSS
You might like
PHP curl_setopt()函数实例代码与参数分析
2011/06/02 PHP
php解析xml方法实例详解
2015/05/12 PHP
php 变量引用与变量销毁机制详细介绍
2016/12/05 PHP
php写入文件不覆盖的实例讲解
2019/09/17 PHP
YUI 读码日记之 YAHOO.lang.is*
2008/03/22 Javascript
jQuery 源代码显示控件 (Ajax加载方式).
2009/05/18 Javascript
javascript dom 基本操作小结
2010/04/11 Javascript
ExtJS 2.0 GridPanel基本表格简明教程
2010/05/25 Javascript
jquery中dom操作和事件的实例学习 仿yahoo邮箱登录框的提示效果
2011/11/30 Javascript
JavaScript link方法入门实例(给字符串加上超链接)
2014/10/17 Javascript
JS实现仿QQ效果的三级竖向菜单
2015/09/25 Javascript
探寻JavaScript中this指针指向
2016/04/23 Javascript
利用JS判断字符串是否含有数字与特殊字符的方法小结
2016/11/25 Javascript
js 动态生成json对象、时时更新json对象的方法
2016/12/02 Javascript
利用Bootstrap实现表格复选框checkbox全选
2016/12/21 Javascript
Node.js学习入门
2017/01/03 Javascript
微信小程序后台解密用户数据实例详解
2017/06/28 Javascript
webpack配置打包后图片路径出错的解决
2018/04/26 Javascript
详解Vue+elementUI build打包部署后字体图标丢失问题
2020/07/13 Javascript
全面解读Python Web开发框架Django
2014/06/30 Python
Python实现好友全头像的拼接实例(推荐)
2017/06/24 Python
详解python实现读取邮件数据并下载附件的实例
2017/08/03 Python
Python3标准库之functools管理函数的工具详解
2020/02/27 Python
Python通过队列来实现进程间通信的示例
2020/10/14 Python
CSS3制作气泡对话框的实例教程
2016/05/10 HTML / CSS
来自Ocado的宠物商店:Fetch
2018/07/10 全球购物
上班上网检讨书
2014/01/29 职场文书
工伤赔偿协议书范本
2014/04/15 职场文书
反四风对照检查材料
2014/09/22 职场文书
死者家属慰问信
2015/03/24 职场文书
自荐信格式模板
2015/03/27 职场文书
雷锋的故事观后感
2015/06/10 职场文书
温馨祝福晨语:美丽的一天从我的问候开始
2019/11/28 职场文书
Django如何创作一个简单的最小程序
2021/05/12 Python
一文搞懂python异常处理、模块与包
2021/06/26 Python
mybatis 解决从列名到属性名的自动映射失败问题
2021/06/30 Java/Android