如何利用apicloud实现多端开发

因各家小程序技术之间没有统一的标准或者接入方式，导致形成了新的技术碎片化，开发者必然要为不同端的小程序做不同的开发和适配，这给开发者和企业带来了新的负担：开发者不仅要开发Android / iOS的app，还要兼容WebApp以及各大超级app的小程序，单一功能在各终端都要重复实现，开发和维护成本成倍增加。

 

跨平台技术延续其已经成熟稳定的一套代码同时开发Android / iOS app的能力，并在此基础上，通过多端统一开发工具将app代码编译为小程序和H5代码，达到一套代码，同时适配app、小程序和WebApp的多端开发目的。

 

 

目前常见的多终端编译环境有：

l  Mpvue（美团）：支持将Vue语法编译为小程序和H5，支持微信、支付宝等小程序

l  Taro（京东）：支持将React语法编译为小程序和H5，支持微信、支付宝等小程序，同时支持生成React Native app

l  Hippy（腾讯）：同时支持将Vue和React语法编译为微信小程序和H5

l  Chameleon（滴滴）：支持将其CML语法编译到Web、小程序、Weex APP等多种终端

 

APICloud多端开发

在兼容和继承APICloud所有API、模块、技术栈以及用户体验的基础上，APICloud定义了一套新的代码编写标准(DSL)：

 

基于标准Web Components组件化思想，兼容Vue / React语法特性，通过一次编码，分别编译为APP、小程序代码，实现多端开发。

 

APP代码使用DeepEngine3.0（https://www.apicloud.com/deepengine?uzchannel=264）运行，全翻译式的运行原理提供完全原生的体验和性能。

 

示例代码

将演示如何使用avm.js语法的两种模式之一，单文件模式，定义一个页面或者组件，并渲染到终端。

 

使用单文件模式，stml文件定义一个组件 / 页面

 

stml组件 / 页面符合Vue单文件组件(SFC)规范，最终被编译为JS组件 / 页面，渲染到不同终端。

 

定义页面或组件：

// api-test.stml:

 

<template> 

    <view>

        <text>Hello APP</text>

    </view> 

</template> 

<script>

    export default { 

        name: 'ApiTest'

    }

</script>

全文：https://docs.apicloud.com/apicloud3/#/overview/samples?index=0&subIndex=2