HarmonyOS服务卡片跑AIGC

 本文将用 HarmonyOS 元服务万能卡片训练一下文心一言的 AIGC 能力。

 

   

 

部分效果图展示如下：

服务卡片

AIGC 服务

 

DEMO 说明

   

本 Demo 案例只是使用了 HarmonyOS 元服务卡片连接合规外网的能力进行 AIGC 元服务卡片概念演示，还不足以成为一个正式上架运营的元服务与万能卡片。

我们认为基于 AIGC 能力类型的 HarmonyOS 元服务万能卡片应该通过 API 方式调用合规训练后的各具特色的模型与角色来服务用户，通过万能卡片、智能语音、手势动作等更加自然友好的方式来和用户交互。

我们既对互联网、移动互联网的多种应用形式进行了 HarmonyOS 原子化服务卡片的尝试，也会基于 AIGC 对 HarmonyOS 元服务与万能卡片进行探索。

特别期待的是盘古大模型对 HarmonyOS 元服务、应用的全面开放与支持。

 

部分代码

   

①widget 代码

index.hml：

class="container" onclick="routerEvent">     class="btn" type="text" onclick="routerEvent">{{title}}

index.css：

.container {
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-image: url('/common/ai.jpg');
    background-size: cover;

}
.btn{
    font-size: 16px;
    font-weight: bold;
    text-color: #fffff869;
}

index.json：

{
  "data": {
    "title": "AI 服务"
  },
  "actions": {
    "routerEvent": {
      "action": "router",
      "bundleName": "com.example.aidemo.hmservice",
      "abilityName": "com.example.aidemo.MainAbility",
      "params": {
        "message": "add detail"
      }
    }
  }
}

②page 代码

index.hml：

<div >
    <web src="{{ path }}" onpagestart="pageStart" onpagefinish="pageFinish" on:error="pageError">web>
div>

   

index.css：

.container {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

   

index.js：

export default {
    data: {
        path: "https://yiyan.baidu.com/invitationCode"
    },
    reloadWeb() {
        this.$element('web').reload()
    },

    pageStart: function(e) {
        console.info('web pageStart: ' + e.url)
    },

    pageFinish: function(e) {
        console.info('web pageFinish: ' + e.url)
    },

    pageError: function(e) {
        console.info('web pageError url: ' + e.url)
        console.info('web pageError errorCode: ' + e.errorCode)
        console.info('web pageError description: ' + e.description)
    }
}

   完整代码地址如下：

https://gitee.com/jltfcloudcn/jump_to/tree/master/AiDemo

关注我们

 

 

审核编辑 ：李倩