微信小程序入门

YacaToy 发布于2019-08-21 11:32 / 505人阅读

摘要：微信小程序框架结构目前了解到的信息里发现微信小程序框架的结构和特点跟之前用的很像，但是如何做到与后端服务器通信，如何建立数据库并与数据库通信还是需要新的探索。微信小程序网络通信相关接口发起的是请求。

微信小程序框架结构：

目前了解到的信息里发现微信小程序框架的结构和特点跟之前用的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...

云服务器服务器托管微信小程序入门微信小程序微信小程序支付微信小程序部署

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/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