小程序开发问题总结2(支付+内部跳转H5)

1.小程序支付问题

前端来看需要做的的事情只是调用小程序的一个方法

wx.requestPayment(
{
'timeStamp': '',
'nonceStr': '',
'package': '',
'signType': 'MD5',
'paySign': '',
'success':function(res){},
'fail':function(res){},
'complete':function(res){}
})

https://pay.weixin.qq.com/wiki/doc/api/sl.html
支付方式选择小程序支付

image

2.小程序内部跳转H5最佳实践

https://developers.weixin.qq.com/miniprogram/dev/component/web-view.html

<web-view></web-view>

代码实现

H5页面

image	image

小程序内部跳转

image

|
---|---

3.关于函数封装

image

具体代码

image	image	image

4.cover-view会导致兼容性问题，尤其是iphone上，会出现文本的截断等

5.wx:showloading

不必每次都加回调，官方文档上只是推荐的形式，具体可以是
wx:shoeloading({title: '加载中....'}),
隐藏时加
wx:hideloading,
不加fail,success,compelet的回调

6.关于图片

从服务器获取来的图片，可能会出现缓存， 而且只出现在真机上，

这时候官方给出的解决方案无非三种--------重新命名路径， 服务端通过设置"Cache-Control: no-cache"，Last-modified等响应头解决缓存问题， url上加随机参数

建议每次图片可以加上需求的版本号避免出现类似缓存