微信小程序使用物流查询插件

微信小程序使用物流查询插件

文章目录

    • 微信小程序使用物流查询插件
      • 添加插件
      • 添加成功
      • 使用方式
        • 声明使用插件
        • 引入插件包
      • 效果图

物流查询插件


添加插件

  • 登录微信公众平台后台—>设置—>第三方设置—>添加插件
  • 搜索:物流服务

微信小程序使用物流查询插件_第1张图片


添加成功

微信小程序使用物流查询插件_第2张图片


使用方式

  • 根据插件的开发文档步骤使用
  • 以在uniapp微信小程序为例

声明使用插件

  • manifest.json中配置,插件默认打主包。

微信小程序使用物流查询插件_第3张图片

  • 如需指定到对应的分包中使用

微信小程序使用物流查询插件_第4张图片


引入插件包

  • 在需要使用插件文件中引入插件
  • 请求接口获取waybill_token
<script>
    
	// 引入插件
	var plugin = requirePlugin("logisticsPlugin")
	
    export default {
        onLoad(options) {
            // 物流查询
			this.searchDetail();
        },
		methods: {
            /**
             * 请求接口获取 waybillToken
             */
            searchDetail(){
				this.$api.sendRequest({
					url: '/xxx',
					success: res => {
                        
						if (res.code >= 0) {
							// xZFIiCZOqRp2E0qfOtprJQ-jVdgVrBv0Yt0R98Udy5tZEu73N5D-am5SnqCJmS-T
							let waybillToken = res.data.waybill_token;

							// 在此通过调用api来查询微信快递服务详情
                            // 必须用预览才能测试这个功能,无法在工具端模拟
							plugin.openWaybillTracking({
								waybillToken: waybillToken
							});
						}
                        
					}
				})
			},
        }
    }
</script>

效果图

微信小程序使用物流查询插件_第5张图片

你可能感兴趣的:(uniapp,微信小程序,微信小程序插件使用,微信小程序物流插件,uniapp使用微信第三方插件)