uniapp中引用微信物流查询插件

效果图 官方文档

在这里插入图片描述

1.小程序权限开通

组件权限开通:小程序MP-功能-物流服务-申请开通「查询组件」

2.引入

在这里插入图片描述
在manifest.json文件中加入以下代码

 "mp-weixin" : {
        "appid": "", //你自己的appid
        "setting" : {
           "urlCheck": false,
           "es6":true,
           "minified":false,
           "postcss":true
        },
        "usingComponents" : true,
        "permission" : {
            "scope.userLocation": {
              "desc": "为了更好的为您服务"
            }
        },
        "plugins" : {
			"logisticsPlugin": {
			  "version": "2.1.12",
			  "provider": "wx9ad912bf20548d92" 
			}
		}
    },

3.页面中使用 (toDeliveryPage是点击事件)

<text  class="button" @tap="toDeliveryPage">查看物流</text>
<script>
	var plugin = requirePlugin("logisticsPlugin")
	export default {
		data() {
			return {
				waybillToken: '', //通过后台接口获取到的值
			};
		},
		methods: {
		
			/**
			 * 查看物流
			 */
			toDeliveryPage: function(e) {
				var ths = this;
				uni.showLoading(); 
				var params = {
					url: "", //请求后端接口获取waybillToken
					method: "GET",
					data: {
						
					},
					callBack: function(res) {
						//console.log(res);
						if(res!=''&&res!=null&&res!=undefined){
							const waybillToken = res;
							// console.log(plugin.openWaybillTracking)
							// 在此通过调用api来查询微信快递服务详情
							//必须用预览才能测试这个功能,无法在工具端模拟
							console.log(res)
							plugin.openWaybillTracking({
								waybillToken: waybillToken
							});
						}else{
							uni.showToast({
								title: "查询失败!",
								icon: "none"
							})
						}
					}
				};
				http.request(params);
			},

			
		}
	};
</script>

然后就可以啦哈哈哈,文件别搞错咯,我搞错了找原因找半天

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 6
    评论
评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值