#HarmonyOS NEXT体验官# 从零到诗意：用AI赋能鸿蒙系统，实现情感应用原创精华

SoraLuna

发布于 2024-8-24 16:37

浏览

0收藏

从零到诗意：用AI赋能鸿蒙系统，实现情感应用

在智能化的世界中，能够生成情感化内容的应用已经不再是科幻小说中的情节，而是我们触手可及的现实。本文将带你一步步在鸿蒙系统中开发一个智能情诗生成应用，并展示如何在Mac电脑上本地部署AI模型，为这个应用提供强大的智能支持。从零开始，通过这一教程，将AI的力量注入到鸿蒙系统，实现令人惊叹的情感应用。

部署AI模型：在Mac电脑上释放AI的力量

在开发智能应用之前，首先需要在Mac电脑上本地部署一个AI模型。借助Ollama工具，可以轻松完成这一任务。Ollama不仅能简化模型的管理，还能为后续开发提供便捷的接口支持。

快速上手Ollama：让本地AI模型触手可及

Ollama是一个强大的工具，能够在本地快速部署并管理AI大模型。以下是如何在Mac电脑上使用Ollama来配置和启动AI模型的步骤。

下载Ollama工具：
```
https://ollama.com/download
```
从Ollama官网下载安装适用于Mac的版本，为AI模型的本地部署做好准备。
浏览和管理模型资源：
```
https://ollama.com/library
```
在Ollama的模型资源库中，选择合适的模型并进行下载，这些模型将为你的鸿蒙应用提供强大的智能支持。

掌握Ollama的常用命令

Ollama提供了一系列便捷的命令，用于管理和运行AI模型。例如，以下命令可以帮助查看已安装的模型、运行指定模型，或启动服务以支持在网络环境中访问模型。

ollama list  # 查看已安装的模型
ollama run qwen2:0.5b  # 运行指定模型

通过Python接口与AI模型互动

除了命令行操作，Ollama还支持Python接口，让开发者可以在代码中直接与AI模型交互。

import ollama

content = ollama.generate(model='qwen2:0.5b', prompt='写一首诗歌')
print(content['response'])

在网络中访问本地AI模型

为了让不同设备能够访问本地部署的AI模型，可以通过简单的配置，使Ollama支持通过IP进行访问。这使得开发和测试更加灵活方便。

launchctl setenv OLLAMA_HOST "0.0.0.0"
launchctl setenv OLLAMA_ORIGINS "*"

开发鸿蒙系统中的智能情诗生成应用

接下来，将在鸿蒙系统中开发一个智能应用，该应用能够通过HTTP请求与刚刚在Mac电脑上部署的AI模型进行交互，并生成情诗。让我们从头开始，逐步实现这个充满诗意的创意应用。

从零开始：创建鸿蒙AI应用项目
首先，在鸿蒙开发工具中，新建一个名为LovePoemApp的项目。这个项目将展示如何通过用户输入的情感主题、人物特点等信息，生成符合这些条件的情诗。

创建项目

编写网络请求服务：鸿蒙与AI的桥梁
为了实现鸿蒙系统与本地AI模型的交互，需要在项目中创建一个网络请求服务文件HttpService.ets。通过这个服务，应用可以将用户的输入发送到AI模型并获取生成的情诗。

export function makeHttpRequest(
  url: string,
  method: http.RequestMethod,
  body: RequestBody,
  onDataReceive: (chunk: string) => void
): Promise<void> {
  return new Promise<void>((resolve, reject) => {
    let httpRequest = http.createHttp();

    let options: http.HttpRequestOptions = {
      method: method,
      extraData: body,
      connectTimeout: 60000,
      readTimeout: 60000,
      expectDataType: http.HttpDataType.STRING,
      usingCache: true,
      priority: 1,
      usingProtocol: http.HttpProtocol.HTTP1_1,
      usingProxy: false,
      header: {
        'Content-Type': 'application/json; charset=utf-8'
      }
    };

    httpRequest.on('dataReceive', (data: ArrayBuffer) => {
      const chunk = utf8ArrayToStr(new Uint8Array(data));

      try {
        const jsonResponse: ChatResponse = JSON.parse(chunk);
        if (jsonResponse.message && jsonResponse.message.content) {
          onDataReceive(jsonResponse.message.content);
        }
      } catch (error) {
        console.error('Failed to parse JSON:', error);
      }
    });

    httpRequest.on('dataEnd', () => {
      resolve();
    });

    httpRequest.requestInStream(url, options).catch((err: BusinessError) => {
      reject(err);
    });
  });
}

构建应用界面：让情感在鸿蒙系统中流淌

在Index.ets文件中，构建应用的用户界面。通过输入情感主题和人物特点，用户可以生成符合条件的情诗，并实时查看结果。

@Entry
@Component
struct Index {
  @State resultText: string = '';
  @State theme: string = '爱情主题';
  @State loverName: string = '小明';
  @State poetTrait: string = '温柔';
  @State belovedName: string = '小红';
  @State belovedTrait: string = '聪明';
  @State count: string = '1'; 
  private flaskUrl: string = "http://192.168.1.9:11434/api/chat";

  build() {
    Row() {
      Column() {
        // 输入主题
        Column() {
          Text('主题')
            .fontSize(18)
            .fontColor(Color.Grey)
            .margin({ bottom: 5 })
          TextInput({ text: this.theme, placeholder: '请输入主题' })
            .onChange((value) => this.theme = value)
            .backgroundColor(Color.Grey)
            .fontColor(Color.White)
            .fontSize(18)
            .borderRadius(5)
            .padding(10)
        }
        .backgroundColor(Color.Black)
        .padding(10)
        .borderRadius(10)
        .margin({ top: 10, bottom: 10 })

        // 其他输入框代码...

        // 获取数据按钮
        Button('获取数据')
          .width('match_parent')
          .height(50)
          .backgroundColor(Color.Gray)
          .fontColor(Color.White)
          .fontSize(18)
          .borderRadius(10)
          .onClick(() => this.fetchData())
          .margin({ top: 20, bottom: 20 })
      }
      .width('50%')
      .padding(20)
      .backgroundColor(Color.Gray)
      .align(Alignment.Center)

      // 右侧滚动区域用于显示结果
      Scroll() {
        Column() {
          Text(this.resultText)
            .width('match_parent')
            .height('match_content')
            .fontColor(Color.White)
            .padding(10)
            .backgroundColor(Color.Grey)
            .borderRadius(10)
            .margin({ top: 20, bottom: 20 })
        }
        .width('100%')
        .height('match_content')
      }
      .width('50%')
      .padding(20)
    }
    .width('100%')
    .height('100%')
    .padding(20)
    .backgroundColor(Color.Gray)
  }
}

启动与验证：让情诗流淌在屏幕上

完成代码编写后，启动LovePoemApp项目。在应用界面中输入主题和人物特点等信息，然后点击“获取数据”按钮，体验AI生成的情诗如何在屏幕上流淌。