公司目前要做出行业务,第一个入口确定为微信小程序。
作为老鸟,不得不多问一嘴,后面可能还有其他入口么?
得到的回答是:后续可能还有支付宝小程序,高德小程序,百度小程序,公众号,出行app。
在这样一个需求场景下,我们没有那么多资源去投入到多端的原生开发,webview方案成了唯一的选择。
既然要用,那么必然就要进行一些技术验证。
因为之前有过ioswebview加载h5性能不佳的体验,所以当时笔者主要的担心是webview加载h5的性能。
迅速写了demo一尝试,哇靠,还挺快。
性能不担心了,然后就去网上搜了搜常见问题。一看都有解决方案,也没怎么担心。
这个时候,笔者觉得没什么瓶颈了,按部就班的去开发就好了。一切都是那么的美好。
方案:这个问题比较简单,在webview的url字符串上传递就是了。迅速解决,这种feel很nice啊
但要注意,当小程序从后台模式切换到前台模式时,在onshow里要进行身份的有效性检查
第一个页面开发完和后台接口联调的时候,突然发现token有问题(为了前后交互安全,基于OAuth实现的令牌)。
我们的h5网站也是可以微信浏览器访问的,但发放的token和小程序的是有差异性的。反反复复折腾了两天,才知道小程序的cookie和微信共享,而且后台运行时依然保留。
方案:进入时判断是否小程序,是的话全部清理token,重新获取,保证cookie数据的一致性
当时开发人员为了能方便调试,在代码中加个一个判断,如果不在小程序,就不去调用小程序的专有api。
写的有点花里胡哨的,判断user-agent,后来发现ios有bug还兼容了一把。
但笔者总觉得太麻烦,兼容性也不太靠谱。
方案:小程序webview的url加个参数&isSP=true,程序里判断一把就ok了。绿色环保无污染
方案:开发测试时,在微信【设置】->【通用】->【存储空间】->【缓存】中彻底清理缓存,以保证加载最新的页面
发布生产后,就需要有较好的版本管理。首页设置Cache-Control:no-store,始终加载最新html,同时在首页中根据版本号判断是否需要加载最新的js脚本
微信SDK里面没有直接分享的调用。所以这个地方需要变通实现
1.在可以分享的页面增加一个分享按钮
2,当点击该按钮时,打开一个新的小程序页面,参数通过url传递
3,在新打开的小程序页面里,进行真正的分享操作。
小程序分享页面代码如下:
先看看两者的实际场景区别:
1,通过分享页面进入,会直达目标页面。
2,如果正常启动小程序,显示的是首页
哪如何区分这两者呢?可以通过在小程序的app.js的onShow里加代码处理
按照标准的方式,在head里加入高德script,会有什么问题呢?
1,h5页面反复跳转或返回,高德地图多次加载
2,高德地图的响应不稳定。慢的时候会阻塞整个页面的渲染。
因为高德地图在首页,我们想尽快的给用户显示内容,以避免客户流失。
3,缓存高德地图对象,再次进入页面如果存在地图对象,不进行2的操作
最终效果:客户会先看到头部和底部内容,高德地图慢慢显示。体验有所提高
这个问题的痛点不在于如何解决。方案可以用cookie或localstoreage来替代。
重点是不知道!不知道!不知道!
正常情况来说,当h5运行在浏览器的时候。
跳转新页面左上会显示一个向左的返回箭头。
哪如果在webview你也想煎饼果子来一套怎么办?
和浏览器的区别就是,你得保证有两个webview。然后h5的正常跳转就会达到预期效果。
我们的做法是,首页是一个webview,在这个页面上只存在一个跳转按钮,该按钮点击打开一个新的webview。
该问题只是对于我们项目是top1问题,大家关注问题点即可。
由于我们系统前后端交互加入了OAuth的验证机制,所以会有一个token传递,该token15分钟过期
那么问题来了,如果小程序被切到后台,15分钟后再切到前台怎么办?同时我们还想好好利用这15分钟的缓存优化切换到前台的加载速度。
1,检测是否新用户,新用户直接静默登陆url赋值给webview
2,不是新用户,记录时间,判断是否13分钟之内(比15分钟稍微小一点,保留点余地)的二次访问,是的话,不做任何处理
上述操作在onShow里实现
通过项目实践,整体来讲,h5内嵌webview,还是有很多不成熟的地方,微信sdk的js api提供的也比较少。
就现状来说,给将要使用webview的建议就是:
在微信朋友圈里看到一些有意思的小视频,或者自己录制的小视频不知道保存在哪里呢?一些小伙伴不知道iPhone微信小视频如何导出,这里小编就来介绍一下4S手机微信小视频保存到本地的三种方法,感兴趣的来看看吧。
4S微信视频保存的步骤
如果你身边恰好有安卓手机可以使用就方便很多。
1、在安卓上登陆另一个微信号
2、把小视频转发到安卓手机
3、打开安卓手机的文件管理器,依次打开微信小视频默认保存路径sdcard0/Tencent/MicroMsg/最长后缀名称文件夹/video 找到小视频复制到你的目标位置即可
需要一台安卓手机,需要两个微信帐号。
保存的视频可以直接上传到其他地方。
二、借助电脑版微信
在电脑上访问 下载
1、在电脑上下载PC版微信,扫描登陆
2、手机端将小视频随便发给一个好友
这个时候在电脑上可以看到了,但是操作不了,没事,接着看
3、电脑端依次打开
需要联网电脑,在外面很难操作。
一个帐号即可完成,不需要借助他人的东西。
三、电脑下载第三方管理程序
本地视频上传到朋友圈的方法步骤:
一、在发朋友圈时候是无法直接发送本地视频的,借助收藏功能
1、发送本地视频给好友
2、成功后长按视频选择收藏
3、进入收藏 选择这个视频,点击右上角 分享到朋友圈即可
二、借助微视等软件,上传后分享链接 (不推荐)
现在有用户在玩中的小程序,不过在电脑端中部分用户却打不开小程序,那么到底是什么原因导致的呢?应该如何打开PC端中的微信小程序?先就通过这篇文章给大家介绍一下。
在旧版的PC版微信中,是不支持小程序的,当用户收到好友分享过来的小程序时,就会提示用户“收到一个小程序,请在手机上查看”。而在新版的PC版微信中,用户就可以直接打开这个小程序了。如果你的版本不是最新的,请升级,方法如下:
1、对于小程序在微信电脑板上打开,我们是需要更新一下版本的,如果你都版本提示是收到了一个小程序,说明是版本太低了,不支持。
2、我们需要打开微信电脑版,然后点击左下角的菜单,点击以后,在里面选择设置按钮。
3、我们看到有一个关于版本的,点击更新,最新版本的是支持收到小程序的,点击更新即可。
4、更新以后,我们就可以看到刚才我们看到显示的是一个小程序的问题的界面,这个时候就显示小程序的内容了。
5、点击可以直接打开小程序,和在手机上是一样的,是需要先进行登录的。
6、登陆了小程序以后,和手机界面的一样,点击上面右侧的按钮就可以回到里面了。
7、因为是在电脑上可以打开,但是有些可能还会存在一些小问题,所以收到小程序,在手机上打开最好了。
好了,以上就是小编为大家带来关于“微信电脑版小程序怎么打开”这个问题的全部内容介绍了,相信升级之后,就能解决问题,或者直接页面上给大家的下载地址。
版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。