🌐 Build and Run Your First Distributed HarmonyOS App in 15 Minutes (HarmonyOS 5.0.0 or high)

"reqPermissions": [
  { "name": "ohos.permission.DISTRIBUTED_DATASYNC" },
  { "name": "ohos.permission.DISTRIBUTED_DEVICE_MANAGER" }
]

import distributedData from '@ohos.data.distributedData';

export class ClipboardService {
  private kvManager;
  private kvStore;

  async init() {
    this.kvManager = distributedData.createKVManager({
      bundleName: 'com.example.clipboard',
      context: getContext(this)
    });
    this.kvStore = await this.kvManager.getKVStore({
      storeId: 'clipboard_store',
      type: distributedData.StoreType.SINGLE_VERSION
    });
  }

  async setText(value: string) {
    await this.kvStore.put('shared_text', value);
  }

  async getText(): Promise<string> {
    return await this.kvStore.get('shared_text');
  }
}

import { ClipboardService } from '../common/clipboard';

@Component
struct IndexPage {
  @State text: string = '';
  clipboard: ClipboardService = new ClipboardService();

  async aboutToAppear() {
    await this.clipboard.init();
    this.text = await this.clipboard.getText();
  }

  build() {
    Column() {
      TextInput({ placeholder: 'Enter text', text: this.text })
        .onChange(value => this.text = value)
        .margin(10)

      Button('Share Across Devices')
        .onClick(async () => {
          await this.clipboard.setText(this.text);
        })
        .margin(10)

      Text(`Shared: ${this.text}`)
        .fontSize(18)
        .margin(10)
    }
  }
}