最近在一个移动端的 Web 项目中踩了很多的坑,感觉有必要把它们记录下来,分享给即将踏入移动端 Web 开发大门的朋友们,更好的解决ios和android兼容。
以下是目前腾讯发布的15款游戏,是不是有不少熟悉的味道: 微信上线的15款小游戏 三、对H5游戏的影响 自从14年神经猫爆红朋友圈后,这几年H5游戏备受期待又屡屡让人失望,很大一部分原因在于H5游戏的入口较深...作为一名H5游戏从业者,我觉得这可能将改变18年H5游戏的整体市场格局。...1、开发成本进一步降低 小程序继承了H5跨平台的特点,适配成本相对较低,在这次更新的小游戏开发文档里,也针对H5游戏有专门的适配说明,相信H5游戏的移植成本不会太高,具体请技术同学来评价吧。...微信小游戏开放文档里的说明 2、传播范围进一步扩大 近年来随着微信对朋友圈里H5游戏的限制,爆款的H5游戏少之又少。...就像第一款小游戏“跳一跳”一样,H5游戏也将乘着小游戏的东风“跳一跳”。 可以说,2018年,属于小游戏。 关注Jimi的公众号“几米一回头”,跟我一起折腾,从0到1。
很多人还以为小程序只能在微信环境才能相互跳转,不知道其实【URL Scheme】早就可以实现非微信环境跳转,并且比使用微信环境内容的开发标签跳转小程序更简单 有些节假日活动或者业务需求,需要把H5...Android系统不支持直接识别URL Scheme,用户无法通过Scheme正常打开小程序,开发者需要使用H5页面中转,再跳转到Scheme实现打开小程序,跳转代码示例如下: location.href...TICKET*' 复制代码 为了兼容苹果和安卓都能使用,我个人建议统一写成脚本执行跳转locataion.href=‘URL Scheme地址’,这可能会出现,有些浏览器会自动拦截脚本自动执行的内容,导致跳转H5
错误消息="+msg, Toast.LENGTH_SHORT).show(); } }); 工具类 private final static String H5...= "H5"; private final static String TAOBAO = "taobao"; private final static String TMALL = "...case H5: alibcShowParams = new AlibcShowParams(OpenType.H5, false);..." + i + " / 错误消息=" + s, Toast.LENGTH_SHORT).show(); } }); } /** * 跳淘宝详情...showDetailPage(activity, id, AUTO); } } /** * 跳天猫详情 */ public
业务场景,一个分享出去的h5界面通过页面内某个事件的触发,启动目标app并执行相关逻辑处理或做其他页面跳转(如:跳应用市场下载应用等)。...H5代码(事件触发入口): 启动应用程序 Android处理: 在AndroidManifest.xml的MAIN Activity下追加以下内容(按照下面的格式来追加) <intent-filter
缘起 随着 App 的成长,我们难免会遇到以下这些需求: H5 跳原生界面 Notification 点击调相关界面 根据后台返回数据跳转界面,例如登录成功后跳不同界面或者根据运营需求跳不同界面 实现...除此之外,我们还需要考虑各种功能性需求: 可以设置拦截器 interceptor,例如跳某些界面,如果是非登录的状态,可能需要跳转到登录界面 参数可以指定一些基础类型, scheme 所携带的参数的值都是字符串...customFactory() default void.class; // 可以承载目标 Fragment 的 activity 列表,如果当前 activity 不在列表里,则用 activities...的第一项启动新的 activity Class<?...ActivityScheme(name="<em>activity</em>1") class Activity1: QMUIActivity{ override fun onCreate(...){ ...
背景 什么是路由 根据路由表将页面请求分发到指定页面 使用场景 App接收到一个通知,点击通知打开App的某个页面 浏览器App中点击某个链接打开App的某个页面 运营活动需求,动态把原生的页面替换成H5...页面 打开页面需要某些条件,先验证完条件,再去打开那个页面 不合法的打开App的页面被屏蔽掉 H5打开链接在所有平台都一样,方便统一跳转 App存在就打开页面,不存在就去下载页面下载,只有Google的...都可以直接打开,有安全风险 AndroidMainfest集中式管理比较臃肿 无法动态修改路由,如果页面出错,无法动态降级 无法动态拦截跳转,譬如未登录的情况下,打开登录页面,登录成功后接着打开刚才想打开的页面 H5...路由结构图 详细比较 大部分路由库都用Apt(编译时注解)生成路由表,然后用路由表转发到指定页面 方案对比 OkDeepLink Airbnb DeepLinkDispatch 阿里 ARouter 天猫 统跳协议...,欢迎联系我kingofzqj@gmail.com 参考文献 业界做法 airbnb开源的页面路由 阿里开源的页面路由 天猫的统跳协议 蘑菇街的页面路由 Google App Link 移动DeepLink
『不就是h5么?』 『对!没错!就是h5!』 好多技术仔跳起来,『不对!微信小游戏是种runtime,而且是更为底层的封装……而且h5是啥?我只听过html5没听说过h5……』 好的,别理他们。...微信小游戏里面制作的就是h5小游戏。 知道这点就行了。 但微信小游戏并不是一个游戏。 它是一个平台。 一个提供h5游戏的平台。 ? 其实这种平台并不少见,市面上已经有很多类似的h5游戏平台渠道了。...---- 微信更新后首屏就是『跳一跳』 ? 一打开就有种熟悉的感觉,上线不久就被扒出来,『啊啊啊,这个是抄某某游戏的』,但这是重点吗?...放到其他任意一个平台,能达到这种『全民』跳一跳的成就吗? ? 不能。 所以说 『如何看待跳一跳这款游戏?』 『为什么跳一跳会爆红?』 『跳一跳这类游戏的魔性设计是什么理念,可以复制吗?』...脱离微信去讨论『跳一跳』这款游戏,毫无意义。 这些为什么,你心里就没点b数? ---- 微信首发上线了16款游戏。 ? 基本上要么很『轻』,要么就是直接成熟h5版本的移植。
1、公众号跳小程序 比如说 “丰巢快递柜” 公众号关联的小程序:丰巢寄快递。 2、小程序跳公众号 打开“丰巢寄快递”,点击右上角的菜单选项,然后点击”关于丰巢寄快递“,就可以看见关联的公众号了。...二、小程序和H5 答案是:可以相互跳转。 1、小程序跳H5 之前一直是有限制,就在11月2号晚上终于公布,小程序可以跳H5的好消息了(前提小程序管理后台配置域名白名单),忍不住哈哈哈哈哈哈哈哈。...2、H5跳小程序 相应的,H5也可以跳回小程序啦: 只要引入路径为https://res.wx.qq.com/open/js/jweixin-1.3.0.js的js文件,然后在执行以下代码就可以了。...1、公众号跳H5 这个好像一直都是支持的,公众号的自定义菜单呀、自定义消息呀,这些都可以放H5链接跳转,这就没啥好讨论了,下面说下H5怎么跳转公众号吧。...2、H5跳公众号 本身来说这是不可以的,但也有间接的做法,那就是跳转到公众号的历史消息页面,然后再进入微信公众号,这是目前大概最好的做法了。
同时,更新微信后,用户在登入时,微信通过开屏向用户推荐了小游戏「跳一跳」。 ? (「跳一跳」游戏界面和排行榜) 不过值得注意的是,目前 Android 版在灰度测试中。 ?...「跳一跳」是第一批上架微信小游戏之一。此外,第一批小游戏还包括:欢乐斗地主、悦动音符、保卫萝卜讯玩版、爱消除乐园、贵州麻将、星途 WeGoing、四川麻将等。...除了看热闹、小游戏里玩几把「跳一跳」之外,还有哪些事情是我们应该关注的? ? 压抑许久的 H5 迎来转折点 小游戏是小程序的一个类目,主要采用 HTML5 (以下简称 H5)游戏引擎开发。...几乎可以确认,腾讯的入局将会给 H5 行业带来巨大的转折,记者采访了《围住神经猫》H5 游戏的开发者秦川,他表示: 看好 2018 的 H5 市场,我们 H5 从业者信心更大了。...就如同好几年前的微信游戏中心上线——今天玩的「跳一跳」的心情,就似乎有点当年玩「天天打飞机」的意思。 俗话说「三十年河东三十年河西」。
跨平台,是H5最重要的能力之一。而 Hybrid H5 因强依赖于具体 app,往往不具有跨平台性。这时,将强依赖关系解耦,即可恢复 H5 的跨平台能力。...Hybrid H5 跨平台性 进入正题之前,先解释下本文主题的两个名词: ①Hybrid H5,即混合了原生能力的 H5。...微信和 手Q 上的 H5 业务一般都属于 Hybrid H5 的范畴。 ② 跨平台性,即一个 H5 页面可同时运行在多个平台上。可运行平台越多,跨平台性就越强。...var _tempBox = confirm('请在手机QQ中使用~'); if (_tempBox == true) { /*跳至手...paramObj.url } }, ...其他接口... }; return mod; 调用 openTenpayView,页面能在 手Q 中正常调用,而在非 手Q 时则跳转回
小程序 -> H5 页面 同 1 小节一样,也不存小程序跳 H5 页面的路径。同样只是通过 web-view 内打开业务域名白名单内的页面而已,功能受限,比如不能支付。...公众号文章 -> APP 这两个没有直接联系,可以参照第 7,9 小节,通过公众号文章打开 H5 页面,再打开 APP 实现。 结论:真没有。可以先打开 H5页面,走 H5 跳 APP流程。 12....结论:和打开 H5 类似,但只能作为信息展示,没有其他能力。 13. 小程序 -> 小程序 那么,你以为同样的环境就一定能跳吗?当然不是。...H5 页面 -> H5 页面 这个就相当自由了,页面都是自己做的,想怎么跳就怎么跳。唯一需要注意的是,我们有些 H5 页面可能使用了微信网页授权接口,但是忘记了判断微信环境。...此外,如果是在小程序的 web-view 里面跳来跳去的话,要注意是否所有跳转链接都在小程序的业务域名白名单内,否则也是无法打开的。 结论:浏览器里随便跳,小程序在白名单里跳。 16.
在微信的「搜一搜」中搜索小游戏的名称,例如:跳一跳,就能直接开始玩了。 腾讯“微信派”官方微信号就预演了微信小游戏的游戏效果,重点介绍了官方推荐的小游戏“跳一跳”。...而据了解,这次推出的小游戏将全面兼容和支持 H5 游戏。不过,小游戏并不等于 H5 游戏,它是小程序的一个类目,这也注定了它将比以往 H5 游戏青出于蓝。...腾讯属意H5手游已久 微信手Q早有零星H5游戏接入 联系此前的一系列举动,腾讯有意发展H5手游平台其实早有先兆。...除了已经刷屏的「跳一跳」,极客公园也从微信官方第一时间获取了首批开放的小游戏名单,从份名单中我们能够管窥未来主流小游戏的模样: 在首批上线的小游戏中,微信一次性推出了 17 款小游戏,其中包括: 贵州麻将...(棋牌) 天天德州(棋牌) 广东麻将(棋牌) 跃动音符(节奏) 全民大乐斗(横版过关) 跳一跳(益智) 星途 WeGoing(益智) 保卫萝卜迅玩版(塔防) 爱消除乐园(消除) 首批游戏中,棋牌和休闲类分别占了
示例图:跳一跳 来,看一看小游戏,到底长啥样 事实上,光听“小游戏”这个名字,就不仅仅是一款“游戏”那么简单。...“小游戏”的开屏游戏是一个名叫“跳一跳”的小游戏,而“跳一跳”只是小游戏中的一款,如同4年前微信5.0版本的开屏游戏:打飞机。”...2、H5游戏开发者的新渠道 关于此前微信封停了一批H5游戏,这个动作是不是代表着要收编H5游戏团队呢?...对此,微信团队表示:“虽然小游戏是基于小程序框架,但可以全面兼容和支持H5游戏(网页游戏),并且,非常欢迎H5游戏开发者关注和参与到开发中。”...很多用户看到“跳一跳”时,会有种似曾相似的感觉。
如果需要打开某一个界面后在跳转回来,如在登录界面点击注册,注册完成后再跳转回登录界面,此时可以使用 bt_regis = (Button) findViewById(R.id.regis); ... startActivityForResult(intent,0); } }); public class Regis extends Activity...Regis.this.setResult(0,intent); finish(); } }); } 不需要跳转回原来的时...,可以使用 Bundle intent = getIntent().getExtras(); intent.getString("name"); 注意: 只有在自动跳转回来的这种函数中才可以使用onActivityResult
h5唤醒APP(比如活动页,通过短信下发链接等等) 其他APP跳转打开自己的APP 2.flutter中如何使用 2.1 安卓配置 安卓支持两种app links 和deep links app links...deeplink, 需要在android/app/src/main/AndroidManifest.xml中加入如下代码: ``` <data android:scheme="https" android:host="[YOUR_HOST]" /> </activity...=a] tab对应我们app里的不同tab页面,我们根据tab来切换app的对应tab subpage就是我们要跳转的具体页面 后面可以加入具体的参数 这样我们在解析uri的时候就知道切换哪个tab,跳哪个页面了
在小程序、小游戏诞生之前,基于H5技术的小游戏是很有市场的,像4399、3366这样的 PC 小游戏平台一直都有人玩。在这些平台上也一直有开发者使用H5技术、Flash技术开发小游戏。...图:《围住神经猫》 看完《跳一跳》,我们再看一下另一个现象级产品。 H5曾经有一款产品《围住神经猫》,在微信朋友圈非常火爆。...那个时候微信刚开放转发H5页面到朋友圈的技术接口。《围住神经猫》作为一款非官方产品,抓住机会,利用新技术红利,迅速创造了产品神话。...很多传统H5单机游戏,都有这两个功能。这种社交传播机制,使得《跳一跳》具有了病毒传播的可能性。...另外,小游戏是基于Canvas绘制实现的游戏画面渲染,H5小游戏所用的Canvas接口,在小游戏中几乎全部可以复用。也就是说,从传统的H5小游戏开发,转向微信小游戏开发,没有难度。
而这仅仅只是H5小游戏的开始,接踵而至的是,12月28下午,微信小游戏重磅上线!让人不禁感慨H5小游戏的春天来了?...可以看到目前已经上线的16款小游戏,分别有欢乐坦克大战、欢乐斗地主、四川麻将、广东麻将腾讯中国象棋、天天德州、贵州麻将、欢乐消消消、保卫萝卜秒玩版、拳皇命运KO不服、大家来找茬腾讯版、全民大乐斗、爱消除乐园、跳一跳...更新后的微信启动页面还重点推荐了小游戏「跳一跳」,一款上手容易精确操作却比较难的小游戏。...微信小游戏带来了什么 压抑许久的 H5 迎来转折点。2014年,一款叫做《围住神经猫》的 H5 游戏刷爆了朋友圈。...而当年,也被认为是H5游戏的元年,一段时间之内,H5 产业上下游的发展备受鼓舞,甚至还被认为是将改变原生 App 的强大的力量,然而后来因为H5游戏本身质量不高,留存和付费都存在问题,H5 游戏还伴随着
现如今,腾讯又在微信推出小程序,并且首推“跳一跳”功能,这项举措,将打开用户、虚拟网络、现实生活三者之间交互的大门。...有趣的是,被放在小程序顶端的是一款名叫“跳一跳”的小游戏,位居首位的它迎来了大批微信用户把玩。...之前盛行的“低俗传播”式H5游戏 可以说,移动端的web页面游戏会被微信推广是预料之中的事,众所周知,H5游戏一度成为微信广告传播的一种形式,防范流传于朋友圈中,例如分享朋友圈得红包、关注后继续看劲爆图片...,都是H5游戏的一种“低俗”形式,这种形式在2016年中旬被微信限制传播,按情节给予处分,甚至永久封号。...外加现如今工作压力、物价上涨压力的持续爆棚,一款简单易上手的H5小游戏很容易成为人们减压的必备良药。 (素材来自网络)
领取专属 10元无门槛券
手把手带您无忧上云