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

一、部分效果图展示

1.服务卡片

2.AIGC服务

二、平板与手机视频效果演示

1.平板视频，运行比较慢，需要耐心观看，之所以先用平板模拟器运行，是通过现在的DEMO方式手机文心一言网页版页面兼容性暂时没法解决，没法输入内容。

用HarmonyOS元服务万能卡片训练一下文心平板电脑视频

2.手机视频，验证码的环节可以忽略的，但是文心一言的邀请码是必须的，要不没法完成后续的环节。

用HarmonyOS元服务万能卡片训练一下文心一言手机视频

三、DEMO说明

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

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

我们既对互联网、移动互联网的多种应用形式进行了HarmonyOS原子化服务卡片的尝试，也会基于AIGC对HarmonyOS元服务与万能卡片进行探索。特别期待的是盘古大模型对HarmonyOS元服务、应用的全面开放与支持。

四、部分代码

widget代码：
index.hml

    {{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"      }    }  }}

2.page代码：

index.hml

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)    }}

五、完整代码地址
HarmonyOSAPP开发相关组件: 深圳市蛟龙腾飞网络科技有限公司 - Gitee.com