微信小程序入門

YacaToy 發布于2019-08-21 11:32 / 623人閱讀

摘要：微信小程序框架結構目前了解到的信息里發現微信小程序框架的結構和特點跟之前用的很像，但是如何做到與后端服務器通信，如何建立數據庫并與數據庫通信還是需要新的探索。微信小程序網絡通信相關接口發起的是請求。

微信小程序框架結構：

目前了解到的信息里發現微信小程序框架的結構和特點跟之前用的Vue很像，但是如何做到與后端服務器通信，如何建立數據庫并與數據庫通信還是需要新的探索。
微信小程序網絡通信相關接口
1.wx.request發起的是 HTTPS 請求。
HTTPS協議是由SSL+HTTP協議構建的可進行加密傳輸、身份認證的網絡協議要比http協議安全。如下：

wx.request({
  url: "test.php", //僅為示例，并非真實的接口地址
  data: {
     x: "" ,
     y: ""
  },
  header: {
      "content-type": "application/json"
  },
  success: function(res) {
    console.log(res.data)
  }
})

request 的最大并發數是 5
2.webSocket
一個微信小程序同時只能有一個 WebSocket 連接，如果當前已存在一個 WebSocket 連接，會自動關閉該連接，并重新創建一個 WebSocket 連接。

wx.connectSocket({
  url: "test.php",
  data:{
    x: "",
    y: ""
  },
  header:{ 
    "content-type": "application/json"
  },
  method:"GET"
})

PS：開發者服務器接口地址，必須是 wss 協議，且域名必須是后臺配置的合法域名。

WebSocket是HTML5開始提供的一種瀏覽器與服務器間進行全雙工通訊的網絡技術。使用ws或wss協議，是下一代客戶端-服務器的異步通信方法。在WebSocket API中，瀏覽器和服務器只需要要做一個握手的動作，然后，瀏覽器和服務器之間就形成了一條快速通道。兩者之間就直接可以數據互相傳送。 RFC規范

WS-Security（Web服務安全）是一種提供在Web服務上應用安全的方法的網絡傳輸協議。2004年4月19日，OASIS組織發布了WS-Security標準的1.0版本。 2006年2月17日，發布了1.1版本。
協議包含了關于如何在Web服務消息上保證完整性和機密性的規約。WSS協議包括SAML（安全斷言標記語言）、Kerberos和認證證書格式（如X.509）的使用的詳細信息。維基百科

3.HTTP、HTTPS、WS（Web Socket）、WSS關系
HTTP通信本質上是server開啟了一個TCP連接來處理HTTP請求，keep-alive的原理就是開啟并保持一個持久了tcp channel來處理多個HTTP請求，非keep-alive則是處理完一個http請求后tcp channel 隨之關閉。缺點是服務端不能主動向客戶端傳遞數據。

webSocket基本原理是在http協議層上實現了tcp通信，和http的區別在于真正實現了雙向收發數據，是為了解決瀏覽器和web server通信不能使用tcp來實現而出現了，因此為了兼容在websocket和web server進行handshake的時候使用了http協議（只有這一個地方使用了http協議，之后數據交互使用的是tcp協議）。
總的來說四者關系如下：
HTTPS = HTTP+SSL（加密技術）；
WSS = WS+SSL；
WS = TCP+HTTP；

入門資料：
官方文檔：https://mp.weixin.qq.com/debu...
個人如何申請到微信小程序開發者權限：http://www.wxapp-union.com/fo...
如何不經微信認證的情況下讓別人體驗自己的小程序：http://www.wxapp-union.com/fo...
知乎相關資料整理：https://www.zhihu.com/questio...

云服務器 GPU云服務器微信小程序入門微信小程序微信小程序支付微信小程序部署

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/86819.html

前端資源系列（3）-微信小程序開發資源匯總

摘要：微信小程序應用號開發資源匯總文檔工具教程代碼插件組件文檔從搭建一個微信小程序開始小程序開發文檔小程序設計指南工具小程序開發者工具官方支持微信小程序實時預覽的支持的微信小程序組件化開發框架轉在線工具小程序云端增強社區微信小程序微信(小程序or應用號)開發資源匯總-文檔-工具-教程-代碼-插件-組件文檔從搭建一個微信小程序開始小程序開發文檔小程序設計指南工具小程序開發者...

paney129 2019-08-20 11:14 評論0 收藏0
微信應用號（小程序）資源匯總（1010更新）

摘要：微信應用號小程序資源匯總。每天不定期整理和收集微信小程序相關資源，方便查閱和學習，歡迎大家提交新的資源，完善和補充。 wechat-weapp-resource 微信應用號（小程序）資源匯總。每天不定期整理和收集微信小程序相關資源，方便查閱和學習，歡迎大家提交新的資源，完善和補充。 showImg(https://segmentfault.com/img/remote/1460000...

趙春朋 2019-08-29 11:20 評論0 收藏0
微信應用號（小程序）資源匯總（1010更新）

摘要：微信應用號小程序資源匯總。每天不定期整理和收集微信小程序相關資源，方便查閱和學習，歡迎大家提交新的資源，完善和補充。 wechat-weapp-resource 微信應用號（小程序）資源匯總。每天不定期整理和收集微信小程序相關資源，方便查閱和學習，歡迎大家提交新的資源，完善和補充。 showImg(https://segmentfault.com/img/remote/1460000...

piapia 2019-08-20 11:12 評論0 收藏0
微信小程序使用WeUI入門教程

摘要：這是一套基于樣式庫開發的小程序擴展組件庫，同微信原生視覺體驗一致的組件庫，由微信官方設計團隊和小程序團隊為微信小程序量身設計，令用戶的使用感知更加統一。微信小程序...

fredshare 2021-09-27 13:34 評論0 收藏0