如果坑请深坑之ionic微信开发

第一个是网上很多网友提出的问题:就是安卓机上微信里面无法播放视频的问题,而ios里面却不存在;

这个就要责怪一下傻逼微信了,微信里面调用的浏览器内核是QQ浏览器X5内核,我们在点击自己的视频的时候实际上没有真正点击到视频,所以你必须给视频的controls添加一个监听事件,所以我给视频添加了一个封面,监听点击封面事件

image.addEventListener("click",function(){
    var video=document.getElementById("VIDEOID");
    video.play()
})

这样视频就能播放了,ios里面调用的是safiri,不存在获取不到视频这个问题,所以点击视频的时候就播放了,而且自动全屏;

第二个问题就是安卓机里面正常而ios里面一直报invalid signature的情况:这个问题的原因是因为url的问题,我们配置config的时候总要传一个url上去,这个url=location.href ........   动态获取,而到ios的微信里面的时候,实际页面的网址是你的一级网址:比如说你想的网址为wx.baidu.com/myhref     而ios里面解析到的当前网址为wx.baidu.com  没有后面那一级,这个不知道是ios坑还是微信坑,反正都很坑,遇到这个情况,我们要先获取浏览器的类型,ios直接传wx.baidu.com 安卓机的话获取下url就可以了;

第三个问题就是微信的调试功能,这个太TM坑了,微信规定调试的时候必须在安全域名里面调试,可是都TM的发布到安全域名了还调个屁啊,对于前端人员来说确实太坑了,所以我用了charles,配置情况为from:wx.安全域名to 127.0.0.1:80(本机地址);

这样你在微信里面输入wx.安全域名就可以访问你的页面了,注意微信的缓存机制太强大了,你修改代码重新调试的时候注意清下缓存;

更多的问题以后遇到了再补充,真心觉得微信太渣,不用说和国外的SDK比较,就比百度也差了不只一点两点;

时间: 2024-10-18 13:27:00

如果坑请深坑之ionic微信开发的相关文章

Ionic微信开发之环境配置

在开发微信版的H5页面时,如果需要正常调用微信公众号的开放接口(测试或者发布情况),根据官方要求需要保证网页域名和后端维护的一致.因此,进行真服测试就显得很有必要.WebStorm提供了实时远程部署的方式,即利用SFTP的方式,当每次修改代码时,自动将代码自动同步到服务器上.这样在微信测试过程中可以成功调用开发接口的功能. 步骤如下: 1.进入WebStorm,选择File—New Project From Existing Files.弹出的对话框中选择Web server is on rem

微信开发学习总结(二)——微信开发入门

上一篇<微信开发学习总结(一)——微信开发环境搭建>我们已经完成了微信开发的准备工作,准备工作完成之后,就要开始步入正题了. 一.微信公众平台的基本原理 在开始做之前,先简单介绍了微信公众平台的基本原理. 微信服务器就相当于一个转发服务器,终端(手机.Pad等)发起请求至微信服务器,微信服务器然后将请求转发给我们的应用服务器.应用服务器处理完毕后,将响应数据回发给微信服务器,微信服务器再将具体响应信息回复到微信App终端. 通信协议为:HTTP 数据传输格式为:XML 具体的流程如下图所示:

微信开发之启用开发者模式(三)

一.准备环境 1.JDK1.6及以上版本 2.Eclipse 3.Tomcat 4.Ngrok 二.步骤 1.访问微信公众平台开发者手册  https://mp.weixin.qq.com/wiki  如下是接入规则(来自开发者手册):  开发者提交信息后,微信服务器将发送GET请求到填写的服务器地址URL上,GET请求携带参数如下表所示: 参数 描述 signature 微信加密签名,signature结合了开发者填写的token参数和请求中的timestamp参数.nonce参数. time

android MultiDex multidex原理原理下遇见的N个深坑(二)

android MultiDex 原理下遇见的N个深坑(二) 这是在一个论坛看到的问题,其实你不知道MultiDex到底有多坑. 不了解的可以先看上篇文章:android MultiDex multidex原理(一) 解决和遇到的其它问题,请见下一篇文章:android MultiDex 原理下超出方法数的限制问题(三) 遭遇multidex 愉快地写着Android代码的总悟君往工程里引入了一个默默无闻的jar然后Run了一下~~~~ 经过漫长的等待AndroidStudio构建失败了. 于是

OSChina 周四乱弹 —— 人生处处是深坑

当年说要一起建设大深圳的小伙伴们陆陆续续地回老家了,而且他们的理由都是一样的: @梦朝思夕:问题是钱没有赚足 也没过到想要的生活 你们身边有没有这样的朋友呢?生活还是要积极地去面对,不要以为自己碰到点挫折就能看清生活啊 生活处处都是坑,比如说老公坑老婆的 @小编辑:我:老公,你嫌我丑不? 本以为老公会说:宝贝一点都不丑. 结果瞅了瞅我扔下俩字:不嫌... 老婆坑老公的 和我老公吵架,回娘家,现在俺学聪明了,什么带存折,衣服的都弱爆了. 我把空调遥控,电视机遥控,电脑设上开机密码,wifi密码改掉

在Web API中使用Swagger-UI开源组件(一个深坑的解决)

介绍: Swagger-Ui是一个非常棒的Web API说明帮助页,具体详情可自行Google和百度. 官网:http://swagger.io/    GitHub地址:https://github.com/swagger-api/swagger-ui 使用: Swagger-Ui是一个用纯前端语言开发的项目,所有强大的功能全靠JS实现.为了能在.Net的Web API项目中使用,我们借用domaindrivendev开发的Swashbuckle进行配置.配置方法如下: 1.在Nuget中安装

拒绝深坑!记录找了多半天时间的C++编译失败的错误

采用新的源码,和原来的服务改动也不是很大,但是拒绝深坑啊,找了半天以为是源码的问题,结果倒好原来是环境的问题,还是要感谢一个神一样的人物的帮助 编译的时候一直出现undefined reference to 的bug,看网上的帖子一边倒的是引用的函数没加载进来,一直找是源码说的继承的问题,funk 结论是!!!: 环境里生成的动态链接库有三个,Makefile里面引用的有旧的!!! so, 果断删除!解决战斗!编译通过,完毕!

【Unity笔记】Terrain地形制作坍塌/深坑

Unity的Terrain组件在[set the terrain height]分页下,height高度为0时,可理解为该地形的海平面高度,此时就不能地形下榻.把height调到100,点击[flatten],然后就能做地形下榻,深坑的深度最多即可达到100. 学习资料: http://www.maiziedu.com/course/540-7397/

挨踢部落故事汇(32): Java深坑如何填?

世上本没有坑,踩的人多了也便成了坑.每遇到一次困难,每踩一个坑,对程序员来说都是一笔财富.持续学习是程序员保持竞争力的源泉.本期将分享一个踩坑无数的Java程序猿填坑秘籍. 榆木,一个阅历无数(踩坑)的技术宅男,喜欢了解新技术却不爱太钻研新技术(因为懒,猿届反面角色一枚).14年毕业至今,在Java开发这条道路上可谓是坑过好些人.也埋过好些坑.也被坑过好些次.因为懒,没有针对他遇到过的问题做过太多的笔记(记录一些棘手问题的解决方法还是个不错的习惯),只是习惯性的去分析为什么出现这样的问题,我们该