1、什么是WebSocketWebSocket是HTML5下的一种新的协议(WebSocket协议本质上是一个基于tcp的协议)它实现了浏览器与服务器全双工通信,能更好的节省服务器资源和带宽并达到实时通讯的目的。WebSocket是一个持久化的协议2、WebSocket的原理WebSocket约定了一个通信的规范,通过一个握手的机制,客户端和服务器之间建立一个类似tcp的连接,从而方便它们之间的通
原创 2024-06-12 17:20:10
113阅读
WebSocket实现前后端通讯 长安如梦里,何日是归期。 简介:我们上线了一个商城项目,移交运营团队使用之后,他们要求商城有新订单来的时候同时加上声音提示,让她们可以及时知道有单来了。我这边想了想,这个需求是在后端完成还是前端完成,但是仔细一想,无论是在前端还是后端完成都一样,需求注定甩不出去了,
原创 2021-12-21 14:00:11
1276阅读
摘要:本文介绍了在uniapp中封装WebSocket连接的方法,包含前端和后端实现代码。前端通过uni.connectSocket封装了一个Socket类接使用或扩展。
项目背景刚刚参加完一个项目,背景:后端是用java,后端服务已经开发的差不多了,现在要通过web的方式对外提供服务,也就是B/S架构。后端专注做业务逻辑,不想在后端做页面渲染的事情,只向前端提供数据接口。于是协商后打算将前后端完全分离,页面上的所有数据都通过ajax向后端取,页面渲染的事情完全由前端来做。另外还有一个紧急的情况,项目要紧急上线,整个web站点的开发时间只有两周,两周啊!于是在这样的
前后端分离有什么好处?1、前端js可以做很多数据处理的工作,减小服务器的压力。 2、后台的错误不会直接反映到前台。 3、前后端工程师约定交互接口,实现并行开发,可以提高开发效率,同时代码可以更好的维护。前后端分离会存在跨域的问题,什么是跨域呢?当一个请求url的协议、域名、端口三者之间任意一个与当前页面url不同即为跨域。打个比方,后端运行的项目占用了8080端口,前端运行的项目就不能使用8080
之前在做站内信时,用到了 WebSocket ,整理了一些笔记分享如下。本文基于 SpringBoot 2.1.5,本文不涉及环境搭建。 引入依赖 在 Spring 中要使用 WebSocket 功能,需要在pom中引入依赖: <dependency> <groupId>org.springfram
原创 2021-06-06 12:32:11
1654阅读
引入依赖在 Spring 中要使用 WebSocket 功能,需要在pom中引入依赖:<dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-websocket</artifactId>&l...
原创 2021-08-10 11:11:06
432阅读
目录:1. 项目有前后端分离和前后端不分离;2. 前后端接口联调;3.前端性能优化 ;4.前端安全问题;一、项目有前后端分离和前后端不分离:  在前后端不分离架构中,所有的静态资源和业务代码统一部署在同一台服务器上。服务器接收到浏览器的请求后,进行处理得到数据,然后将数据填充到静态页面中,最终返回给浏览器。   实现前后端分离后,有了下面几点改变:  1.服务器一分为二,前后端
在进行Android应用的开发时,经常会遇到前后端连接的问题。这包括如何有效地将Android客户端与后端服务对接,以确保数据的流畅交互。本文将详细介绍如何解决这些问题,包括环境配置、编译过程、参数调优等各个环节。 ## 环境配置 首先,让我们来看看环境的搭建。为了实现Android前后端的顺利连接,我们需要配置一些环境。下面这个思维导图展示了我们环境配置的整体思路: ```mermaid
原创 5月前
51阅读
在现代的Web开发中,JavaScript的前后端连接是一个不可或缺的重要环节。前端负责展示信息,后端则管理数据存取,实现这两者的有效连接是构建高效网站的关键。本文将对此进行深入探讨,涉及技术原理、架构解析、源码分析和扩展讨论,并结合相应的图示来帮助理解。 ### 背景描述 在开发过程中,前端与后端连接有多种方式,如RESTful API、GraphQL等。我们可以将其分为四个象限: 1.
原创 5月前
32阅读
前言为了解决传统Web开发模式带来的各种问题,我们进行了许多尝试,但由于前/后端的物理鸿沟,尝试的方案都大同小异。痛定思痛,今天我们重新思考了“前后端”的定义,引入前端同学都熟悉的NodeJS,试图探索一条全新的前后端分离模式。也谈基于NodeJS的全栈式开发(基于NodeJS的前后端分离)随着不同终端(Pad/Mobile/PC)的兴起,对开发人员的要求越来越高,纯浏览器端的响应式已经不能满足用
vscode部署第一步:在src目录下创建一个utils文件夹,然后在里面创建一个js文件。这里我创建了一个request.js文件,然后下载axios。 第二步:在request.js中添加以下代码,已解决前后端连接时产生的跨域问题import axios from 'axios' export function request(config) { const request = ax
1.后端用servlet,放在tomcat中启动。jsonpServlet.java:package test; import java.io.IOException; import javax.servlet.ServletException; import javax.servlet.annotation.WebServlet; import javax.servlet.http.HttpS
转载 2024-03-02 11:01:52
62阅读
在当今的开发环境中,Python与前端技术的交互变得越来越重要。这不仅可以提高开发效率,也可以提供更好的用户体验。本篇文章将详细介绍如何在Python中与前端进行交互,涵盖环境准备、分步指南、配置详解、验证测试、排错指南和扩展应用等方面的内容。 ### 环境准备 首先,我们来准备一个适合进行Python和前端开发的环境。 #### 软件要求 - Python 3.x - Flask框架(用于
原创 6月前
195阅读
前言  在学习程序开发的时候经常不理解一个工具是前端用的,还是后端用的,想把资料进行分类都分得有点混乱,所以我将我知道的知识点整理成博客前端和后端的区分当我们使用互联网的程序时,比如浏览器中的网页或移动应用,我们实际上时使用的是客户端和服务器之间的通信,其中客户端就是指前端,服务器就是后端。前端开发前端是Web应用开发的一个方向,职责是页面设计, 主要关注的是用户界面和用户体验。前端的主
具备的测试工具:Eclipse,MySQL数据库,HBuilder,jstl1.2jar,mysql.connector.java.8.0.jar jstl1.2jar下载地址:https://pan.baidu.com/s/1T23zxoEg3jlZHFikrbWtHw mysql.connector.java.8.0.jar包下载地址:https://pan.baidu.c
#说明本文给出几种java后端配置跨域的方法,在tomcat7和8上测试通过。如果你只是为了前后端联调的话,那最好不要采用配置后端的方法,而是使用前端框架提供的解决方案,比如你使用的是vue框架的话,可以采用参考这篇博文:https://www.jianshu.com/p/95b2caf7e0da#方法一如果只需要Http的Get与Post方法跨域的话,则使用下面的方法可以很轻松的解决:在web.
 1、什么是WebSocket  WebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。WebSocket 使得客户端和服t API 中,浏览器和服务器只需要做一个握手的动作,然后,浏览器和服务器之间就形成了一条快速通道。两者之间就直接可以数据互
原创 精选 2023-05-29 10:47:24
211阅读
项目实例,数据和图片以json的格式传送到后端并保存前端页面效果:废话不多说,上代码:新建websocket.py文件作为服务端import jsonfrom websocket_server import WebsocketServer# Called for every client connecting (after handshake)def new_client(c...
原创 2021-08-31 16:10:09
780阅读
# 使用 Harmony Socket 连接 WebSocket 实例 ## 概述 在本文中,我将向你解释如何使用 Harmony Socket 来连接 WebSocket 实例。Harmony Socket 是一个高性能的网络通信库,可以轻松地与 WebSocket 进行集成。我会给出详细的步骤和相应的代码示例,帮助你理解整个过程。 ## 流程概览 下面是整个流程的概览,通过一个表格来展示每
原创 2024-01-10 03:01:23
106阅读
  • 1
  • 2
  • 3
  • 4
  • 5