Top 5:启动小程序时如何区分是否分享
我们先来看一下两者的实际场景区别:
1.通过分享页面进入,将直接进入目标页面。
2.如果正常启动小程序,则会显示主页。
如何区分这两者呢?你可以在小程序的app.js中添加代码。
Top 4:优化高德地图加载
那如果按照标准的方式把Amap加到head里面,会出现什么问题呢?
如下:
1.h5页面重复跳转或返回,高德地图多次加载
2、高德地图响应不稳定,慢的时候会阻塞整个页面的渲染。
因为高德地图在首页,我们希望尽快的将内容展示给用户,避免客户流失。
解决方案如下:
1. 高德地图js
2.使用时,使用+方法进行延迟加载。
3. 缓存Amap对象,如果再次进入页面时map对象还存在,则不需要再执行第2步。
最终效果:客户会先看到页眉和底部内容,然后高德地图才会慢慢显示出来,体验得到提升
Top3:数据不共享
这个问题的痛点不在于如何解决,解决办法可以用或者来代替。
关键是我不知道!我不知道!我不知道!
top2:返回按钮实现
正常情况下,当h5在浏览器中运行时。
当跳转到新的页面时,左上角会出现一个指向左方的返回箭头。
如果您还想要一套煎饼怎么办?
和浏览器不一样的是,你必须确保有两个。这样h5的正常跳转才会达到预期的效果。
我们做的是,首页就一个,并且这个页面只有一个跳转按钮,点击后打开一个新的。
Top1:从后台切换到前端h5加载
这个问题只是我们项目的首要问题,所以请只关注问题点。
由于我们系统前后端交互增加了验证机制,所以会产生传输,分钟到期
当首页加载完成时,获取传递给h5的URL
那么问题来了,如果小程序切换到后台,15分钟后又切换到前台怎么办?同时,我们也想利用好这15分钟的缓存,优化切换到前台时的加载速度。
最终解决方案如下:
1.检查是否为新用户,新用户可以直接将静默登录URL指定给
2. 如果用户不是新用户,记录时间,判断是否是13分钟内(略小于15分钟,留有余地)的第二次访问,是则不做任何处理。
3. 如果超过13分钟,则重新获取并给出新的URL
上述操作在
top-boss:签名失败
我只能用老大来形容,网上一大堆资料,提醒大家用公众号,不要用小程序。
但这样就够了吗?不行,如果页面跳转几次,就会发现签名失败,但是界面和签名工具验证都是没问题的。
真相只有一个:只有src被wx.授权了,其他的跳转都没有调用授权。
最后的想法
通过项目实践,整体来看+H5还有很多不成熟的地方,而且微信SDK提供的js api比较少。
截至目前,对于即将使用它的人的建议是:
如果页面显示内容很多,交互不多,可以采用此方案,如果页面交互比较复杂,此时不建议采用此方案。