
回复
Uniapp 从v3.1.0
版本开始正式支持鸿蒙(HarmonyOS)平台,可将 Vue 代码编译为鸿蒙原生应用(HAP 包),支持以下特性:
v3.6.0
及以上),官方地址。v3.0
及以上),用于鸿蒙真机调试与证书生成。Tools > SDK Manager
,下载HarmonyOS SDK
和Build Tools
。文件 > 新建 > 项目
,选择Uniapp
模板(如空项目或行业模板)。com.example.myapp
)。manifest.json
,切换到App原生配置 > HarmonyOS
标签:Application
(鸿蒙应用)或Feature
(原子化服务)。#ifdef HARMONY
预处理指令编写鸿蒙专属代码:<template>
<view>
<!-- 仅在鸿蒙平台显示的组件 -->
<view v-if="isHarmony">鸿蒙专属界面</view>
</view>
</template>
<script>
export default {
data() {
return {
isHarmony: false
}
},
onLoad() {
// #ifdef HARMONY
this.isHarmony = true;
// 调用鸿蒙原生API
uni.getSystemInfo({
success: (res) => {
console.log('鸿蒙版本:', res.harmonyVersion);
}
});
// #endif
}
}
</script>
map
、camera
),需在页面中声明:<template>
<view>
<map :latitude="lat" :longitude="lng" style="width:100%;height:300px;"></map>
</view>
</template>
<script>
export default {
data() {
return {
lat: 39.9042,
lng: 116.4074
}
}
}
</script>
manifest.json
的HarmonyOS
标签中添加权限(如定位、相机):"requestPermissions": [
{
"name": "ohos.permission.LOCATION",
"reason": "需要获取位置信息"
},
{
"name": "ohos.permission.CAMERA",
"reason": "需要使用相机"
}
]
##Uniapp##三方框架##商务##