当前位置:首页 > 新闻动态 > 网站文章

小程序开发的几种方式

来源: 浏览:113 时间:2023-08-11

一、各平台语言开发

根据各平台提供的语法去开发。

二、webview 组件承载 H5 页面

是什么

web-view 组件,承载网页的容器。会铺满整个小程序页面。

类似于 hybrid 开发。

H5 可以通过 JSSDK 去调用小程序的接口。

优势劣势
一套 H5 就可以部署到多个平台。H5 的页面加载不如小程序页面流程。

三、Kbone——多端统一开发工具(微信官方)

是什么

kbone 是一个致力于微信小程序和 Web 端同构的解决方案。

优势劣势
1. 大部分流行的前端框架都能够在 kbone 上运行,比如 Vue、React、Preact 等。
2. 支持更为完整的前端框架特性,因为 kbone 不会对框架底层进行删改(比如 Vue 中的 v-html 指令、Vue-router 插件)。3. 提供了常用的 dom/bom 接口,让用户代码无需做太大改动便可从 Web 端迁移到小程序端。在小程序端运行时,仍然可以使用小程序本身的特性(比如像 live-player 内置组件、分包功能)。4. 提供了一些 Dom 扩展接口,让一些无法完美兼容到小程序端的接口也有替代使用方案(比如 getComputedStyle 接口)。

四、Mpvue——一个使用 Vue.js 开发小程序的前端框架(美团已不维护)

是什么

mpvueVue.jsmpvueVue.jsVue.js

各平台转换支持

平台支持
Web
小程序(微信和支付宝)
Native(借助 weex)

五、Megalo——基于 Vue 的小程序框架(网易考拉)

是什么

Vue@2.5.16

各平台转换支持

平台支持
微信
支付宝
百度

六、Chameloen——一套代码运行多端,一端所见即多端所见(滴滴)

是什么

CML (Chameleon) 是一个跨多端开发的统一解决方案,它可以像变色龙一样适应不同的环境。

一次开发,多端运行,一端所见即多端所见。

CML,类 Vue 语法。

各平台转化支持

平台支持
H5
Weex(IOS,Android)
微信
支付宝
百度
QQ
字节跳动
快应用

七、Remax——使用真正的 React 构建跨平台小程序

是什么

基于运行时的 React 方案,让你可以不受限制地使用 React 所有特性。

默认支持 TypeScript 开发,提供完整的组件和 API 类型定义。

各平台转化支持

平台支持
阿里系(支付宝、钉钉、淘宝)
微信(QQ)
头条
H5

目前仅支持阿里小程序。

八、Uni-app 是使用 Vue 语法开发小程序、H5、App的统一框架

是什么

uni-app

各平台转化支持

平台支持
Android
IOS
Web
微信
支付宝
百度
字节跳动
快应用(仅支持 vivo 、oppo、华为)
QQ
360(360小程序仅 windows平台支持,需要在360浏览器中打开)
快手
飞书
钉钉
京东

小程序插件规范由小程序厂商定义,插件是对一组 js 接口、自定义组件或页面的封装,用于嵌入到小程序中使用。

uni-app 不仅仅可以开发完整的小程序,也可以编译为小程序插件。

微信小程序插件1.9.62.1.0支付宝小程序插件

九、Taro——跨平台框架开发小程序(京东&58安居客)

是什么

Taro是一个开放式跨端跨框架解决方案,支持使用 React/Vue/Nerv 等框架来开发微信/京东/百度/支付宝/字节跳动/QQ/飞书小程序 / H5 / RN 等应用。

各平台转换支持

平台支持
微信
京东
百度
支付宝
字节跳动
QQ
钉钉
企业微信
支付宝 IOT
飞书
React

其它、小程序插件

插件是对一组 js 接口、自定义组件或页面的封装,用于嵌入到小程序中使用。插件不能独立运行,必须嵌入在其他小程序中才能被用户使用;而第三方小程序在使用插件时,也无法看到插件的代码。因此,插件适合用来封装自己的功能或服务,提供给第三方小程序进行展示和使用。

各平台支持

平台支持

地址 · ADDRESS

地址:建邺区新城科技园嘉陵江东街18号2层

邮箱:309474043@qq.Com

点击查看更多案例

联系 · CALL TEL

400-8793-956

售后专线:025-65016872

业务QQ:309474043    售后QQ:1850555641

©南京安优网络科技有限公司 版权所有   苏ICP备12071769号-4  网站地图