鸿蒙开发之WebSocket连接

场景介绍

使用WebSocket建立服务器与客户端的双向连接,需要先通过createWebSocket()方法创建WebSocket对象,然后通过connect()方法连接到服务器。

当连接成功后,客户端会收到open事件的回调,之后客户端就可以通过send()方法与服务器进行通信。当服务器发信息给客户端时,客户端会收到message事件的回调。当客户端不要此连接时,可以通过调用close()方法主动断开连接,之后客户端会收到close事件的回调。

若在上述任一过程中发生错误,客户端会收到error事件的回调。

接口说明

WebSocket连接功能主要由webSocket模块提供。使用该功能需要申请ohos.permission.INTERNET权限。具体接口说明如下表。
在这里插入图片描述

开发步骤

  • 导入需要的webSocket模块。

  • 创建一个WebSocket连接,返回一个WebSocket对象。

  • (可选)订阅WebSocket的打开、消息接收、关闭、Error事件。

  • 根据URL地址,发起WebSocket连接。

  • 使用完WebSocket连接之后,主动断开连接。

import webSocket from '@ohos.net.webSocket';

var defaultIpAddress = "ws://";
let ws = webSocket.createWebSocket();
ws.on('open', (err, value) => {
    console.log("on open, status:" + JSON.stringify(value));
    // 当收到on('open')事件时,可以通过send()方法与服务器进行通信
    ws.send("Hello, server!", (err, value) => {
        if (!err) {
            console.log("Message sent successfully");
        } else {
            console.log("Failed to send the message. Err:" + JSON.stringify(err));
        }
    });
});
ws.on('message', (err, value) => {
    console.log("on message, message:" + value);
    // 当收到服务器的`bye`消息时(此消息字段仅为示意,具体字段需要与服务器协商),主动断开连接
    if (value === 'bye') {
        ws.close((err, value) => {
            if (!err) {
                console.log("Connection closed successfully");
            } else {
                console.log("Failed to close the connection. Err: " + JSON.stringify(err));
            }
        });
    }
});
ws.on('close', (err, value) => {
    console.log("on close, code is " + value.code + ", reason is " + value.reason);
});
ws.on('error', (err) => {
    console.log("on error, error:" + JSON.stringify(err));
});
ws.connect(defaultIpAddress, (err, value) => {
    if (!err) {
        console.log("Connected successfully");
    } else {
        console.log("Connection failed. Err:" + JSON.stringify(err));
    }
});

最后

鸿蒙开发正当时,现在入手正是好时机。

还在犹豫不决的朋友们,小编在这里建议大家早点入手!

在这里分享一份鸿蒙学习路线图帮助那些不知道怎么入门的朋友,另外一些鸿蒙开发的资料文档也顺便分享给大家,扫下方二维码就能免费送呢!

鸿蒙学习路线图

路线图适合人群:

  • IT开发人员:想要拓展职业边界,享受新技术带来的溢价红利
  • 零基础小白:鸿蒙爱好者,希望从0到1学习,增加一项技能
HarmonyOS 4.0 APP Developer

在这里插入图片描述

OpenHarmony 5.0 Next视音频

在这里插入图片描述

OpenHarmony 5.0 Next进阶

在这里插入图片描述

OpenHarmony 5.0 Next分布式

在这里插入图片描述

学习资料

内容概要《鸿蒙零基础入门学习指南》、《鸿蒙开发学习之UI》、《鸿蒙开发学习之Web》、《鸿蒙开发学习之应用模型》

内容特点:条理清晰,含图像化表示更加易懂。

领取方式:扫描下方二维码即可免费领取!!!

《鸿蒙零基础入门学习指南》

一、快速入门

适用于HarmonyOS应用开发的初学者。通过构建一个简单的具有页面跳转/返回功能的应用,快速了解工程目录的主要文件,熟悉HarmonyOS应用开发流程。

  • 开发准备
  • 构建第一个ArkTS应用(Stage模型)
  • 构建第一个ArkTS应用(FA模型)
  • 构建第一个JS应用(FA模型)

图片

二、开发基础知识

  • 应用程序包基础知识
  • 应用配置文件(Stage模型)
  • 应用配置文件概述(FA模型)

图片

三、资源分类与访问

应用开发过程中,经常需要用到颜色、字体、间距、图片等资源,在不同的设备或配置中,这些资源的值可能不同。

  • 资源分类与访问
  • 创建资源目录和资源文件
  • 资源访问

图片

四、学习ArkTs语言

ArkTS是HarmonyOS优选的主力应用开发语言。ArkTS围绕应用开发在TypeScript(简称TS)生态基础上做了进一步扩展,继承了TS的所有特性,是TS的超集。因此,在学习ArkTS语言之前,建议开发者具备TS语言开发能力。

  • 初识ArkTS语言
  • 基本语法
  • 状态管理
  • 其他状态管理
  • 渲染控制

图片

领取方式:扫描下方二维码即可免费领取!!!

《鸿蒙开发学习之UI》

一、方舟开发框架(ArkUI)概述

图片

二、基于ArkTS声明式开发范式

  • 1、UI开发(ArkTS声明式开发范式)概述
  • 2、开发布局
  • 3、添加组件
  • 4、显示图片
  • 5、使用动画
  • 6、支持交互事件
  • 7、性能提升的推荐方法

图片

三、兼容JS的类Web开发范式

  • 1、概述
  • 2、框架说明
  • 3、构建用户界面
  • 4、常见组件开发指导
  • 5、动效开发指导
  • 6、自定义组件

图片

领取方式:扫描下方二维码即可免费领取!!!

《鸿蒙开发学习之Web》

Web组件概述

使用Web组件加载页面

图片

设置基本属性和事件

  • 设置深色模式
  • 上传文件
  • 在新窗口中打开页面
  • 管理位置权限

图片

在应用中使用前端页面JavaScript

  • 应用侧调用前端页面函数
  • 前端页面调用应用侧函数
  • 建立应用侧与前端页面数据通道
  • 管理页面跳转及浏览记录导航
  • 管理Cookie及数据存储
  • 自定义页面请求响应
  • 使用Devtools工具调试前端页面

图片

ArkTS语言基础类库概述

并发

  • 并发概述
  • 使用异步并发能力进行开发
  • 使用多线程并发能力
  • 容器类库
  • XML生成、解析、与转换
  • 通知

图片

窗口管理

  • 窗口开发概述
  • 管理应用窗口(Stage模型)
  • 管理应用窗口(FA模型)

WebGL

  • 概述
  • WebGL开发指导

媒体

  • 媒体应用开发概念
  • 图片

安全

  • 访问控制
  • ohos.permission.USE_BLUETOOTH
  • ohos.permission.DISCOVER_BLUETOOTH
  • ohos.permission.MANAGE_BLUETOOTH
  • ohos.permission.INTERNET
  • ohos.permission.INTERNET

图片

网络与连接

  • 网络管理
  • IPC与RPC通信

电话服务

  • 电话服务开发概述
  • 跳转拨号页面
  • 获取当前蜂窝网络信号信息

数据管理

  • 数据管理概述
  • 应用数据持久化
  • 场景介绍
  • 运作机制
  • 约束限制
  • 接口说明

图片

文件管理

  • 文件管理概述
  • 应用文件
  • 用户文件
  • 分布式文件系统

后台任务管理

  • 后台任务总体概述
  • 短时任务
  • 长时任务
  • 延时任务
  • 代理提醒

设备管理

  • USB服务
  • 位置服务
  • 传感器
  • 分布式跟踪开发指导
  • 错误管理

在这里插入图片描述

国际化

  • 国际化开发概述
  • Intl开发指导
  • I18n开发指导

应用测试

  • 自动化测试框架使用指南

Native API相关指导

  • Native API在应用工程中的使用指导
  • Drawing开发指导
  • Rawfile开发指导
  • NativeWindow 开发指导

图片

领取方式:扫描下方二维码即可免费领取!!!

《鸿蒙开发学习之应用模型》

应用模型概述

  • 应用模型的构成要素
  • 应用模型解读

图片

Stage模型开发指导

  • Stage模型开发概述
  • Stage模型应用组件

图片

FA模型开发指导

  • FA模型开发概述
  • FA模型应用组件配置
  • 进程模型
  • 线程模型

图片

领取方式:扫描下方二维码即可免费领取!!!
  • 24
    点赞
  • 26
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值