在AI开发领域探索多年，我一直认为让模型“动手执行”比单纯“对话互动”更具价值。这次我尝试将HarmonyOS的元服务万能卡片与文心一言的AIGC能力深度融合——验证AI能否通过卡片这一轻量载体实现真正的服务落地。

以下展示部分运行效果图，直观感受交互风格：

元服务万能卡片界面

文心一言AIGC服务效果

概念验证Demo说明：HarmonyOS元服务卡片结合AIGC

坦诚而言，当前Demo仍处于概念验证阶段——它仅利用了元服务卡片连接合规外网的能力，进行了一次AIGC场景的技术演示，距离正式上架运营尚有距离。但发展路径已然清晰：我们认为，基于AIGC能力类型的HarmonyOS元服务万能卡片，真正的发展方向应是——通过API调用合规训练的特色模型与角色，再借助卡片、语音、手势等更自然的交互方式，为用户提供智能化服务。

我们的团队近年来不仅尝试将互联网和移动互联网的多种应用形式拆解为HarmonyOS原子化服务卡片，也一直紧跟AIGC发展节奏，持续探索元服务与万能卡片的创新可能。值得期待的是，盘古大模型未来对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"
      }
    }
  }
}

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