微信小程序与python服务,如何进行参数传递

Posted 2023-05-10

参考技术A

python+requests对app和微信小程序进行接口测试

对于web端和app端的接口测试来说，他们都是通过请求方法，url和传递的body参数进行接口请求，区别web和app的区别就是header请求的不同。不同的地方在于header中的User-Agent参数。

web常用的User-Agent参数：

Chrome：

Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (Khtml, like Gecko) Chrome/39.0.2171.71 Safari/537.36

Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.11 (KHTML, like Gecko) Chrome/23.0.1271.64 Safari/537.11

Mozilla/5.0 (Windows; U; Windows NT 6.1; en-US) AppleWebKit/534.16 (KHTML, like Gecko) Chrome/10.0.648.133 Safari/534.16

Firefox ：

Mozilla/5.0 (Windows NT 6.1; WOW64; rv:34.0) Gecko/20100101 Firefox/34.0

Mozilla/5.0 (X11; U; Linux x86_64; zh-CN; rv:1.9.2.10) Gecko/20100922 Ubuntu/10.10 (maverick) Firefox/3.6.10

app常用的User-Agent参数：

IPhone：

Mozilla/5.0 (iPhone; U; CPU iPhone OS 4_3_3 like Mac OS X; en-us) AppleWebKit/533.17.9 (KHTML, like Gecko) Version/5.0.2 Mobile/8J2 Safari/6533.18.5
android

Mozilla/5.0 (Linux; U; Android 2.2.1; zh-cn; HTC_Wildfire_A3333 Build/FRG83D) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1

Mozilla/5.0 (Linux; U; Android 2.3.7; en-us; Nexus One Build/FRF91) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1

一、怎么进行app和微信小程序的接口测试

对于接口测试来说可以使用两种方式进行接口测试，一种是工具进行接口测试，一种是自己编写脚本进行接口测试。

进行重点给大家说一下使用python+requests脚本进行手机app和微信小程序的接口测试

二、使用python+requests进行app和微信小程序接口测试

脚本编写和测试web端的一样，唯一改动的地方就是header头部请求中User-Agent参数需要改成手机请求。

这样就是访问百度的手机端的请求了。

三、使用接口测试工具进行app和微信小程序接口测试

一样更改header头部请求中的user-agent参数，这两个请求分别的模拟Android和ios，可以根据自己的情况进行选择。

选择Android进行请求访问

这就是app和微信小程序接口测试的两种方法

参考技术B 这个应该是无法修改的只有你通过联系后台的客服他才有可能帮你修改成功的

微信小程序与网页h5的参数传递

官方文档：https://developers.weixin.qq.com/miniprogram/dev/component/web-view.html

web-view

属性	类型	默认值	必填	说明	最低版本
src	string		否	webview 指向网页的链接。可打开关联的公众号的文章，其它网页需登录小程序管理后台配置业务域名。	1.6.4
bindmessage	eventhandler		否	网页向小程序 postMessage 时，会在特定时机（小程序后退、组件销毁、分享）触发并收到消息。e.detail = { data }，data是多次 postMessage 的参数组成的数组	1.6.4

 

一、小程序向网页h5传递参数

　　1、小程序代码-传递参数

<!-- wxml -->
<web-view src="https://xxx.com/test.html？id=123"></web-view>

　　2、h5页面代码-接收参数

<!-- 网页 a.html-->
<script>
    let id = getUrlParam(‘id‘); 
</script>

二、网页h5向小程序传递参数

1、小程序代码-接收参数

bindmessage：网页向小程序 postMessage时，在特定时机触发并收到消息。

<web-view src="{{link}}" bindmessage="handlePostMessage"></web-view>
 
onLoad: function (options) {
 this.setData({
  link: decodeURIComponent(options.link),
 });
},
 
// 接收 h5 页面传递过来的参数
handlePostMessage: function (e) {
     console.log(‘postMessage:‘, e.detail);
    let resObj = e.detail.data[e.detail.data.length - 1];
    this.setData({
      share_title: resObj.title,
      share_img: resObj.imgUrl,
    });
}

2、h5页面代码-传递参数

//引入wx插件
<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
<script type="text/javascript">
    wx.miniProgram.getEnv(function(res) {
        if(res.miniprogram) {
            wx.miniProgram.postMessage({
                data: {
                    title:‘xxx.png‘,
                    imgUrl :‘xxx.html‘
                }
            }); // 参数
        }
    })        
</script>