最近幾年手機應用的發展速度大家有目共睹，就拿移動支付來說，放在十年前根本不敢想象現在出門完全不用帶現金，一部手機足夠了，甚至有的地方可以刷臉支付，忘了帶手機也沒關係；隨著科技的飛速發展，使用者的要求也隨之越來越高，這篇文章要說的也是跟手機有關--移動報表平臺.
安裝好了之後如下圖所示，可雙擊開啟：
專案名稱：填寫該專案的名稱，沒有特別要求。
目錄：表示本地開發電腦上面存放該專案的地方。
配置完成之後，我們開發編寫程式碼來實現我們需要的功能--通過小程式查詢生產狀態及進度，這裡要區分一下每一種型別的檔案表示的意思。
關鍵程式碼如下：
index.wxml
<view class="container">
<view class="section searcha" wx:for="{{numa}}">
<view class="search-input-wrapper ">
<input bindinput="bind_lotname_Input" bindconfirm="query" class="search-input" placeholder="輸入工單號碼進行搜尋" value="{{search_lotname}}" confirm-type="search" />
</view>
<block>
<icon type="search" bindtap="bind_icon_search" size="30" color="'orange'"/>
</block>
</view>
<view class="section">
<view wx:for="{{json_str}}" wx:for-item="item" class="flex-wrp line" style="flex-direction:column;">
<view style='display:flex;'>
<view>產品名稱：</view>
<view>{{item["PRODUCT_NAME"]}}</view>
</view>
<view style='display:flex;'>
<view>工單總數：</view>
<view>{{item["QUANTITY"]}}</view>
</view>
<view style='display:flex;'>
<view>生產工序：</view>
<view>{{item["ROUTE_STEP"]}}</view>
</view>
<view style='display:flex;'>
<view>產出數量：</view>
<view>{{item["OUTPUT_QTY"]}}</view>
</view>
<view style='display:flex;'>
<view>等待維修：</view>
<view>{{item["WAITE_REPAIR_QTY"]}}</view>
</view>
<view style='display:flex;'>
<view>完成進度：</view>
<view>{{item["PROCESS_VALUE"]}}</view>
</view>
</view>
</view>
</view>
——————————————————————————————————————————————
index.js
wx.request({
url: 'https://www.123.cn/api/type=wip&action=wip_status', //獲取JSON資料
data: { str: that.data.search_lotname },
header: {
'content-type': 'application/json' // 預設值
},
success(res) {
that.setData({
json_str:res.data
});
console.log(res.data);
}
})
初步效果如下圖所示，通過工單號碼隨時隨地查詢當前工單的完成進度,網頁端與小程式對比：
以上便完成了簡單的小程式開發，大家可以根據實際需求精進行功能擴充套件。
下面將介紹一些常見的問題點以及解決方法，讓大家少踩一些坑：
1.Api介面不支援 IP 地址與埠，只能使用域名。
微信開發文件裡面已經說明了，不允許使用類似 127.0.0.1 這種 IP 地址直接訪問伺服器，路徑中也不能包含埠，就算是預設的埠也不能出現，必須通過域名來訪問，比如 https://www.baidu.com/api/...
2.只能使用 https協議。
http是不安全的，必須在 IIS 中配置 https協議，而https是需要證書的，我們可以購買或者使用免費的證書，作者是在阿里雲申請的免費證書，將證書下載之後拷貝到IIS即可，下面會放圖。
3.對應的伺服器 TLS 為 TLS 1.0，小程式要求的 TLS 版本必須大於等於1.2。
這是由於伺服器 TLS 版本過低引起的，windows server 2008 R2或以上，都可以開啟 TLS 1.2，方法見下圖。
希望這篇文章對大家有幫助！！