如何解决PC版微信在使用共享网络代理服务器连接失败怎么办上网时小程序无法联网的问题?

公司目前要做出行业务,第一个入口确定为微信小程序。

作为老鸟,不得不多问一嘴,后面可能还有其他入口么?

得到的回答是:后续可能还有支付宝小程序,高德小程序,百度小程序,公众号,出行app。

在这样一个需求场景下,我们没有那么多资源去投入到多端的原生开发,webview方案成了唯一的选择。

既然要用,那么必然就要进行一些技术验证。

因为之前有过ioswebview加载h5性能不佳的体验,所以当时笔者主要的担心是webview加载h5的性能。

迅速写了demo一尝试,哇靠,还挺快。

性能不担心了,然后就去网上搜了搜常见问题。一看都有解决方案,也没怎么担心。

这个时候,笔者觉得没什么瓶颈了,按部就班的去开发就好了。一切都是那么的美好。

top10:微信登陆后,如何把身份传给h5

方案:这个问题比较简单,在webview的url字符串上传递就是了。迅速解决,这种feel很nice啊

但要注意,当小程序从后台模式切换到前台模式时,在onshow里要进行身份的有效性检查

top9:小程序cookie和微信共享,切到后台不丢失

第一个页面开发完和后台接口联调的时候,突然发现token有问题(为了前后交互安全,基于OAuth实现的令牌)。

我们的h5网站也是可以微信浏览器访问的,但发放的token和小程序的是有差异性的。反反复复折腾了两天,才知道小程序的cookie和微信共享,而且后台运行时依然保留。

方案:进入时判断是否小程序,是的话全部清理token,重新获取,保证cookie数据的一致性

top8:判断是否小程序内运行

当时开发人员为了能方便调试,在代码中加个一个判断,如果不在小程序,就不去调用小程序的专有api。

写的有点花里胡哨的,判断user-agent,后来发现ios有bug还兼容了一把。

但笔者总觉得太麻烦,兼容性也不太靠谱。

方案:小程序webview的url加个参数&isSP=true,程序里判断一把就ok了。绿色环保无污染

方案:开发测试时,在微信【设置】->【通用】->【存储空间】->【缓存】中彻底清理缓存,以保证加载最新的页面

发布生产后,就需要有较好的版本管理。首页设置Cache-Control:no-store,始终加载最新html,同时在首页中根据版本号判断是否需要加载最新的js脚本

top6:分享或支付的转弯实现

微信SDK里面没有直接分享的调用。所以这个地方需要变通实现

1.在可以分享的页面增加一个分享按钮

2,当点击该按钮时,打开一个新的小程序页面,参数通过url传递

3,在新打开的小程序页面里,进行真正的分享操作。

小程序分享页面代码如下:

top5:启动小程序如何区分是否分享进入

先看看两者的实际场景区别:

1,通过分享页面进入,会直达目标页面。

2,如果正常启动小程序,显示的是首页

哪如何区分这两者呢?可以通过在小程序的app.js的onShow里加代码处理

top4:高德地图的优化加载

按照标准的方式,在head里加入高德script,会有什么问题呢?

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

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

因为高德地图在首页,我们想尽快的给用户显示内容,以避免客户流失。

3,缓存高德地图对象,再次进入页面如果存在地图对象,不进行2的操作

最终效果:客户会先看到头部和底部内容,高德地图慢慢显示。体验有所提高

这个问题的痛点不在于如何解决。方案可以用cookie或localstoreage来替代。

重点是不知道!不知道!不知道!

top2:返回按钮实现

正常情况来说,当h5运行在浏览器的时候。

跳转新页面左上会显示一个向左的返回箭头。

哪如果在webview你也想煎饼果子来一套怎么办?

和浏览器的区别就是,你得保证有两个webview。然后h5的正常跳转就会达到预期效果。

我们的做法是,首页是一个webview,在这个页面上只存在一个跳转按钮,该按钮点击打开一个新的webview。

top1:后台切换到前端的h5加载

该问题只是对于我们项目是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、因为是在电脑上可以打开,但是有些可能还会存在一些小问题,所以收到小程序,在手机上打开最好了。

  好了,以上就是小编为大家带来关于“微信电脑版小程序怎么打开”这个问题的全部内容介绍了,相信升级之后,就能解决问题,或者直接页面上给大家的下载地址。

}

我要回帖

更多关于 电脑怎么解除内网限制 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信