微信公众号前端html,微信公众号开发（前端）

前一段时间开发了微信公众号H5页面，有踩一些坑，分享下。开发环境是vue+vue-router官方提供的开发环境

先说下config，这里采用的是引入npm上的wxjssdk，这里会有两种配置情况

hash路由(不建议这种路由)因为#后面的浏览器不会发起请求所以配置的时候只需要传前面的就行；history路由需要把当前的url传给后台(这里如果url后面有参数，一定要用encodeURIComponent)

config配置失败的原因(要保证你的h5页面域名和公众号后台js安全域名一致)

1、hash路由#号中间有参数类似于这种 http://xxx.com/?from=singlemessage#/a/b,分享出去的链接会在中间带上这些参数，会导致config配置失败(未找到合适的解决方案，于是换了history路由，大家有合适解决方案的话感谢分享)

2、history模式配置失败的原因可能是url带参数没有用encodeURIComponent

3、有可能是提供接口的后台同事配置不对，微信 JS 接口签名校验工具可以去这个网站定位问题

config配置

微信分享的一些配置

1、分享失败的原因：config配置失败；config的jsApiList里需要添加分享；link的域名必须在js安全域名下；

2、关于成功回调参数问题：真机( ios11以上，因为只测试了这些) 分享朋友sendAppMessage:ok 分享朋友圈shareTimeline:ok ；开发者工具分享朋友onMenuShareAppMessage:ok 分享朋友圈onMenuShareTimeline:ok，另外ios11以上成功回调里需要加个延时定时器

share配置

以上是个人在开发过程中遇到的一些问题，如有不对请指出，也便于我改进

微信公众号前端html,微信公众号开发（前端）相关推荐

vue前端实现微信支付-微信公众号JSSDK
最近在做支付功能,微信支付准备工作之类的请参考官方说明,注意个人申请的测试号不支持,要申请企业号,还要商户号,开通支付权限,配置域名,JSSDK的权限问题,尽可能都开通吧! 官方地址可参考这里:接入准 ...
前端对接微信公众号网页开发流程，前期配置
微信公众号网页开发,其实就是我们开发的h5网页需要放到微信浏览器环境中使用,但是需要对接公众号授权,授权之后可以获取到用户的个人信息,以及可以使用公众号提供的一些API,如:图片上传.图片预览.获取位 ...
前端对接微信公众号网页开发流程，授权对接
前面讲到前端对接微信公众号网页开发流程,前期配置,本篇文章主要详细介绍关于公众号的授权对接. 一.引入微信js-sdk 在需要调用 JS 接口的页面引入如下 JS 文件 http://res.wx. ...
微信公众号开发前端逻辑
近来做微信公众号开发,记录一下前端的开发过程. 其实微信公众号就是提供一个入口,来把自己开发的项目可以链接到微信公众号,来达到用微信访问的目的.自己的项目就是一个移动端的网页.可以用任何技术实现,和微 ...
前端对接微信公众号网页开发流程，JSSDK使用
前面两篇文章讲解了前端对接微信公众号网页开发流程,前期配置和前端对接微信公众号网页开发流程,授权对接,本篇文章讲解关于微信JSSDK的使用,官方文档地址一.通过 config 接口注入权限验证配 ...
前端入门前端自学路线 web开发前端如何学习
本文介绍前端入门之路,以及之后对前端应该怎么学,大概学哪些东西.作者在前端.后端入门的时候,花了大量时间到CSDN.知乎.百度上去找资料,但是有的说的不是太复杂, 就是一句话带过,那个时候很苦恼.现在 ...
微信jsapi支付获取code_微信支付(公众号支付JSAPI)
微信公众号支付/微信浏览器支付(JSAPI) 一:获取微信支付四大参数步骤二:平台配置配置支付目录:商户平台. 配置此目录是代码中"微信支付"所在页面的地址,一级域名需ICP备 ...
php h5微信公众号支付接口,微信公众号H5支付接口调用方法
本文实例为大家分享了微信内h5调用支付接口的具体代码,供大家参考,具体内容如下官方文档微信公众号h5接口调用 // 判断微信版本是否在5.0以上 // window.navigator.user ...
java微信公众号支付开发平台_Java微信公众平台开发之公众号支付（微信内H5调起支付）...
官方文档准备工作:已通过微信认证的公众号,必须通过ICP备案域名(否则会报支付失败) 借鉴了很多大神的文章,在此先谢过了整个支付流程,看懂就很好写了一.设置支付目录在微信公众平台设置您的公众号 ...
微信分享次数统计、微信公众号分享关注统计
作为系列文章的第五篇,本文重点探讨数据采集层中的微信分享追踪系统.微信分享,早已成为移动互联网运营的主要方向之一,以Web H5页面(下面称之为微信海报)为载体,利用微信庞大的好友关系进行传播,实现宣 ...

微信公众号前端html,微信公众号开发（前端）

微信公众号前端html,微信公众号开发（前端）相关推荐

最新文章

热门文章