Uniapp uses the simple method signalr (only for web debugging, cannot package apps)

ASP.NET Core SignalR It's an open source library , Simplify real-time web Features added to the application .  real time web The function enables the server-side code to push the content to the client immediately .

Apply to SignalR ：

• Applications that require frequent updates from the server .  Examples include games 、 Social networks 、 vote 、 The auction 、 Maps and GPS application .
• Dashboards and monitoring applications .  Examples include corporate dashboards 、 Instant sales updates or travel alerts .
• Collaborative applications .  Examples of collaborative applications include whiteboard applications and team meeting software .
• Applications that require notification .  Social networks 、 E-mail 、 Chat 、 game 、 Travel alerts and many other applications require notifications .

SignalR Provide a API, Used to create (RPC) Server to client   Remote procedure call  . Rpc Through the server side .NET Core The code is called from the client JavaScript function .

 uniapp How to connect correctly signalR Well ？ Referring to many materials above, we use websocket, Maybe my skills are not good , Use according to the example blog uniapp Of websocketAPI Can only be connected signalR, Unable to get and send messages normally . So what should we do ？

By looking carefully signalr JavaScript client Code for ,signalr No longer dependent on jQuery, As long as you can get it right signalR example , You can communicate normally . After a simple attempt , Finally, the test succeeded . The specific steps are as follows .

1、 Follow the official Microsoft tutorial , obtain signalR JavaScript The code base signalr.js、signalr.js.map、signalr.min.js and signalr.min.js.map These four documents . The official tutorial .

2、 Copy the obtained file to uniapp In the project .

I put it in j/s/ Under the table of contents

3、 introduce signalr, And in onLoad Read data from . The code can refer to JavaScript client   Code to write . As long as you get it smoothly signalr example , You can communicate normally . Here I directly copy the official code , Have to say , Microsoft's improvements are amazing .

<script>
	let signalR = require('../../js/signalr.js')
	export default {
		
		onLoad() {
			
			  const connection = new signalR.HubConnectionBuilder()
			            .withUrl("http://localhost:56630/chathub")
			            .configureLogging(signalR.LogLevel.Information)
			            .build();
			
			async function start() {
			            try {
			                await connection.start();
			                console.log("SignalR Connected.");
			            } catch (err) {
			                console.log(err);
			                setTimeout(start, 5000);
			            }
			        };
			 connection.onclose(start);
			        start();
			        // Receive data and pop up 
			        connection.on("ReceiveMessage", function (user, message) {       
			            console.log(message);
			        });
						
		},		
		data() {
			return {
				
			}
		},
		methods: {
        
		}
	}
</script>

4、 effect