{
  "handler": "zodiacFun.myHandler",
  "triggers": [
    {
      "type": "http",
      "properties": {
        "enableUriDecode": true,
        "authFlag": "true",
        "authAlgor": "HDA-SYSTEM",
        "authType": "apigw-client"
      }
    }
  ]
}

let myHandler = async function (event, context, callback, logger) {
  // 打印參數
  logger.info("**event: "+JSON.stringify(event))
  // 定義十二生肖
  let zodiac = ["猴", "雞", "狗", "豬", "鼠", "牛", "虎", "兔", "龍", "蛇", "馬", "羊"];

  // 轉化參數為對象參數
  event.body = JSON.parse(event.body);
  // 根據年份計算生肖下標
  let idx = parseInt(event.body.year)%12;
  // 獲取生肖
  let sx = zodiac[idx];
  // 生成HTTP響應對象
  let res = new context.HTTPResponse({"zodiac": sx}, {
    "faas-content-type": "json"
  }, "application/json", "200");

  // 回調
  callback(res);

};

export { myHandler };

import agconnect from '@hw-agconnect/api-ohos';
import "@hw-agconnect/core-ohos";
import "@hw-agconnect/auth-ohos";
import '@hw-agconnect/auth-types-ohos';

import { Log } from '../common/Log';

const TAG = "[AGCConfig]";

export function getAGConnect(context) {
    try {
        agconnect.instance().init(context);
        Log.info(TAG, "xx init AGC SDK success");
        return agconnect;
    }
    catch (err) {
        Log.error(TAG, "xx initAgcSDK failed" + err);
    }
}

import agconnect from '@hw-agconnect/api-ohos';
import "@hw-agconnect/function-ohos";
import { Log } from '../common/Log';
import { getAGConnect } from './AgcConfig';
const TAG = "[AGCFunction]";
export function zodiac(context, params: any): Promise<string> {
    console.info('xx Function Params: ' + JSON.stringify(params))
    return new Promise((resolve, reject) => {
        // 獲取AGC連接
        getAGConnect(context);
        let functionResult;
        // 獲取云函數回調
        let functionCallable = agconnect.function().wrap("zodiacfun-$latest");
        // 傳遞參數調用云函數
        functionCallable.call(params).then((ret: any) => {
            Log.info(TAG,'xx Zodiac Function Sucess')
            // 獲取成功返回結果集
            functionResult = ret.getValue();
            Log.info(TAG, "xx Zodiac Function Called, Returned Value: " + JSON.stringify(ret.getValue()));
            // 返回結果集給界面
            resolve(functionResult.zodiac);
        }).catch((error: any) => {
            Log.error(TAG, "xx Error - could not obtain zodiac function result. " );
            Log.error(TAG, "xx Error Detail: " + JSON.stringify(error));
            reject(error);
        });
    });
}

import { zodiac } from '../services/Function';

@Entry
@Component
struct Index {
  // 存儲選擇年份
  @State year: number = 2022
  // 計算出來生肖
  @State born: string = "?"
  // 是否在計算中
  @State flag: boolean = false

  // 計算生肖
  getBorn() {
    // 標識為計算中
    this.flag = true;
    console.info('xx Page year: ' + this.year)
    // 封裝參數
    let params = {
      "year": this.year
    }
    // 調用函數
    zodiac(getContext(this), params).then((res) => {
      // 計算完成
      this.flag = false;
      // 結果賦值給生肖變量
      this.born = res;
    }).catch((err) => {
      // 計算完成
      this.flag = false;
      console.error('xx error: ', err && err.message);
    });
  }

  build() {
    Stack() {
      if (!this.flag) {
        Column({space: 20}) {
          Text('請選擇年份')
            .fontSize(20)
            .fontWeight(FontWeight.Bold)

          // 選擇年份
          Column() {
            Text(this.year + '')
              .fontSize(20)
              .fontWeight(FontWeight.Bold)
              .padding(10)
              .width(100)
              .border({ width: 1, radius: 8 })
          }
          .bindMenu([
            { value: '2006', action: () => {this.year = 2006; this.born = '?'} },
            { value: '2007', action: () => {this.year = 2007; this.born = '?'} },
            { value: '2008', action: () => {this.year = 2008; this.born = '?'} },
            { value: '2009', action: () => {this.year = 2009; this.born = '?'} },
            { value: '2010', action: () => {this.year = 2010; this.born = '?'} },
            { value: '2011', action: () => {this.year = 2011; this.born = '?'} },
            { value: '2012', action: () => {this.year = 2012; this.born = '?'} },
            { value: '2013', action: () => {this.year = 2013; this.born = '?'} },
            { value: '2014', action: () => {this.year = 2014; this.born = '?'} },
            { value: '2015', action: () => {this.year = 2015; this.born = '?'} },
            { value: '2016', action: () => {this.year = 2016; this.born = '?'} },
            { value: '2017', action: () => {this.year = 2017; this.born = '?'} },
            { value: '2018', action: () => {this.year = 2018; this.born = '?'} },
            { value: '2019', action: () => {this.year = 2019; this.born = '?'} },
            { value: '2020', action: () => {this.year = 2020; this.born = '?'} },
            { value: '2021', action: () => {this.year = 2021; this.born = '?'} },
            { value: '2022', action: () => {this.year = 2022; this.born = '?'} },
            { value: '2023', action: () => {this.year = 2023; this.born = '?'} },
            { value: '2024', action: () => {this.year = 2024; this.born = '?'} },
            { value: '2025', action: () => {this.year = 2025; this.born = '?'} }
          ])

          // 計算按鈕操作
          Button('計算', {type: ButtonType.Normal, stateEffect: true})
            .fontSize(18)
            .borderRadius(8)
            .width(100)
            .margin({bottom: 20})
            .onClick(() => {
              // 根據年份計算生肖
              this.getBorn()
            })

            // 顯示計算結果
            Text(`${this.year} 年生肖是  ${this.born}`)
              .fontSize(20)
              .fontWeight(FontWeight.Bold)
        }
        .width('100%')
        .height('100%')
        .padding({top: '33%'})
      } else {
        // 計算中
        LoadingProgress().color(Color.Blue)
          .backgroundColor(Color.Transparent)
      }
    }
  }
}