App Samples

• Introduction
• Usage
• Limitations
• Repositories Involved

Introduction

We provide a series of app samples to help you quickly get familiar with the APIs and app development process of the OpenHarmony SDKs. Each app sample is an independent project in DevEco Studio. You can import a project into DevEco Studio to learn how to use APIs in the sample by browsing code, building the project, and installing and running the app.

Content

• Basic
  • Container：ArrayList（ArkTS）（API8）
  • Screenshot：Screenshot （ArkTS）（API9）
• AppSample
  • Chat：Chat Sample（ArkTS）（API8）
  • Shopping：Shopping Sample（ArkTS）（API8）
• Account
  • AppAccountManager：App Account Manager （ArkTS）（API8）
  • DistributeAccount：Distributed Account（ArkTS）（API8）
• Communication
  • RPC：RPC Connection （ArkTS）（API8）
  • Wlan：WLAN （ArkTS）（API8）
• ability
  • DMS：Distributed Demo（ArkTS）（API8）
  • JsDistributedMusicPlayer：Distributed Music Player（JS）（API7）
  • DataAbility：Data Ability（ArkTS）（API8）
  • ServiceAbility：Service Ability（ArkTS）（API8）
  • StageCallAbility：Stage Call Ability（ArkTS）（API9）
  • FormAbility：Form Ability （JS）（API8）
  • FormExtAbility：Stage Form（ArkTS）（API9）
  • FormLauncher：Form Launcher（ArkTS）（API8）
  • ServiceExtAbility：StageExtAbility Creation（ArkTS）（API9）
  • DistributedGraffiti：Distributed Graffiti（ArkTS）（API8）
  • MissionManager：System Mission Manager(ArkTS)（API9）
• common
  • AirQuality：Air Quality（JS）（API8）
  • Clock：Clock（JS）（API8）
  • DistributeCalc：Distributed Calculator（JS）（API7）
  • ECG：ECG（JS）（API8）
  • Notification：Botification （ArkTS）（API8）
  • ResourceManager：Resource Manager（ArkTS）（API8）
  • Runninglock：Runninglock（ArkTS）（API8）
  • Flashlight：Flashlight（JS）（API8）
  • JsHelloWorld：'Hello World'（JS）（API8）
  • PowerManager：System Power Manager（ArkTS）（API8）
  • International：i18n（ArkTS）（API8）
• data
  • KvStore：Distributed Database（ArkTS）（API8）
  • LiteStorage：Lite Storage（ArkTS）（API8）
  • Rdb：Relational Database（ArkTS）（API8）
  • DDMQuery：DDMQuery（ArkTS）（API8）
  • DistributedRdb：Distributed RDB（ArkTS）（API8）
  • Preferences：Preference（ArkTS）（API9）
  • DistributedNote：Distributed Memo (ArkTS)（API9）
• device
  • DeviceManager：Device Manager（ArkTS）（API8）
  • Sensor：Sensor（ArkTS）（API8）
  • Vibrator：Vibrator（ArkTS）（API8）
  • DeviceUsageStatistics：Device Usage Statistics（ArkTS）（API8）
  • Browser：Browser（ArkTS）（API9）
• Graphics
  • JsWebGL：WebGL(JS)（API8）
  • Window：Window(ArkTS)（API9）
• media
  • JsAudioPlayer：Audio Player（JS）（API8）
  • JsVideo：Video Player（JS）（API8）
  • Recorder：Recorder（ArkTS）（API8）
  • MultiMedia：Multi Media（ArkTS）（API9）
  • VideoPlayer：Video Player（ArkTS）（API9）
  • JsRecorder：Recorder（JS）（API8）
• DFX
  • JsDotTest：Dot Test（JS）（API8）
  • FaultLogger：Faulter Logger（ArkTS）（API8）
  • Logger：Logger(ArkTS)（API9）
• Telephony
  • Call：Call（ArkTS）（API8）
  • Message：Message（ArkTS）（API8）
  • RadioTech：Radio Tech（ArkTS）（API8）
  • SimManager：SIM Card Manager（ArkTS）（API8）
  • MobileNetwork：Cellular Network(ArkTS)（API9）
• thread
  • JsWorker：Launch a worker（JS）（API8）
• CompleteApps
  • KikaInput：Lite Input Method（JS）（API9）
  • AstronautsGame：A Game（C++）
  • FlipClock：Flip Clock（ArkTS）（API8）
• EngineeringCapability
  • Npm：npm's usage (ArkTS)（API9）
• ETSUI
  • Canvas：Canvas（ArkTS）（API8）
  • CustomComponent：Custom Component（ArkTS）（API8）
  • Process：Process （ArkTS）（API8）
  • BuildCommonView：Build Common View （ArkTS）（API8）
  • DefiningPageLayoutAndConnection：Defining Page Layout and Connection（ArkTS）（API8）
  • Drag：Drag （ArkTS）（API8）
  • Component：ArkTS Component Test Demo（ArkTS）（API8）
  • ArkUIAnimation：Animation（ArkTS）（API8）
  • MediaQuery：Media Query （ArkTS）（API8）
  • XComponent：XComponent（ArkTS）（API8）
  • MouseEvent：Mouse Event （ArkTS）（API8）
  • Web：Web（ArkTS）（API8）
  • Gallery：Gallery （ArkTS）（API8）
  • BringApp：Bring App （ArkTS）（API8）
  • AdaptiveCapabilities：AdaptiveCapabilities（ArkTS）（API9）
  • Game2048：2048 Game（ArkTS）（API9）
  • Lottie：Lottie（ArkTS）（API8）
  • TransitionAnimation：Transition Animation (ArkTS)（API9）
• FileManager
  • Environment：Environment （ArkTS）（API8）
  • FileIo：File IO（ArkTS）（API8）
• Native
  • NativeAPI：NativeAPI（ArkTS）（API8）
• Notification
  • CommonEvent：Common Event（ArkTS）（API8）
  • Emitter：Emitter （ArkTS）（API8）
  • AlarmClock：Background Alarm Clock （ArkTS）（API8）
  • Notification：Subscribe&Send Notification （ArkTS）（API9）
• Network
  • Http：http Request（ArkTS）（API8）
  • Socket：Socket（ArkTS）（API8）
• Preset
  • Clock：Clock（ArkTS）（API9）
  • FlashLight：Flash Light（ArkTS）（API8）
  • DistributeCalc：Distributed Calculator（ArkTS）（API8）
  • AirQuality：Air Quality (ArkTS)（API9）
  • DistributedMusicPlayer：Distributed Music Player (ArkTS)（API9）
• PackageManagement
  • ZipLib：zip&unzip(ArkTS)（API9）
• ResourcesSchedule
  • Flybird：Game（ArkTS）（API9）
  • BackgroundTaskManager：Background Task Manager（ArkTS）（API8）
• UI
  • AtomicLayout：Atomic Layout（JS）（API8）
  • Badge：Badge（JS）（API8）
  • International：i18n（JS）（API8）
  • JsFA：FA Demo（JS）（API8）
  • JsShopping：Shopping Demo（JS）（API8）
  • JSMenu：Menu（JS）（API8）
  • JSUICustomComponent：UI Custom Component（JS）（API8）
  • JsAnimation：Animation（JS）（API8）
  • JsAnimationStyle：Animation Style（JS）（API8）
  • JsBasicComponents：Basic Components（JS）（API8）
  • JsBrightness：Brightness（JS）（API8）（Full SDK）
  • JsCanvas：Canvas（JS）（API8）
  • JsDevice：Device Info（JS）（API8）
  • JsDialog：Dialog（JS）（API8）
  • JsGrid：Grid Layout（JS）（API8）
  • JsList：List（JS）（API8）
  • JsPanel：Panel（JS）（API8）
  • JsRouter：Router（JS）（API8）
  • JsSvg：SVG（JS）（API8）
  • JsTimer：Timer（JS）（API8）
  • Picker：Picker （JS）（API8）
  • Popup：Popup （JS）（API8）
  • RefreshContainer：Refresh Container（JS）（API8）
  • Slider：Slider（JS）（API8）
  • Stack：Stack（JS）（API8）
  • StepNavigator：Step Navigator（JS）（API8）
  • Swiper：Swiper（JS）（API8）
  • Tabs：Tabs（JS）（API8）
  • Toolbar：Toolbar （JS）（API8）
  • chart：Chart（JS）（API8）
  • JsAdaptivePortalList：Adaptive Portal List（JS）（API8）
  • JsAdaptivePortalPage：Adaptive Portal Page（JS）（API8）
  • JsImage：Basic Image（JS）（API8）
  • JsGallery：Gallery Demo（JS）（API8）
  • JSComponments：Js Component （JS）（API8）
  • JsUserRegistration：User Registration（JS）（API8）
  • JsAdaptiveServiceWidget：Adaptive Service Widget（JS）（API8）
  • JsAnimator：Animator（JS）（API8）
• Util
  • UtilBase64Codec：Base64 Codec（ArkTS）（API8）
  • UtilScope：Scope（ArkTS）（API8）
  • UtilStringCodec：String Codec（ArkTS）（API8）
  • UtilLruBuffer：Buffer（ArkTS）（API8）
  • UtilRationalNumber：Rational Number（ArkTS）（API8）
  • UtilTypeCheck：Type Check（ArkTS）（API8）
  • UtilUrlString：URL String Parser （ArkTS）（API8）
  • XmlTextConvert：xml->text Convertor（ArkTS）（API8）

Usage

1. Import an independent app sample project into DevEco Studio for compilation, building, running, and debugging.
2. Some samples contain multiple modules. You can compile and build a single module to generate a HAP file or compile and build the entire project to generate multiple HAP files.
3. After HAP installation and execution, you can view the execution effect of the sample on the device and then conduct debugging.

Limitations

1. Before installing and running the sample, check the deviceType field in the config.json file to obtain the device types supported by the sample. You can modify this field to enable the sample to run on your target device. The **config.json** file is generally stored in the **entry/src/main** directory, which may be different depending on the samples.
2. If you want to run the app sample on OpenHarmony, configure the development environment by referring to DevEco Studio OpenHarmony User Guide.
3. App samples that can run on standard-system or small-system devices (as stipulated in Readme) must run on OpenHarmony.