vue项目开发的H5单页应用放进微信公众号进行微信分享的几个重要步骤

2实在是太忙了,许久不曾有空更新,对不起我的博客,冷落了它~~

直接上需求,我们的vue开发H5单页应用封进微信公众号进行使用,其中有一个重要的微信分享功能,第一次接触,正经八百踩了好几个坑。

1.

wxShare是我封装好的接口,需要发起请求获取微信分享认证授权后才能设置分享项和分享样式信息。、

对上面的进行补充修改:

苹果手机二次分享签名失效,因为后面被加上了苹果的参数,用encodeURIComponent处理转义URL参数才可以。

 

补充2:在一切成功后,vue单页应用微信分享除了第一次进入时的页面分享正常有设置标题等外,其它页面均会丧失设置的信息,不会调用微信分享签名认证与config设置方法,当将vue的路由模式改为hash模式后,一切页面都可以正常分享指定页面了,所以初步认为是history路由模式不能正常的微信分享

2.

wx.config设置里的最后一项设置的可分享项

3. 

wx.ready中的方法是要在wx.config授权认证成功后才能执行的分享项代码,分享项代码必须写在ready中,否则报错

4.  

我设置的title(沃祝福)、desc(话术描述)、图标。上面的是微信分享链接样式

5. 

在微信开发中工具中进行调试微信分享授权认证的接口相关信息。

 

6.

详情请见《微信开放文档》

 

最后,如有问题,请留言,有时间我会尽快回复,如发现博文问题,也请指教。

 

 

评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值