微信小程序开发之快递服务专栏（快递运力查询、寄快递、取消订单）

怼烎@ 2022-10-14 14:54 4阅读 0赞

### 快递服务专栏 ###

*  1.新建工程
 *  2.获取api
 *  3.界面
 *  4.调用api
 *  5.运行结果图
 *  6.获取资源

<table> 
 <tbody> 
  <tr> 
   <td><font>今天小编给大家展示自己的第一个小程序</font></td> 
  </tr> 
 </tbody> 
</table>

![20210531201301300.jpg][]

# 1.新建工程 #

1.右键项目——新建项目打开如下图所示：  
其中项目名自己起，工程目录自己选择一个，AppID笔者使用的是注册号，您可以申请一个。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NmOTA5MA_size_16_color_FFFFFF_t_70_pic_center]

# 2.获取api #

快递的API笔者选择的是：贵州诚数科技有限公司的下单api  
[点击：快递寄件][Link 1]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NmOTA5MA_size_16_color_FFFFFF_t_70]  
这个api有三个功能：分别是快递寄件、快递运力查询、快递订单取消  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NmOTA5MA_size_16_color_FFFFFF_t_70 1]  
然后在此页面的右上角找到买家中心点进去如下图：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NmOTA5MA_size_16_color_FFFFFF_t_70 2]  
点击订单号后进入下图，图中标出来的就是你要使用的api  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NmOTA5MA_size_16_color_FFFFFF_t_70 3]

<table> 
 <tbody> 
  <tr> 
   <td><font>【网页上可以调试，也有示例代码】</font></td> 
  </tr> 
 </tbody> 
</table>

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NmOTA5MA_size_16_color_FFFFFF_t_70 4]

# 3.界面 #

<table> 
 <tbody> 
  <tr> 
   <td><font>【快递运力查询】</font></td> 
  </tr> 
 </tbody> 
</table>

<view class="container1">
        <br style="font-size:20px" > 查询某地快递运力\n</br>    
         <input placeholder="最大输入长度为10" bindinput="input" /> 
         <button type="primary" bindtap = "btnClick"style="position:relative;right:10%; padding:5%;width:100%;height:10%;font-size:80%;background-color:#07c160;color:white;margin-bottom:10%;">查询</button>
                  <scroll-view scroll-y="true" style="height:300px;">
                  【{
       {expressInfo.message}}】
                      <view wx:for="{
         {expressInfo.data.details}}" > 
                          {
       {item.comCode}}【{
       {item.type}}】
                      </view>
                  </scroll-view>           
    </view>

<br style="font-size:20px" >寄件</br>
              <text>\n</text>
                收件人完整地址 <input placeholder="收件人完整地址，包含省、市、区、街道等" bindinput="input1" /> 
                订单信息回调地址  <input placeholder="订单信息回调地址" bindinput="input2" /> 
                随机数  <input placeholder="随机数" bindinput="input3" /> 
                预约时间    <input placeholder="预约起始时间（HH:mm），例如：09:00" bindinput="input4" /> 
                预约截止时间    <input placeholder="预约截止时间（HH:mm），例如：10:00" bindinput="input5" /> 
                寄件人所在完整地址     <input placeholder="寄件人所在完整地址，包含省、市、区、街道等" bindinput="input6" /> 
                物品总重量     <input placeholder="物品总重量KG，例：1.5，单位kg" bindinput="input7" /> 
                备注      <input placeholder="备注" bindinput="input8" /> 
                收件人手机号  <input placeholder="收件人的手机号，手机号和电话号二者其一必填" bindinput="input9" /> 
                预约日期  <input placeholder="预约日期，例如：今天/明天/后天" bindinput="input10" /> 
                寄件人姓名 <input placeholder="寄件人姓名" bindinput="inpu11" /> 
                收件人姓名<input placeholder="收件人姓名" bindinput="input12" /> 
                支付方式<input placeholder="支付方式，SHIPPER: 寄付（默认），CONSIGNEE: 到付" bindinput="input13" /> 
                快递公司编码<input placeholder="快递公司的编码，一律用小写字母" bindinput="input14" /> 
                物品种类    <input placeholder="物品名称,例：文件（公司编码为jd时，cargo必填）" bindinput="input15" /> 
                寄件人手机号   <input placeholder="寄件人的手机号，手机号和电话号二者其一必填" bindinput="input16" /> 
                <button type="primary" bindtap = "btnClick1"style="position:relative;right:10%; padding:5%;width:100%;height:10%;font-size:80%;background-color:#07c160;color:white;margin-bottom:10%;">寄件</button>
                  <scroll-view scroll-y="true" style="height:300px;">
                      <view>
                        [taskId:   {
       {expressInfo1.data.detail.taskId}} ] [orderId:{
       {expressInfo1.data.detail.orderId}}][messages:{
       {expressInfo1.message}}]
                      </view>
                  </scroll-view>

<br style="font-size:20px" > 快递订单取消</br>        
         <text>\n</text>
         cancelMsg:  <input placeholder="取消原因" bindinput="input17" /> 
         orderId:   <input placeholder="订单ID" bindinput="input18" /> 
         taskID:        <input placeholder="任务ID" bindinput="input19" /> 
        <button type="primary" bindtap = "btnClick2"style="position:relative;right:10%; padding:5%;width:100%;height:10%;font-size:80%;background-color:#07c160;color:white;margin-bottom:10%;">确定</button>
                  <scroll-view scroll-y="true" style="height:300px;">
                      <view > 
                          {
       {expressInfo2.data.result}}【{
       {expressInfo2.data.description}}】
                      </view>
                  </scroll-view>

# 4.调用api #

![20210531194048555.png][]

<table> 
 <tbody> 
  <tr> 
   <td><font>这部分是最重要的部分参数一定要写对，不然读取不到</font></td> 
  </tr> 
  <tr> 
   <td><font>url填写所用的api的地址，后面的参数根据每个api的参数来写：</font></td> 
  </tr> 
  <tr> 
   <td><font>快递运力查询 只有一个参数：address，如下图：</font></td> 
  </tr> 
  <tr> 
   <td><font>请求方式为GET，调用地址也给出了。</font></td> 
  </tr> 
 </tbody> 
</table>

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NmOTA5MA_size_16_color_FFFFFF_t_70 5]  
示例：

getExpressInfo:function(address,cb){
        
        wx.request({
        
          url: 'http://gwgp-wat4svkuskr.n.bdcloudapi.com/kdyl/get?address='+address, //仅为示例，并非真实的接口地址
          data: {
        
            x: '',
            y: ''
          }, 
          header: {
        
            'Content-Type': 'application/json;charset=UTF-8' ,// 默认值
            'X-Bce-Signature':'AppCode/8a6b23ce2a194b689c7afd96ae539bb8'
          },
          success (res) {
        
            cb(res.data)
          //  console.log(res.data)
          }
        })
      },

# 5.运行结果图 #

<table> 
 <tbody> 
  <tr> 
   <td><font>【快递运力查询】</font></td> 
  </tr> 
 </tbody> 
</table>

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NmOTA5MA_size_16_color_FFFFFF_t_70_pic_center 1]

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NmOTA5MA_size_16_color_FFFFFF_t_70_pic_center 2]

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NmOTA5MA_size_16_color_FFFFFF_t_70_pic_center 3]

<table> 
 <tbody> 
  <tr> 
   <td><font>【下单成功，返回订单号】</font></td> 
  </tr> 
 </tbody> 
</table>

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NmOTA5MA_size_16_color_FFFFFF_t_70_pic_center 4]

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NmOTA5MA_size_16_color_FFFFFF_t_70_pic_center 5]

<table> 
 <tbody> 
  <tr> 
   <td><font>【输入订单号和任务号】</font></td> 
  </tr> 
 </tbody> 
</table>

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NmOTA5MA_size_16_color_FFFFFF_t_70_pic_center 6]

<table> 
 <tbody> 
  <tr> 
   <td><font>【关于url的地址各位朋友一定要注意】</font></td> 
  </tr> 
  <tr> 
   <td><font>【笔者反反复复的发送失败，查不出原因整个人都不好了】</font></td> 
  </tr> 
 </tbody> 
</table>

![20210519111123538.png][]

<table> 
 <tbody> 
  <tr> 
   <td><font>【另外就是请求方式的问题：post、get要注意！！！，不然请求不到】</font></td> 
  </tr> 
 </tbody> 
</table>

# 6.获取资源 #

1.资源链接：[资源获取][Link 2]  
2.微信后台回复：`快递小程序`  
3.源代码 [点击][Link 3]

![20210531193735226.jpg][]

<table> 
 <tbody> 
  <tr> 
   <td><font>【关注微信公众号一起来交流】</font></td> 
  </tr> 
 </tbody> 
</table>

![20210519112915276.jpg][]

[20210531201301300.jpg]: /images/20221014/906217e747c848e29095461e6ad139cb.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NmOTA5MA_size_16_color_FFFFFF_t_70_pic_center]: /images/20221014/968f40932bfc4941abc1bd74898e0856.png
[Link 1]: https://apis.baidu.com/store/detail/6888d9b9-c2ba-46b0-ae21-9ae0f7e9f479
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NmOTA5MA_size_16_color_FFFFFF_t_70]: /images/20221014/d9436d4964d1431f9121ecd6d91e83d8.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NmOTA5MA_size_16_color_FFFFFF_t_70 1]: /images/20221014/703d955942224d7a9ff15e7a9d3379f1.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NmOTA5MA_size_16_color_FFFFFF_t_70 2]: /images/20221014/14820ea16cea4917aa8e310fa73ed72c.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NmOTA5MA_size_16_color_FFFFFF_t_70 3]: /images/20221014/61f7b03ec2674bb3b97a218d975ce598.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NmOTA5MA_size_16_color_FFFFFF_t_70 4]: /images/20221014/b39e79286e234b79b48d93a35719612b.png
[20210531194048555.png]: /images/20221014/2574d59356ff4768a065d1bba7261949.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NmOTA5MA_size_16_color_FFFFFF_t_70 5]: /images/20221014/cf6ca7f1f1f64c83b2b6c64a335a6307.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NmOTA5MA_size_16_color_FFFFFF_t_70_pic_center 1]: /images/20221014/df8c97d39d72463e9d4bb86ebaafe7e3.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NmOTA5MA_size_16_color_FFFFFF_t_70_pic_center 2]: /images/20221014/880109a6f58b4ee3917da4f7e4f8fd58.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NmOTA5MA_size_16_color_FFFFFF_t_70_pic_center 3]: /images/20221014/3249b5f922d3455b90ea42a3da64768b.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NmOTA5MA_size_16_color_FFFFFF_t_70_pic_center 4]: /images/20221014/d686486cfd094a3cbf29469f9efd051d.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NmOTA5MA_size_16_color_FFFFFF_t_70_pic_center 5]: /images/20221014/208a9ab3e6a64bb0863b3018ec755030.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NmOTA5MA_size_16_color_FFFFFF_t_70_pic_center 6]: /images/20221014/c03d633a92654560b28c43d0bfabef66.png
[20210519111123538.png]: /images/20221014/902ba1e1b9404dc49e01690bdff1e5b6.png
[Link 2]: https://download.csdn.net/download/sf9090/19001113
[Link 3]: https://blog.csdn.net/sf9090/article/details/117428172
[20210531193735226.jpg]: /images/20221014/8e65480898d240f6a1618243d624f6c5.png
[20210519112915276.jpg]: /images/20221014/7c5116d04fc94f90bb9687ac0f78fe62.png