HarmonyOS鸿蒙Next技术训练营：基于JS实现的AI作诗应用

HarmonyOS鸿蒙Next技术训练营：基于JS实现的AI作诗应用

前言

本项目基于郭峰老师的直播课教程进行实现。项目比较简单，主要通过数据请求访问api接口实现

关键代码

生成藏头诗代码，藏头诗接口：
https://py.myie9.com/cangtoutest/

genHeadPoem() {
    this.debug(this.keywordInput)
    this.keywordInput = this.keywordInput.replace(/[\s]+/g, "").replace(/\n/g, "").replace(/\r/g, "")
    this.debug(this.keywordInput)
    if (this.keywordInput === "") {
        this.showToast("请随便输入4个不同的汉字")
        return
    }
    let url = "https://py.myie9.com/cangtoutest/" + this.keywordInput
    let that = this
    this.resultPoemInput = ""
    that.resultShow = "hidden"

    this.showToast("生成中...，请等待10秒")
    fetch.fetch({
        url: url,
        method: 'GET',
        responseType: 'text',
        success: function(ret) {
            that.debug(JSON.stringify(ret))
            if (500 == ret.code) {
                that.showToast("您的这句诗我接不上哦。换一句吧")
                return
            }
            let data = ret.data
            that.debug(data.toString())
            that.showTips(data.toString(), "藏头诗生成成功")
            that.$element('keyPoem').focus(false)
        },
        fail: function(data, code) {
            if (data.code == 500) {
                that.showToast("您的这句诗我接不上哦。换一句吧")
            } else {
                that.showToast("发生错误，请重试。错误码：" + code + '。' + JSON.stringify(data))
            }
        }
    })
}

生成整首诗代码，续写诗接口：
https://py.myie9.com/xuxietest/

genPoem() {
    this.debug(this.headPoemInput)
    this.headPoemInput = this.headPoemInput.replace(/[\s]+/g, "").replace(/\n/g, "").replace(/\r/g, "")
    this.debug(this.headPoemInput)
    if (this.headPoemInput === "") {
        this.showToast("请随便输入第一句诗")
        return
    }
    let url = "https://py.myie9.com/xuxietest/" + this.headPoemInput
    let that = this
    this.resultPoemInput = ""
    that.resultShow = "hidden"

    this.showToast("生成中...，请等待10秒")
    fetch.fetch({
        url: url,
        method: 'GET',
        responseType: 'text',
        success: function(ret) {
            that.debug(JSON.stringify(ret))
            if (500 == ret.code) {
                that.showToast("您的这句诗我接不上哦。换一句吧")
                return
            }
            let data = ret.data
            that.debug(data.toString())
            that.showTips(data.toString(), "藏头诗生成成功")
            that.$element('keyPoem').focus(false)
        },
        fail: function(data, code) {
            if (data.code == 500) {
                that.showToast("您的这句诗我接不上哦。换一句吧")
            } else {
                that.showToast("发生错误，请重试。错误码：" + code + '。' + JSON.stringify(data))
            }
        }
    })
}

演示效果

参考资料

弹窗-UI界面-接口参考（JS及TS API）-手机、平板、智慧屏和智能穿戴开发-JS API参考-HarmonyOS应用开发

数据请求-已停止维护的接口-接口参考（JS及TS API）-手机、平板、智慧屏和智能穿戴开发-JS API参考-HarmonyOS应用开发

项目地址

AIpoem · Haoc_小源同学/HarmonyOS技术训练营 - 码云 - 开源中国 (gitee.com)

结语

本来打算实现将生成的藏头诗分享至第三方，但是在我查阅了大量资料后发现鸿蒙应该是暂时还不支持，后续如果支持的话可以将项目完善。同时项目使用fetch进行数据请求，该api已不再维护，后续计划替换为http
数据请求-网络管理-接口参考（JS及TS API）-手机、平板、智慧屏和智能穿戴开发-JS API参考-HarmonyOS应用开发