混合应用apicloud纯前端 之微信,扣扣通过scheme打开app的并接受参数;

1.应用场景

一般,手机应用为推广,会在外部h5页面做一个跳转引入的功能,


点击下载,跳转到下载页面;

点击立即参团:

1.如果已经安装app,打开app,并传递参数,到app,然后app再进行相应的操作,比如跳转到该商品的商品详情,

2.如果未安装,就跳转到相应的应用市场进行下载

2.应用框架

我这边app用的是apicloud框架进行app应用的开发,

外部链接,我们叫h5页面可以直接用

window.location.href = "ygm20170715://?goodsId=" + getUrlParacommon("goodsId")

urlScheme 就是配置在config.xml里面的参数,这样就可以从浏览器跳转到app了

在apicloud里面直接用

api.addEventListener({name:'appintent'},function(ret,err){})

就可以直接监听了

问题:微信,qq里面无法跳转,猜测,被禁止拉~~~23333

2.魔窗


由于,公司没有android,没有ios!只有前端,所以,考虑用第三方sdk,选来选去,选择了一个免费的sdk,魔窗:http://mgnt.magicwindow.cn/(官网)

官网上面有很详细的基础文档,我这里就说下重点,和我趟的坑吧:

首先,集成就分三大部分,第一:外部网页js集成;第二:app内部接收;第三:魔窗官网配置


关系图

大概就是这么个思路了

1.魔窗官网匹配---产品管理:


这里我说下Team ID:这个是在苹果开发者平台获取的  https://idmsa.apple.com,建议混合app前端开发者好好了解下这个后台,主要是上架app,生成各种证书,当公司没有ios的时候,真的很重要,其实很简单的,就是一个后台,(下次我可以简单简绍下下前端用的到的地方)

URI Scheme:就是前面我说配置在config.xml的配置参数,

----mLink配置




分割线,到这里配置算是配置完了,对下一步用得到的参数有

外部链接:mlink:'https://axiydz.mlinks.cc/A05e',//短链地址,参数key(”goodsId“)

app:urlScheme,参数key(”goodsId“),applinks:sxiydz.mlinks.cc(ios,配置在res/UZApp.entitlements文件下面,apicloud官网文档有!



2.外部链接js接入

http://www.magicwindow.cn/doc/mlink-js-api.html(文档)

注意:就想我这样简单配置就行了!。我直接因为那四行注释代码!,怎么都打不开app,排查了一周!!!!!,气晕23333333(因为之前都可以,无缘无故就打不开了)

3.app内部接受

啊啊,终于要写完了,这一圈流程真的巨大啊,要是出了问题,要排查哭的

好,ios亲测,可以打开,接受参数,

android,打开,接受不到参数,apicloud的官方回答是,还没做???!!

apicloud用的魔窗模块,原件399,实付399;也不是很贵,没有原生开发,只能这样了

----1,配置urlScheme

----2.配置UZApp.entitlements文件(ios)



----3.监听代码





好了,完了,终于完了,再见

下次写客服------融云的接入,也是吐血节奏,之前用的环信,但是环信坑货,用了一年,说:要收费”“”????

这是成品链接

https://www.ygmb2b.com/index.php?act=login&op=gumajiaAppGoodsDetail&goodsId=140878

在wx和qq打开试试吧~~~

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 206,126评论 6 481
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 88,254评论 2 382
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 152,445评论 0 341
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 55,185评论 1 278
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 64,178评论 5 371
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,970评论 1 284
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,276评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,927评论 0 259
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,400评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,883评论 2 323
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,997评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,646评论 4 322
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,213评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,204评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,423评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,423评论 2 352
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,722评论 2 345

推荐阅读更多精彩内容

  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,022评论 4 62
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,498评论 25 707
  • 一 1981年,粉碎了“四人帮”,女排勇夺世界冠军,长江葛洲坝截流工程合龙……那一年还发生了什么呢?是斌和雅...
    萧澄阅读 177评论 0 0
  • 我在冬天的雪里 爱着夏天的雷雨 你在雨里雪里离开 我在今天的路口 爱在等着红灯熄灭 你会不会再回来 我在荒败的墓地...
    请叫我小呢阅读 748评论 2 5
  • 林林从记事起,身边就有猫的陪伴,幼时,年迈的祖父母因为身体不好不能帮着父母带她,而身为老师的父母工作又很繁忙,...
    易笔小札阅读 757评论 0 1