阅读类元服务开发笔记---week2

.markdown-body { line-height: 1.75; font-weight: 400; font-size: 16px; overflow-x: hidden; color: rgba(37, 41, 51, 1) }
.markdown-body h1, .markdown-body h2, .markdown-body h3, .markdown-body h4, .markdown-body h5, .markdown-body h6 { line-height: 1.5; margin-top: 35px; margin-bottom: 10px; padding-bottom: 5px }
.markdown-body h1 { font-size: 24px; line-height: 38px; margin-bottom: 5px }
.markdown-body h2 { font-size: 22px; line-height: 34px; padding-bottom: 12px; border-bottom: 1px solid rgba(236, 236, 236, 1) }
.markdown-body h3 { font-size: 20px; line-height: 28px }
.markdown-body h4 { font-size: 18px; line-height: 26px }
.markdown-body h5 { font-size: 17px; line-height: 24px }
.markdown-body h6 { font-size: 16px; line-height: 24px }
.markdown-body p { line-height: inherit; margin-top: 22px; margin-bottom: 22px }
.markdown-body img { max-width: 100% }
.markdown-body hr { border-top: 1px solid rgba(221, 221, 221, 1); border-right: none; border-bottom: none; border-left: none; margin-top: 32px; margin-bottom: 32px }
.markdown-body code { border-radius: 2px; overflow-x: auto; background-color: rgba(255, 245, 245, 1); color: rgba(255, 80, 44, 1); font-size: 0.87em; padding: 0.065em 0.4em }
.markdown-body code, .markdown-body pre { font-family: Menlo, Monaco, Consolas, Courier New, monospace }
.markdown-body pre { overflow: auto; position: relative; line-height: 1.75 }
.markdown-body pre>code { font-size: 12px; padding: 15px 12px; margin: 0; word-break: normal; display: block; overflow-x: auto; color: rgba(51, 51, 51, 1); background: rgba(248, 248, 248, 1) }
.markdown-body a { text-decoration: none; color: rgba(2, 105, 200, 1); border-bottom: 1px solid rgba(209, 233, 255, 1) }
.markdown-body a:active, .markdown-body a:hover { color: rgba(39, 91, 140, 1) }
.markdown-body table { display: inline-block !important; font-size: 12px; width: auto; max-width: 100%; overflow: auto; border: 1px solid rgba(246, 246, 246, 1) }
.markdown-body thead { background: rgba(246, 246, 246, 1); color: rgba(0, 0, 0, 1); text-align: left }
.markdown-body tr:nth-child(2n) { background-color: rgba(252, 252, 252, 1) }
.markdown-body td, .markdown-body th { padding: 12px 7px; line-height: 24px }
.markdown-body td { min-width: 120px }
.markdown-body blockquote { color: rgba(102, 102, 102, 1); padding: 1px 23px; margin: 22px 0; border-left: 4px solid rgba(203, 203, 203, 1); background-color: rgba(248, 248, 248, 1) }
.markdown-body blockquote:after { display: block; content: "" }
.markdown-body blockquote>p { margin: 10px 0 }
.markdown-body ol, .markdown-body ul { padding-left: 28px }
.markdown-body ol li, .markdown-body ul li { margin-bottom: 0; list-style: inherit }
.markdown-body ol li .task-list-item, .markdown-body ul li .task-list-item { list-style: none }
.markdown-body ol li .task-list-item ol, .markdown-body ol li .task-list-item ul, .markdown-body ul li .task-list-item ol, .markdown-body ul li .task-list-item ul { margin-top: 0 }
.markdown-body ol ol, .markdown-body ol ul, .markdown-body ul ol, .markdown-body ul ul { margin-top: 3px }
.markdown-body ol li { padding-left: 6px }
.markdown-body .contains-task-list { padding-left: 0 }
.markdown-body .task-list-item { list-style: none }
@media (max-width: 720px) { .markdown-body h1 { font-size: 24px } .markdown-body h2 { font-size: 20px } .markdown-body h3 { font-size: 18px } }.markdown-body pre, .markdown-body pre>code.hljs { color: rgba(51, 51, 51, 1); background: rgba(248, 248, 248, 1) }
.hljs-comment, .hljs-quote { color: rgba(153, 153, 136, 1); font-style: italic }
.hljs-keyword, .hljs-selector-tag, .hljs-subst { color: rgba(51, 51, 51, 1); font-weight: 700 }
.hljs-literal, .hljs-number, .hljs-tag .hljs-attr, .hljs-template-variable, .hljs-variable { color: rgba(0, 128, 128, 1) }
.hljs-doctag, .hljs-string { color: rgba(221, 17, 68, 1) }
.hljs-section, .hljs-selector-id, .hljs-title { color: rgba(153, 0, 0, 1); font-weight: 700 }
.hljs-subst { font-weight: 400 }
.hljs-class .hljs-title, .hljs-type { color: rgba(68, 85, 136, 1); font-weight: 700 }
.hljs-attribute, .hljs-name, .hljs-tag { color: rgba(0, 0, 128, 1); font-weight: 400 }
.hljs-link, .hljs-regexp { color: rgba(0, 153, 38, 1) }
.hljs-bullet, .hljs-symbol { color: rgba(153, 0, 115, 1) }
.hljs-built_in, .hljs-builtin-name { color: rgba(0, 134, 179, 1) }
.hljs-meta { color: rgba(153, 153, 153, 1); font-weight: 700 }
.hljs-deletion { background: rgba(255, 221, 221, 1) }
.hljs-addition { background: rgba(221, 255, 221, 1) }
.hljs-emphasis { font-style: italic }
.hljs-strong { font-weight: 700 }

阅读类元服务开发笔记---week2

元服务的开发本周基本按照预定完成了初版。    最终选择基于本地的json文件作为数据源，目前人工填充了大概100多条数据。还行，虽然比起预计的500条规模少了很多，但时间花销不大，即便扩充到500条规模也不需要多久。数量不是重点，后续还是会转为基于云函数的后台方式来获取，也可能会进一步看是否可以用机器学习的方式来自动处理。这个应用产生的目的就是学习原生开发鸿蒙用的。

  // ArkTS读取json
  prepareData() {
    try {
      getContext().resourceManager.getRawFileContent("DataConfigModel.json").then((value: Uint8Array) => {
        const dataConfigModelJson = JSON.parse(buffer.from(value).toString());
        if (dataConfigModelJson) {
          this.configList = dataConfigModelJson as DataConfigModel[];
        }
      }).catch((error: BusinessError) => {
        console.error("getRawFileContent promise error is " + error);
      });
    ......
    } catch (error) {
      let code = (error as BusinessError).code;
      let message = (error as BusinessError).message;
      console.error(`promise getRawFileContent failed, error code: ${code}, message: ${message}.`);
    }
  }

在ios平台已经有很多类似的应用，下载比较大的有西窗烛，西江诗词，句读，所以初版的逻辑，UI开发都是拿来主义---应用"缝合怪"的本质注定是以实践鸿蒙开发基础为主，其他的怎么简单怎么来。字体上最终选择了东方大楷，中规中矩，整体效果还可以。

aboutToAppear() {
    hilog.info(0x0000, 'testTag', '%{public}s', 'Ability onCreate');
    // 华为账号登录
    // this.loginWithHuaweiID();
    // 加载字体
    // 阿里妈妈刀隶体
    this.getUIContext().getFont().registerFont({
      familyName: 'AlimamaDaoLiTi',
      familySrc: $rawfile('font/AlimamaDaoLiTi.ttf')
    })
    // 阿里妈妈东方大楷
    this.getUIContext().getFont().registerFont({
      familyName: 'AlimamaDongFangDaKai-Regular',
      familySrc: $rawfile('font/AlimamaDongFangDaKai-Regular.ttf')
    })
  }

下一步自然是申请上架。既然第一版做的内容是诗词，对应用的名字也调整了下，取"言出法随"中的前两字，图标也是豆包生成的。

UI稍作下微调，有些操作上的逻辑还需要测试调整，下周申请上架。继续学习原生鸿蒙的开发。有很多想法，都想借着这个应用来实践下，最优先的可能还是云后台那一套，毕竟微信小程序也可以借鉴。前面也讲过后续可以把元服务迁移到小程序上去。至于用小程序原生还是taro就另说了。不知道地铁那边商务能不能跑通，跑通了也算有点收入吧。至于明年？搞不好得去干外包了吧，可能外包都没位子了。想来还是去摆摊炸鸡架相对靠谱点吧？

---

更多内容可关注\

我的公众号悬空八只脚