微信小程序开发-.pptx自我介绍：

大家好！有能力才有可能。我叫范能能，你也可以叫我“二能”。从毕业以来一直从事Web前端开发，涉及小程序开发、App开发、网页开发等。

前言：

2017年，万众瞩目的微信小程序悄然走进大众的生活，到现在已经四年多了，从最开始无人问津，到如今人气爆棚，各个商家都想分一杯羹。我们都知道，大量的APP会占用手机内存，让手机没有空间，导致手机卡顿；有些APP很少用，有些用户为了释放手机内存，不停地下载、删除APP；这个问题一直困扰着我们，至今没有得到有效解决。小程序的出现，让用户不再需要下载安装APP才能使用，实现了“随手可得”APP的梦想。扫一扫或者搜索就能打开APP，用户体验极佳，也体现了“用了就走”的理念，用户不用担心自己是不是装了太多APP，用着舒服多了！ 任何新产品都有一个艰难而曲折的开发过程，从开始的基础功能到最后日益壮大的功能体系，让用户喜爱不已。

本文将讲述多人分享功能的实现，以及小程序开发过程中的优化；

目录： 助力小程序开发的工具使用 小程序优化 其他平台小程序 第一部分：助力小程序开发的工具使用

使用场景：多人想要实现位置共享、购物车共享、在线聊天、协同文档编辑、多人游戏、股票基金行情等实时同步功能。这种情况下如何实时更新呢？在讲实时更新的解决办法之前，我们先来了解一下网络协议相关的内容。

最熟悉的网络协议（应用层）：HTTP协议；其他网络协议（应用层）：SMTP MQTT RTMP

Q：输入网站地址时，此部分一般不需要输入，系统软件会自动填写。所有网页地址都需要填写，为什么？

答：HTTP 是“超文本传输​​协议（HTTP）”的缩写，是一种用于将超文本从 WWW 服务器传输到本地浏览器的传输协议。浏览器通过超文本传输​​协议（HTTP）在 Web 服务器上提取并显示站点的网页代码。但是 HTTP 有一个缺陷，它的通信只能由客户端发起，服务器无法主动向客户端推送消息。

案例：微信小程序有一个多人点餐功能，比如三个人点餐，那么每个人都可以在小程序里点餐并添加备注。比如我点了一杯可乐，别人的菜单页会提示我点了一杯可乐，我抬头一看气氛有点尴尬，就又点了两杯，相应的菜单也马上弹出来我又点了两杯，最后只有一个人可以下单。这个功能在小程序里如何实现呢？微信小程序已经提供了wx.API，使用方式和h5类似。

⚠️每个微信小程序都需要提前设置通讯域名，小程序只能和指定的域名通讯，所以我们需要根据自己的业务提供请求域名、域名、域名注册，如果使用则需要提供对应合法的域名。（每个月修改域名的次数是有限制的，请谨慎修改！）

首先我们需要创建一个连接并监视该连接是否打开。

代码语言：txt

复制

wx.connectSocket({   url: 'wss://地址......' }); //这里的wss://指的是安全链接，加密版，ws://就没有这么安全，他俩的区别就类似http与https的之间的差别。 wx.onSocketOpen(res => { console.log('WebSocket连接已打开！') })

然后发送数据并监听消息事件

代码语言：txt

复制

wx.sendSocketMessage(data); wx.onSocketMessage(res => { console.log('服务器返回的数据:', res);   // 判断服务器返回的内容   // 1.服务器询问客户端是谁？将自己的用户信息，店铺信息, 桌号信息发送服务器   // 2.登陆成功后的心跳检测，断线重连   // 3.不同场景的提示，加菜，减菜，有用户加入购物车 })

最后关闭连接并监听关闭事件

代码语言：txt

复制

wx.closeSocket()； wx.onSocketClose(res => { console.log('WebSocket 已关闭！') })

Part 02：对开发有帮助的微信小程序（开发者必备）小程序数据助手可以清晰看到小程序使用的数据统计，小程序管理不再复杂，无需在浏览器登录微信平台，所有与自己开发相关的小程序都在小程序助手里。 Part 03：小程序优化

已经很久没写小程序了，还记得2019年微信小程序推出了小程序体验评级，包括性能评级、体验评级、最佳实践，有效的让我们提高了代码调用的规范性，更加注重小程序体验。

代码语言：txt

复制

建议使用以下wxss进行兼容 padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom);

第 04 部分：其他平台上的小程序

小程序如此火爆和便捷，以至于很多平台也推出了自己的小程序，比如支付宝小程序、字节跳动小程序、百度小程序、360小程序（主要是PC上360浏览器里的小程序）。****这些小程序给我们带来了便利和机会，在开发过程中的组件、接口等方法都很类似，只要开发了一个小程序，就可以通过平台提供的接口转换成本平台的小程序，但是会有一些不兼容的问题需要处理（实际操作起来可能会很麻烦）；我现在了解开发了，如果你有好用的支持多平台的小程序，欢迎留言！

结束

本文到此结束，希望对大家有所帮助，在互联网飞速发展的环境下，希望能鼓励大家跟上技术潮流，谢谢！