本文旨在对 HarmonyOS 新推出的服务卡片进行学习，理解其概念，以及熟悉工具 HUAWEI DevEco Studio。如，如何新建项目、如何新建卡片服务，如何运行项目和卡片服务，以及模拟器上卡片服务的显示效果。

起因太长了，写完了回顾了一下，我还是选择用分 section 的方法方便跳过。

这里假设你已经知道一些 React 的知识，因此关于 JSX 等 React 基础这里不会过多介绍。

一些常用组件的介绍，React Native 毕竟使用 React 实现，所以写 RN 的代码其实和写 web 差不多，这里就不多介绍了。唯一需要注意的一点就是，所有 RN 使用的组件都需要从 RN 导入，因为 RN 需要将代码编译成原生 ios/android 组件，所以没办法像网页版一样直接使用div这些组件。

这一段主要讲一些关于 Navigation 的用处，Navigation 有点类似于网页的导航，起到在 app 中切换页面的用途，使用的包为。是一个功能很强大的库，常用的导航功能都有包含，可以搭配 expo 使用也可以单独与 react native 一起使用。这里会简单介绍一下 Stack（点击页面中的组件进行跳转）和 Drawer（菜单栏，类似于网页开发的 hamburger）。

Demo 如下：算是一个用到现在对使用过的组件和 API 进行一个……阶段性总结吧。

总体上来说这次重构的效果还是挺好的，完成了：测试代码的添加虽然是从 redux 开始，不过我们终于开始写测试了……代码更加的模块化使用 redux 集中化数据这一部分其实也减少了一些重复调用的代码，毕竟数据和页面也存在 1-to-many 的情况单个页面开发速度提升 50%之前简单的页面实现周期大概是一周左右(5-6 天)，现在因为代码已经封装好了，所以实现周期提速到了 2-3 天现有的代码量大概

这里主要实现的部分继续下去，对 Blockchain 这个对象有一些修改，如果使用 TS 的话可能要修改对应的 interface，但是如果是 JS 的话就无所谓了。需要安装的依赖有：express现在的 express 已经不内置 body-parser，需要作为单独的依赖下载request不下载会报错，是使用 request-promise 所需要的依赖和已经 deprecated 了，具体

学习的最后一部分了，完整的资源在这里：https://download.csdn.net/download/weixin_42938619/87765530，有需求的可以自取。最后一部分是增加一些可视化的功能，完整实现后如下：HTML 部分是用 Angular 写的，Angular 的学习不在讨论的范围内，所以这里会将剩下的一些功能补全就是了。这里主要接收一个 blockId，随后通过 find

其实原因很简单，就是项目需求……这两个月被 onboard 了一个新的老项目，原因大体是因为 InfoSec 发现了该项目里存在的一个安全隐患——通过 iframe 将 session id 传到了另一个 HTML 文件中，导致 session id 在 URL 上可见。这个项目本身也非常的老了——这个项目至少 17 年了，比 docker 的历史还久，因此之前修改了点内容，就得让后端的同时重新