鸿蒙OS(ArkTS) 案例：【使用http网络请求框架加载验证码】-编程知识

需求：加载验证码；1.下载验证码图像文件；2.获取header里面验证码ID

踩坑--踩坑--踩坑

根据文档使用 request.downloadFile 请求，官方示例:

// pages/xxx.ets
// 将网络资源文件下载到应用文件目录并读取一段内容
import common from '@ohos.app.ability.common';
import fs from '@ohos.file.fs';
import request from '@ohos.request';// 获取应用文件路径
let context = getContext(this) as common.UIAbilityContext;
let filesDir = context.filesDir;try {request.downloadFile(context, {url: 'https://xxxx/xxxx.txt',filePath: filesDir + '/xxxx.txt'}).then((downloadTask) => {downloadTask.on('complete', () => {console.info('download complete');let file = fs.openSync(filesDir + '/xxxx.txt', fs.OpenMode.READ_WRITE);let buf = new ArrayBuffer(1024);let readLen = fs.readSync(file.fd, buf);console.info(`The content of file: ${String.fromCharCode.apply(null, new Uint8Array(buf.slice(0, readLen)))}`);fs.closeSync(file);})}).catch((err) => {console.error(`Invoke downloadTask failed, code is ${err.code}, message is ${err.message}`);});
} catch (err) {console.error(`Invoke downloadFile failed, code is ${err.code}, message is ${err.message}`);
}

里面存在一个解决不到的问题是，获取不到header里面验证码ID，downloadTask 无法获取....只能换常规方法获取了。

换 httpRequest.request 来请求，示例代码如下：

  /*** 下载文件(验证码使用)*/static httpFileDownload(url: string, params?: any): Promise<ResponseResultJson> {LogUtils.i("下载文件URL：" + url + "\n请求参数:" + (params != undefined ? "\n请求参数:" + JSON.stringify(params) : "无参数"));//let httpRequest = http.createHttp();httpRequest.on('headersReceive', (header) => {//用于订阅HTTP响应头，此接口会比request请求先返回。可以根据业务需要订阅此消息});//let responseResult = httpRequest.request(url, {method: http.RequestMethod.GET,readTimeout: RequestConstants.readTimeout,connectTimeout: RequestConstants.connectTimeout,header: {'Content-Type': ContentType.JSON},expectDataType: http.HttpDataType.ARRAY_BUFFER, // 可选，指定返回数据的类型extraData: params});let responseResultJson = new ResponseResultJson();return responseResult.then(async (responseResult: http.HttpResponse) => {LogUtils.i("文件下载请求响应URL：" + url + "\n响应结果:" + "\n" + JSON.stringify(responseResult));if (responseResult.responseCode === ResponseConstants.RESPONSE_SUCCESS) {let header = responseResult.headerLogUtils.i('解析响应 header \n' + JSON.stringify(header));let headerJson = JSON.stringify(header)let headerObj = JSON.parse(headerJson)let sessionId = headerObj.sessionid as stringlet serverModel = headerObj.servermodel as stringlet encryptType = headerObj.encrypttype as string//保存 headerawait AppHelper.commitSessionId(sessionId);await AppHelper.commitServerModel(serverModel);await AppHelper.commitEncryptType(encryptType);//解析文件let result = responseResult.result as ArrayBuffer// let filePath = FileConstants.rootFile + "/verifyCode_" + TimeExUtils.getNowYMDHMS1() + '.jpg'let isHave = fs.accessSync(FileConstants.pathFile) //检查文件目录是否存在if (!isHave) fs.mkdirSync(FileConstants.pathFile) //创建目录//let filePath = FileConstants.pathFile + "verifyCode_" + TimeExUtils.getNowYMDHMS1() + '.jpg'let file = fs.openSync(filePath, fs.OpenMode.READ_WRITE | fs.OpenMode.CREATE);fs.writeSync(file.fd, result); //将数据写入文件fs.closeSync(file); //关闭文件//LogUtils.i("保存文件成功:\n" + filePath + "\t" + await FileUtils.getPathSize(filePath));//结果responseResultJson.code = ResponseConstants.CODE_SUCCESSresponseResultJson.isSuccess = trueresponseResultJson.status = responseResult.responseCoderesponseResultJson.serverModel = serverModelresponseResultJson.filePath = filePath} else {responseResultJson.code = ResponseConstants.CODE_ERROR;responseResultJson.message = "业务异常:" + JSON.stringify(responseResult)responseResultJson.isSuccess = false}return responseResultJson;}).catch((error) => {LogUtils.i("文件下载请求响应URL：" + url + "\n请求异常:\n" + JSON.stringify(error))responseResultJson.code = ResponseConstants.CODE_ERROR;responseResultJson.message = "请求异常:\n" + JSON.stringify(error)responseResultJson.isSuccess = falsereturn responseResultJson;});}

里面无用工具类可以不用在意...里面获取header可以有2种方法

方法一：

鸿蒙OS开发	更多内容↓点击	HarmonyOS与OpenHarmony技术
鸿蒙技术文档	开发知识更新库gitee.com/li-shizhen-skin/harmony-os/blob/master/README.md在这。	或+mau123789学习，是v喔

搜狗高速浏览器截图20240326151547.png

 httpRequest.on('headersReceive', (header) => {//用于订阅HTTP响应头，此接口会比request请求先返回。可以根据业务需要订阅此消息});

方法二：

let header = responseResult.headerLogUtils.i('解析响应 header \n' + JSON.stringify(header));let headerJson = JSON.stringify(header)let headerObj = JSON.parse(headerJson)let sessionId = headerObj.sessionid as stringlet serverModel = headerObj.servermodel as stringlet encryptType = headerObj.encrypttype as string

获取验证码文件关键代码：

1.参数里面的 expectDataType 需要设置为 http.HttpDataType.ARRAY_BUFFER；

结果转换为ArrayBuffer，let result = responseResult.result as ArrayBuffer

运行日志：

运行效果：

完毕啦！！！！验证码获取成功了！！！！

鸿蒙值得开发者入行

为什么这么说？市场是决定人力需求的，数据说话最管用：

1、鸿蒙其全栈自研，头部大厂商都陆续加入合作开发鸿蒙原生应用——人才需求上涨。

2、鸿蒙作为新系统、新技术，而现在市面上技术人才少——高薪招聘开启。

3、鸿蒙1+8+N生态，不仅只有应用开发；还有车载、数码、智能家居、家电等——就业范围广。

4、纯血鸿蒙，目前没有多少人熟悉。都处于0基础同一起跑线——无行业内卷。

开发者最需要什么？岗位多、薪资高、不内卷、行业竞争低。而当下的鸿蒙恰恰符合要求。

那么这么好的鸿蒙岗位，应聘要求都很高吧？其实不然鸿蒙作为新出的独立系统，其源头上大家都处于同一水平线上，一开始的技术要求都不会很高，毕竟面试官也是刚起步学习。招聘要求示例：

从信息看出，几乎应职要求是对标有开发经验的人群。可以说鸿蒙对开发者非常友好，尽管上面没提鸿蒙要求，但是面试都会筛选具有鸿蒙开发技能的人。我们程序员都知道学习开发技术，最先是从语言学起，鸿蒙语言有TS、ArkTS等语法，那么除了这些基础知识之外，其核心技术点有那些呢？下面就用一张整理出的鸿蒙学习路线图表示：