鸿蒙next开辟实战系列:TLS安全数据传输双向认证规范

打印 上一主题 下一主题

主题 844|帖子 844|积分 2532

目录
 1.TLS双向认证
 2.TLS双向认证通讯示例
其他鸿蒙开辟文章:
末了


 1.TLS双向认证

在上一篇文章鸿蒙开辟实战系列-TLS安全数据传输单向认证示例中,演示了单向认证的方式,也就是客户端必要验证服务端的数字证书,而服务端不必要验证客户端的数字证书,这能满意大部门业务场景,但是,在一些高安全性需求的场景下,服务端也必要确保客户端是可信的,这就要求双向认证,也就是除了客户端验证服务端证书外,服务端也必要验证客户端的数字证书。
要实现双向的认证,就必要服务端在握手时提出客户端的数字证书认证需求,以ECDHE算法的握手过程为例,在第二次握手时,必要服务端发送Certificate Request消息给客户端,表明是双向认证的,在第三次握手时,客户端发送Certificate消息给服务端,其中就包罗证书信息。
 2.TLS双向认证通讯示例

本文将实现一个双向认证的示例,应用运行后的界面如图所示:


在这个应用里,用户可以选择服务端的CA文件,作为验证服务端证书有效性的依据;还必要选择客户端证书文件和客户端私钥文件,用来执行服务端对客户端的认证。这三个文件都选择并加载后,就可以单击“连接”按钮连接服务端了,连接成功后可以发送消息给服务端。
下面详细介绍创建该应用的步调。
步调1:创建Empty Ability项目。
步调2:在module.json5配置文件加上对权限的声明:
   "requestPermissions": [
        {
          "name": "ohos.permission.INTERNET"
        },
        {
          "name": "ohos.permission.GET_WIFI_INFO"
        }
      ]
  这里分别添加了访问互联网和访问WIFI信息的权限。
步调3:在Index.ets文件里添加如下的代码:
  1. import socket from '@ohos.net.socket';
  2. import wifiManager from '@ohos.wifiManager';
  3. import systemDateTime from '@ohos.systemDateTime';
  4. import util from '@ohos.util';
  5. import picker from '@ohos.file.picker';
  6. import fs from '@ohos.file.fs';
  7. import common from '@ohos.app.ability.common';
  8. //执行TLS通讯的对象
  9. let tlsSocket = socket.constructTLSSocketInstance()
  10. //说明:本地的IP地址不是必须知道的,绑定时绑定到IP:0.0.0.0即可,显示本地IP地址的目的是方便对方发送信息过来
  11. //本地IP的数值形式
  12. let ipNum = wifiManager.getIpInfo().ipAddress
  13. //本地IP的字符串形式
  14. let localIp = (ipNum >>> 24) + '.' + (ipNum >> 16 & 0xFF) + '.' + (ipNum >> 8 & 0xFF) + '.' + (ipNum & 0xFF);
  15. //服务端ca证书文件地址
  16. let caFileUri = ''
  17. //客户端证书文件地址
  18. let certFileUri = ''
  19. //客户端私钥文件地址
  20. let keyFileUri = ''
  21. @Entry
  22. @Component
  23. struct Index {
  24.   //连接、通讯历史记录
  25.   @State msgHistory: string = ''
  26.   //要发送的信息
  27.   @State sendMsg: string = ''
  28.   //服务端IP地址
  29.   @State serverIp: string = "0.0.0.0"
  30.   //服务端端口
  31.   @State serverPort: number = 9999
  32.   //是否可以加载CA
  33.   @State caCanLoad: boolean = false
  34.   //是否已加载CA
  35.   @State caLoaded: boolean = false
  36.   //是否可以加载证书
  37.   @State certCanLoad: boolean = false
  38.   //是否已加载证书
  39.   @State certLoaded: boolean = false
  40.   //是否可以加载私钥
  41.   @State keyCanLoad: boolean = false
  42.   //是否已加载私钥
  43.   @State keyLoaded: boolean = false
  44.   //是否可以发送消息
  45.   @State canSend: boolean = false
  46.   //服务端证书
  47.   @State ca: string = ``
  48.   //客户端证书
  49.   @State cert: string = ``
  50.   //客户端私钥
  51.   @State privateKey: string = ``
  52.   scroller: Scroller = new Scroller()
  53.   build() {
  54.     Row() {
  55.       Column() {
  56.         Text("TLS通讯示例")
  57.           .fontSize(14)
  58.           .fontWeight(FontWeight.Bold)
  59.           .width('100%')
  60.           .textAlign(TextAlign.Center)
  61.           .padding(10)
  62.         Flex({ justifyContent: FlexAlign.Start, alignItems: ItemAlign.Center }) {
  63.           Text("本地IP地址:")
  64.             .width(100)
  65.             .fontSize(14)
  66.             .flexGrow(0)
  67.           Text(localIp)
  68.             .width(110)
  69.             .fontSize(12)
  70.             .flexGrow(1)
  71.         }.width('100%')
  72.         .padding(10)
  73.         Flex({ justifyContent: FlexAlign.Start, alignItems: ItemAlign.Center }) {
  74.           Text("服务端地址:")
  75.             .fontSize(14)
  76.             .width(90)
  77.             .flexGrow(1)
  78.           TextInput({ text: this.serverIp })
  79.             .onChange((value) => {
  80.               this.serverIp = value
  81.             })
  82.             .width(110)
  83.             .fontSize(12)
  84.             .flexGrow(4)
  85.           Text(":")
  86.             .width(5)
  87.             .flexGrow(0)
  88.           TextInput({ text: this.serverPort.toString() })
  89.             .type(InputType.Number)
  90.             .onChange((value) => {
  91.               this.serverPort = parseInt(value)
  92.             })
  93.             .fontSize(12)
  94.             .flexGrow(2)
  95.             .width(50)
  96.         }
  97.         .width('100%')
  98.         .padding(10)
  99.         Flex({ justifyContent: FlexAlign.Start, alignItems: ItemAlign.Center }) {
  100.           Text("服务端CA:")
  101.             .fontSize(14)
  102.             .width(90)
  103.             .flexGrow(1)
  104.           Button("选择")
  105.             .onClick(() => {
  106.               this.selectCA()
  107.             })
  108.             .width(70)
  109.             .fontSize(14)
  110.           Button("加载")
  111.             .onClick(() => {
  112.               this.loadCA()
  113.             })
  114.             .enabled(this.caCanLoad)
  115.             .width(70)
  116.             .fontSize(14)
  117.         }
  118.         .width('100%')
  119.         .padding(10)
  120.         Flex({ justifyContent: FlexAlign.Start, alignItems: ItemAlign.Center }) {
  121.           Text("客户端证书:")
  122.             .fontSize(14)
  123.             .width(90)
  124.             .flexGrow(1)
  125.           Button("选择")
  126.             .onClick(() => {
  127.               this.selectCert()
  128.             })
  129.             .width(70)
  130.             .fontSize(14)
  131.           Button("加载")
  132.             .onClick(() => {
  133.               this.loadCert()
  134.             })
  135.             .enabled(this.caCanLoad)
  136.             .width(70)
  137.             .fontSize(14)
  138.         }
  139.         .width('100%')
  140.         .padding(10)
  141.         Flex({ justifyContent: FlexAlign.Start, alignItems: ItemAlign.Center }) {
  142.           Text("客户端私钥:")
  143.             .fontSize(14)
  144.             .width(90)
  145.             .flexGrow(1)
  146.           Button("选择")
  147.             .onClick(() => {
  148.               this.selectKey()
  149.             })
  150.             .width(70)
  151.             .fontSize(14)
  152.           Button("加载")
  153.             .onClick(() => {
  154.               this.loadKey()
  155.             })
  156.             .enabled(this.caCanLoad)
  157.             .width(70)
  158.             .fontSize(14)
  159.           Button("连接")
  160.             .onClick(() => {
  161.               this.connect2Server()
  162.             })
  163.             .enabled(this.caLoaded && this.keyLoaded && this.certLoaded)
  164.             .width(70)
  165.             .fontSize(14)
  166.         }
  167.         .width('100%')
  168.         .padding(10)
  169.         Flex({ justifyContent: FlexAlign.Start, alignItems: ItemAlign.Center }) {
  170.           TextInput({ placeholder: "输入要发送的消息" }).onChange((value) => {
  171.             this.sendMsg = value
  172.           })
  173.             .width(200)
  174.             .flexGrow(1)
  175.           Button("发送")
  176.             .enabled(this.canSend)
  177.             .width(70)
  178.             .fontSize(14)
  179.             .flexGrow(0)
  180.             .onClick(() => {
  181.               this.sendMsg2Server()
  182.             })
  183.         }
  184.         .width('100%')
  185.         .padding(10)
  186.         Scroll(this.scroller) {
  187.           Text(this.msgHistory)
  188.             .textAlign(TextAlign.Start)
  189.             .padding(10)
  190.             .width('100%')
  191.             .backgroundColor(0xeeeeee)
  192.         }
  193.         .align(Alignment.Top)
  194.         .backgroundColor(0xeeeeee)
  195.         .height(300)
  196.         .flexGrow(1)
  197.         .scrollable(ScrollDirection.Vertical)
  198.         .scrollBar(BarState.On)
  199.         .scrollBarWidth(20)
  200.       }
  201.       .width('100%')
  202.       .justifyContent(FlexAlign.Start)
  203.       .height('100%')
  204.     }
  205.     .height('100%')
  206.   }
  207.   //发送消息到服务端
  208.   sendMsg2Server() {
  209.     tlsSocket.send(this.sendMsg + "\r\n")
  210.       .then(async () => {
  211.         this.msgHistory += "我:" + this.sendMsg + await getCurrentTimeString() + "\r\n"
  212.       })
  213.       .catch((e) => {
  214.         this.msgHistory += '发送失败' + e.message + "\r\n";
  215.       })
  216.   }
  217.   //绑定本地地址
  218.   async bind2LocalAddress() {
  219.     //本地地址
  220.     let localAddress = { address: "0.0.0.0", family: 1 }
  221.     await tlsSocket.bind(localAddress)
  222.       .then(() => {
  223.         this.msgHistory += 'bind success' + "\r\n";
  224.       })
  225.       .catch((e) => {
  226.         this.msgHistory += 'bind fail ' + e.message + "\r\n";
  227.       })
  228.     //收到消息时的处理
  229.     tlsSocket.on("message", async (value) => {
  230.       let msg = buf2String(value.message)
  231.       let time = await getCurrentTimeString()
  232.       this.msgHistory += "服务端:" + msg + time + "\r\n"
  233.       this.scroller.scrollEdge(Edge.Bottom)
  234.     })
  235.   }
  236.   //选择CA证书文件
  237.   selectCA() {
  238.     let documentPicker = new picker.DocumentViewPicker();
  239.     documentPicker.select().then((result) => {
  240.       if (result.length > 0) {
  241.         caFileUri = result[0]
  242.         this.msgHistory += "select file: " + caFileUri + "\r\n";
  243.         this.caCanLoad = true
  244.       }
  245.     }).catch((e) => {
  246.       this.msgHistory += 'DocumentViewPicker.select failed ' + e.message + "\r\n";
  247.     });
  248.   }
  249.   //选择客户端证书文件
  250.   selectCert() {
  251.     let documentPicker = new picker.DocumentViewPicker();
  252.     documentPicker.select().then((result) => {
  253.       if (result.length > 0) {
  254.         certFileUri = result[0]
  255.         this.msgHistory += "select file: " + certFileUri + "\r\n";
  256.         this.certCanLoad = true
  257.       }
  258.     }).catch((e) => {
  259.       this.msgHistory += 'DocumentViewPicker.select failed ' + e.message + "\r\n";
  260.     });
  261.   }
  262.   //选择私钥文件
  263.   selectKey() {
  264.     let documentPicker = new picker.DocumentViewPicker();
  265.     documentPicker.select().then((result) => {
  266.       if (result.length > 0) {
  267.         keyFileUri = result[0]
  268.         this.msgHistory += "select file: " + keyFileUri + "\r\n";
  269.         this.keyCanLoad = true
  270.       }
  271.     }).catch((e) => {
  272.       this.msgHistory += 'DocumentViewPicker.select failed ' + e.message + "\r\n";
  273.     });
  274.   }
  275.   //加载CA文件内容
  276.   loadCA() {
  277.     try {
  278.       this.ca = this.readStringFromFile(caFileUri)
  279.       this.caLoaded = true
  280.     }
  281.     catch (e) {
  282.       this.msgHistory += 'readText failed ' + e.message + "\r\n";
  283.     }
  284.   }
  285.   //加载私钥文件内容
  286.   loadKey() {
  287.     try {
  288.       this.privateKey = this.readStringFromFile(keyFileUri)
  289.       this.keyLoaded = true
  290.     }
  291.     catch (e) {
  292.       this.msgHistory += 'readText failed ' + e.message + "\r\n";
  293.     }
  294.   }
  295.   //加载客户端证书文件内容
  296.   loadCert() {
  297.     try {
  298.       this.cert = this.readStringFromFile(certFileUri)
  299.       this.certLoaded = true
  300.     }
  301.     catch (e) {
  302.       this.msgHistory += 'readText failed ' + e.message + "\r\n";
  303.     }
  304.   }
  305.   //从文件读取字符串内容
  306.   readStringFromFile(fileUri: string): string {
  307.     let buf = new ArrayBuffer(1024 * 4);
  308.     let file = fs.openSync(fileUri, fs.OpenMode.READ_ONLY);
  309.     let readLen = fs.readSync(file.fd, buf, { offset: 0 });
  310.     let result = buf2String(buf.slice(0, readLen))
  311.     fs.closeSync(file);
  312.     return result
  313.   }
  314.   //连接服务端
  315.   async connect2Server() {
  316.     //绑定本地地址
  317.     await this.bind2LocalAddress()
  318.     //服务端地址
  319.     let serverAddress = { address: this.serverIp, port: this.serverPort, family: 1 }
  320.     //tls选项
  321.     let opt: socket.TLSSecureOptions = {
  322.       ca: [this.ca],
  323.       cert: this.cert,
  324.       key: this.privateKey
  325.     }
  326.     await tlsSocket.connect({ address: serverAddress, secureOptions: opt })
  327.       .then(() => {
  328.         this.msgHistory = 'connect success ' + "\r\n";
  329.         this.canSend = true
  330.       })
  331.       .catch((e) => {
  332.         this.msgHistory = 'connect fail ' + e.message + "\r\n";
  333.       })
  334.   }
  335. }
  336. //同步获取当前时间的字符串形式
  337. async function getCurrentTimeString() {
  338.   let time = ""
  339.   await systemDateTime.getDate().then(
  340.     (date) => {
  341.       time = date.getHours().toString() + ":" + date.getMinutes().toString()
  342.         + ":" + date.getSeconds().toString()
  343.     }
  344.   )
  345.   return "[" + time + "]"
  346. }
  347. //ArrayBuffer转utf8字符串
  348. function buf2String(buf: ArrayBuffer) {
  349.   let msgArray = new Uint8Array(buf);
  350.   let textDecoder = util.TextDecoder.create("utf-8");
  351.   return textDecoder.decodeWithStream(msgArray)
  352. }
复制代码
步调4:编译运行,可以利用模拟器大概真机。
步调5:加载服务端CA、客户端证书、客户端私钥文件,固然必要确保服务端已经启动了,然后配置服务端地址,再单击“连接”按钮执行连接,如图所示:


连接成功后,如果在服务端监听,可以看到如下的连接过程信息:


其中,利用框线标出的即是服务端发送给客户端的认证请求信息以及客户端发送给服务端的证书信息。
步调6:输入要发送的信息,单击“发送”按钮即可发送信息到服务端,如下图所示:


其他鸿蒙开辟文章:

HarmonyOS开辟实战:TLS安全数据传输单向规范-CSDN博客
HarmonyOS开辟实战:邮件传输协议客户端-Smtp-CSDN博客
HarmonyOS开辟实战:邮件传输协议客户端-Smtp-CSDN博客

末了


有很多小伙伴不知道学习哪些鸿蒙开辟技术?不知道必要重点把握哪些鸿蒙应用开辟知识点?而且学习时频仍踩坑,最终浪费大量时间。以是有一份实用的鸿蒙(HarmonyOS NEXT)资料用来跟着学习是非常有必要的。 
点击领取→纯血版全套鸿蒙HarmonyOS学习资料盼望这一份鸿蒙学习资料能够给各人带来帮助,有必要的小伙伴自行领取~


鸿蒙(HarmonyOS NEXT)最新学习门路

有了门路图,怎么能没有学习资料呢,小编也准备了一份联合鸿蒙官方发布条记整理收纳的一套系统性的鸿蒙(OpenHarmony )学习手册(共计1236页)与鸿蒙(OpenHarmony )开辟入门讲授视频,内容包罗:ArkTS、ArkUI、Web开辟、应用模子、资源分类…等知识点。
获取以上完整版高清学习门路,请点击→纯血版全套鸿蒙HarmonyOS学习资料
HarmonyOS Next 最新全套视频教程

《鸿蒙 (OpenHarmony)开辟底子到实战手册》
OpenHarmony北向、南向开辟环境搭建

大厂口试必问口试题

鸿蒙南向开辟技术

鸿蒙APP开辟必备


请点击→纯血版全套鸿蒙HarmonyOS学习资料
总结
总的来说,华为鸿蒙不再兼容安卓,对中年程序员来说是一个挑战,也是一个时机。只有积极应对变化,不断学习和提升自己,他们才气在这个变革的时代中立于不败之地。 


免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。
回复

使用道具 举报

0 个回复

倒序浏览

快速回复

您需要登录后才可以回帖 登录 or 立即注册

本版积分规则

八卦阵

金牌会员
这个人很懒什么都没写!

标签云

快速回复 返回顶部 返回列表