HarmonyOS 鸿蒙Next 王丹辉：Codelabs挑战赛 北向教育APP（低代码开发基于severless）

HarmonyOS 鸿蒙Next 王丹辉：Codelabs挑战赛 北向教育APP（低代码开发基于severless） 1  serverless支持端云一体化开发体验

在项目生成界面选择Empty Ability with CloudDev即可生成端云一体化的项目。

当然也需要在Appgallay Connect中注册云端项目。

添加应用后，新版本devstudio已经可以自动下载config文件并放在entry/src/rawfile目录下。

工程目录中会自动生成常用的用户认证、云函数、云数据库等功能。这次程序直接使用的云用户认证功能，即通过手机号发认证短信的方式登录应用程序。

主要代码如下：

@Entry
@Componentstruct Index {
  @StorageLink('user') currentUser: AgUser = new AgUser();
  build() {
    Flex({ direction: FlexDirection.Column, justifyContent: FlexAlign.Center }) {
      Text($r('app.string.main_page_title'))
        .width(Constants.PERCENT_100)
        .fontSize($r('app.float.main_title_font_size'))
        .textAlign(TextAlign.Center)
        .fontColor($r('app.color.body_color'))
        .margin({ bottom: Constants.LENGTH_10_PX })
      HomeButton({
        title: $r('app.string.auth_service_title'),
        routeName: Constants.AUTH_ROUTE
      })
    }
    .height(Constants.PERCENT_100)
    .width(Constants.PERCENT_100)
    .padding(Constants.LENGTH_10_PX)
    .backgroundImage($r('app.media.bg'), ImageRepeat.XY)
  }
}

主要是调用工程的生成代码。

2  ArkTs低代码开发

这次学习最主要的是体验ArkTS的低代码开发。在page目录中右键添加visual->page即可生成一个低代码设计页面。

设计完成后可以点击转化生成ArkTs文件。低代码主要体现在界面设计，大部分逻辑设计还是需要手动编码。

3  经验和教训

3.1 端云一体生成工程需要配置

由工具生成工程项目直接编译出错，具体内容可以参见 这篇帖子，给出了非常有效的解决方案，PS：目前为止，该方案已经失效了20230419，工具生成的工程都处于不能编译状态，演示程序直接出错崩溃。

3.2 低代码开发仍有学习成本

这次的低代码设计并不能所见即所得，没有到控件任意拖拽的地步，仍需要深入熟悉布局、控件参数才能较好的使用，有时候并不如直接代码来的快捷，并且不时会出现不能转化问题，如File Writing failed什么的，当然这也是走出了降低技术门槛第一步，值得肯定，但是要达到好用便捷的阶段还需要非常非常非常远的路要走。

4  作品展示