Top5:小程序分享进入与正常启动的区别及高德地图优化加载方案

2024-07-02
来源:网络整理

Top 5:启动小程序时如何区分是否分享

我们先来看一下两者的实际场景区别:

1.通过分享页面进入,将直接进入目标页面。

2.如果正常启动小程序,则会显示主页。

如何区分这两者呢?你可以在小程序的app.js中添加代码。

Top 4:优化高德地图加载

那如果按照标准的方式把Amap加到head里面,会出现什么问题呢?

如下:

1.h5页面重复跳转或返回,高德地图多次加载

2、高德地图响应不稳定,慢的时候会阻塞整个页面的渲染。

因为高德地图在首页,我们希望尽快的将内容展示给用户,避免客户流失。

解决方案如下:

1. 高德地图js

2.使用时,使用+方法进行延迟加载。

3. 缓存Amap对象,如果再次进入页面时map对象还存在,则不需要再执行第2步。

最终效果:客户会先看到页眉和底部内容,然后高德地图才会慢慢显示出来,体验得到提升

Top3:数据不共享

这个问题的痛点不在于如何解决,解决办法可以用或者来代替。

关键是我不知道!我不知道!我不知道!

top2:返回按钮实现

正常情况下,当h5在浏览器中运行时。

微信支付页面小程序_微信小程序支付模块教程_微信小程序webview支付

当跳转到新的页面时,左上角会出现一个指向左方的返回箭头。

如果您还想要一套煎饼怎么办?

和浏览器不一样的是,你必须确保有两个。这样h5的正常跳转才会达到预期的效果。

我们做的是,首页就一个,并且这个页面只有一个跳转按钮,点击后打开一个新的。

Top1:从后台切换到前端h5加载

这个问题只是我们项目的首要问题,所以请只关注问题点。

由于我们系统前后端交互增加了验证机制,所以会产生传输,分钟到期

当首页加载完成时,获取传递给h5的URL

那么问题来了,如果小程序切换到后台,15分钟后又切换到前台怎么办?同时,我们也想利用好这15分钟的缓存,优化切换到前台时的加载速度。

最终解决方案如下:

1.检查是否为新用户,新用户可以直接将静默登录URL指定给

2. 如果用户不是新用户,记录时间,判断是否是13分钟内(略小于15分钟,留有余地)的第二次访问,是则不做任何处理。

3. 如果超过13分钟,则重新获取并给出新的URL

上述操作在

top-boss:签名失败

我只能用老大来形容,网上一大堆资料,提醒大家用公众号,不要用小程序。

但这样就够了吗?不行,如果页面跳转几次,就会发现签名失败,但是界面和签名工具验证都是没问题的。

真相只有一个:只有src被wx.授权了,其他的跳转都没有调用授权。

最后的想法

通过项目实践,整体来看+H5还有很多不成熟的地方,而且微信SDK提供的js api比较少。

截至目前,对于即将使用它的人的建议是:

如果页面显示内容很多,交互不多,可以采用此方案,如果页面交互比较复杂,此时不建议采用此方案。

分享