小程序开发实战：客服咨询POC，利用Socket技术

“记一次小程序开发 poc，主要展示了作者参与公司小程序编程大赛时，利用Socket技术开发的一个客服咨询类应用。尽管时间紧迫，作者仍然完成了基本功能。文中提到了在开发过程中遇到的问题及解决方案，包括后台服务被封导致使用本地预览、textarea的显示问题以及表单提交后的重置问题。” 在这次小程序开发 poc 中，作者选择了客服咨询作为主题，利用Socket技术实现即时通讯功能。Socket 是一种网络通信协议，允许两台计算机之间建立直接的、双向的数据传输通道，常用于实时聊天、在线游戏等需要实时交互的应用场景。在小程序中使用Socket，可以让用户与客服进行实时交流。 在实际开发过程中，作者遇到了一些挑战。首先，由于后台服务使用Heroku但被封禁，作者不得不转而使用本地预览。在真机调试模式下，可以通过指定本地IP（如192.168.0.1）来预览小程序。这提示开发者在选择服务提供商时应考虑到其稳定性和访问限制。 其次，textarea 组件引发了一些问题。textarea 在父元素隐藏的情况下，其值（val）并不会隐藏，需要在textarea上直接添加hidden属性来解决。此外，尝试使用官方的autoheight属性和自定义样式绑定bindlinechange事件来动态调整textarea的高度，却发现存在字体会被吞掉或高度变化后字体不显示的bug。作者提醒，textarea是原生组件，与其他组件的行为可能有所不同，因此在使用时需谨慎。 最后，作者遇到了表单提交后重置的问题。通过社区帖子找到的解决方案是在form中添加一个type为"reset"的button，点击该按钮可以重置表单中的数据。 代码示例： ```html <form> <!-- 表单内容 --> <button formType="reset">重置</button> </form> ``` 作者分享了项目的目录结构，包括components、libraries、pages、app.js、app.json、app.wxss、config.js等关键文件，以及提供了项目下载链接，便于读者查看完整代码并学习。 这篇摘要提供了一次小程序开发的实际案例，涉及了Socket通信、组件使用、问题解决等多个方面，对于想要学习小程序开发和Socket应用的开发者来说具有一定的参考价值。