最近幾年手機應用的發展速度大家有目共睹，就拿移動支付來說，放在十年前根本不敢想象現如今出門完全不用帶現金，一部手機足夠了，甚至有的地方可以刷臉支付，忘了帶手機也沒關系;隨著科技的飛速發展，用戶的要求也隨之越來越高，這篇文章要說的也是跟手機有關--移動報表平臺。今天長沙小程序開發公司智企云就微信小程序開發實踐-圖文并茂超詳細(建議收藏)做些實戰的相關報道，對于一些小程序開發從業人員來講，這些都是基礎知識，希望對你能有所幫助。

　　首先我們需要搭建環境，其實很簡單，安裝“微信web開發者工具”即可，可去官網直接下載，此處不能添加站外鏈接。

　　安裝好了之后如下圖所示，可雙擊打開：

　　點擊上圖所示的 + 按鈕，彈出如下圖所示的配置對話框：

　　項目名稱：填寫該項目的名稱，沒有特別要求。

　　目錄：表示本地開發電腦上面存放該項目的地方。

　　APPID：這個 AppID 是需要我們登錄到微信公眾號平臺進行申請的，這里的 APPID一定要跟公眾平臺上面的 ID 一致。

　　配置完成之后，我們開發編寫代碼來實現我們需要的功能--通過小程序查詢生產狀態及進度，這里要區分一下每一種類型的文件表示的意思。

　　關鍵代碼如下：

　　index.wxml

　　產品名稱：

　　{{item["PRODUCT_NAME"]}}

　　工單總數：

　　{{item["QUANTITY"]}}

　　生產工序：

　　{{item["ROUTE_STEP"]}}

　　產出數量：

　　{{item["OUTPUT_QTY"]}}

　　等待維修：

　　{{item["WAITE_REPAIR_QTY"]}}

　　完成進度：

　　{{item["PROCESS_VALUE"]}}

　　——————————————————————————————————————————————

　　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，方法見下圖。

　　以上就是長沙小程序開發公司智企云給我們帶來的微信小程序開發實踐的相關教程，希望這篇文章對大家有幫助!!目前疫情階段，企業困難重重，都在尋求互聯網轉型與幫助，對于企業沒有開發從業人員來講，還是要找專業的小程序開發公司來做會更好，這樣更省心省時省力更省錢，在此建議一定要找專業的小程序開發外包公司來做，要有案例，技術團隊，還要能給你企業提供解決方案的小程序，確實能幫助你企業開發業務模式的相關幫助，在疫情艱苦期，一起共患難！