快捷導(dǎo)航

產(chǎn)制造追溯系統(tǒng)之通過(guò)微信小程序?qū)崿F(xiàn)移動(dòng)端報(bào)表平臺(tái)

更新時(shí)間：2019年06月03日 11:45:06 作者：https://www.cnblogs.com/allen0118/p/10965897.html

這篇文章主要介紹了產(chǎn)制造追溯系統(tǒng)-通過(guò)微信小程序?qū)崿F(xiàn)移動(dòng)端報(bào)表平臺(tái) ,本文圖文并茂給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下

前言

前兩篇文章主要梳理了一下在生產(chǎn)過(guò)程中如何更高效、更穩(wěn)定的實(shí)現(xiàn)條碼打印，有不少園子里的朋友私信我，互相討論了一些技術(shù)方面的問(wèn)題，雙方都各有收獲，再此感謝博客園提供的這個(gè)交流平臺(tái)，讓五湖四海的朋友能夠匯聚在一起，互相學(xué)習(xí)、互相進(jìn)步??！

生產(chǎn)制造追溯系統(tǒng)-條碼打印

生產(chǎn)制造追溯系統(tǒng)-再說(shuō)條碼打印

突破，將報(bào)表延伸至移動(dòng)端

最近幾年手機(jī)應(yīng)用的發(fā)展速度大家有目共睹，就拿移動(dòng)支付來(lái)說(shuō)，放在十年前根本不敢想象現(xiàn)如今出門完全不用帶現(xiàn)金，一部手機(jī)足夠了，甚至有的地方可以刷臉支付，忘了帶手機(jī)也沒(méi)關(guān)系；隨著科技的飛速發(fā)展，用戶的要求也隨之越來(lái)越高，這篇文章要說(shuō)的也是跟手機(jī)有關(guān)--移動(dòng)報(bào)表平臺(tái).

首先我們需要搭建環(huán)境，其實(shí)很簡(jiǎn)單，按照“微信web開(kāi)發(fā)者工具”即可，下載地址如下：

下載微信web開(kāi)發(fā)者工具

安裝好了之后如下圖所示，可雙擊打開(kāi)：

點(diǎn)擊上圖所示的 + 按鈕，彈出如下圖所示的配置對(duì)話框：

項(xiàng)目名稱：填寫該項(xiàng)目的名稱，沒(méi)有特別要求。

目錄：表示本地開(kāi)發(fā)電腦上面存放該項(xiàng)目的地方。

APPID：這個(gè) AppID 是需要我們登錄到微信公眾號(hào)平臺(tái)進(jìn)行申請(qǐng)的，這里的 APPID一定要跟公眾平臺(tái)上面的 ID 一致。

配置完成之后，我們開(kāi)發(fā)編寫代碼來(lái)實(shí)現(xiàn)我們需要的功能--通過(guò)小程序查詢生產(chǎn)狀態(tài)及進(jìn)度，這里要區(qū)分一下每一種類型的文件表示的意思。

index.wxml
<!--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="輸入工單號(hào)碼進(jìn)行搜索" 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>產(chǎn)品名稱：</view>
  <view>{{item["PRODUCT_NAME"]}}</view>
  </view>
  <view style='display:flex;'>
  <view>工單總數(shù)：</view>
  <view>{{item["QUANTITY"]}}</view>
  </view>
  <view style='display:flex;'>
  <view>生產(chǎn)工序：</view>
  <view>{{item["ROUTE_STEP"]}}</view>
  </view>
  <view style='display:flex;'>
  <view>產(chǎn)出數(shù)量：</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>完成進(jìn)度：</view>
  <view>{{item["PROCESS_VALUE"]}}</view>
  </view>
 </view>
</view>
<!-- <button bindtap="bindButtonTap">Search</button> -->
</view>

初步效果如下圖所示，通過(guò)工單號(hào)碼隨時(shí)隨地查詢當(dāng)前工單的完成進(jìn)度,網(wǎng)頁(yè)端與小程序?qū)Ρ龋?/p>

目前所踩到的坑

1.Api接口不支持 IP 地址與端口，只能使用域名。

微信開(kāi)發(fā)文檔里面已經(jīng)說(shuō)明了，不允許使用類似 127.0.0.1 這種 IP 地址直接訪問(wèn)服務(wù)器，路徑中也不能包含端口，就算是默認(rèn)的端口也不能出現(xiàn)，必須通過(guò)域名來(lái)訪問(wèn)，比如 https://www.baidu.com/api/...

2.只能使用 https協(xié)議。

http是不安全的，必須在 IIS 中配置 https協(xié)議，而https是需要證書的，我們可以購(gòu)買或者使用免費(fèi)的證書，作者是在阿里云申請(qǐng)的免費(fèi)證書，將證書下載之后拷貝到IIS即可，下面會(huì)放圖。

3.對(duì)應(yīng)的服務(wù)器 TLS 為 TLS 1.0，小程序要求的 TLS 版本必須大于等于1.2。

這是由于服務(wù)器 TLS 版本過(guò)低引起的，windows server 2008 R2或以上，都可以打開(kāi) TLS 1.2，方法見(jiàn)下圖。

總結(jié)

后續(xù)開(kāi)發(fā)過(guò)程中，我會(huì)將所遇到的困難記錄下來(lái)并做個(gè)總結(jié)，這樣方便其他朋友少走彎路，如果您覺(jué)得對(duì)您有幫助，請(qǐng)幫忙點(diǎn)個(gè)贊，謝謝！！

目前還只是第一步，后續(xù)將會(huì)逐漸開(kāi)發(fā)一些更實(shí)用的功能，比如說(shuō)各種查詢報(bào)表，從而提升用戶操作的便利性。

以上所述是小編給大家介紹的產(chǎn)制造追溯系統(tǒng)之通過(guò)微信小程序?qū)崿F(xiàn)移動(dòng)端報(bào)表平臺(tái),希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
如果你覺(jué)得本文對(duì)你有幫助，歡迎轉(zhuǎn)載，煩請(qǐng)注明出處，謝謝！

您可能感興趣的文章: