TUP

我们花了3年时间细细打磨它,攻克了上百难题

为的就是让开发者最快几天就做出效果精美、体验流畅的APP

TUP是移动应用一站式快速开发解决方案,由移动基础框架、UI组件库、场景模板、IDE集成开发环境、移动端API接口、前后端交互技术等组成,底层基于vue.js构建。使用它,你可以完全不需要学习繁杂深奥的移动开发技术,只要会基本的前端知识就能最快2-3天做出精美流畅的APP来。

一张图看懂TUP

框架

为了让开发者便捷的进行移动开发,TUP基于vue.js构建了一套基础的移动框架。 除了保留了vue.js所有的优秀特性,我们还根据移动端特性做了大量的扩充和优化。 例如抹平移动端浏览器、Android端和 IOS端的渲染差别,封装了移动端事件,编译和输出的优化等等。

查看更多优化内容...

通过TUP的基础移动框架达到以下成果:

便捷的开发方式 使用TUP做的移动应用效果精美 App端体验顺滑流畅 Web端可以达到页面秒开 一套代码可以运行在web、安卓、IOS、微信4种平台

组件

TUP提供了上百种基础组件和详细的示例给开发者,开发者可以像搭积木一样, 组合各种组件拼合成自己的移动应用程序。

例如,你需要在界面上显示地图,你只需要这样写即可: 使用TUP的组件,无需引入资源或声明组件,直接使用标签即可。在工程编译输出时, TUP编译器会根据这个页面使用的组件情况进行资源的自动按需加载。 使用组件的时候,还可以通过属性传递值给组件,让组件可以以不同的状态去展现,
例如,我们希望地图一开始的中心的经纬度是北京,添加两个属性:
组件的内部行为也会通过事件的形式让开发者可以感知,例如用户点击了地图上的某个标记,
可以在 js 编写 markertap 函数来处理:
还可以通过 style 或者 class 来控制组件的外层样式,以便适应你的界面宽度高度等等。

API

为了让开发者可以很方便的调起App的能力,例如扫码、录音、拍照等等, TUP提供了丰富的 API 给开发者去使用。主流App能做到的,使用TUP提供的API同样能做到,而且API的用法简洁易用。例如:

调用扫一扫功能,只需要: 调用录音能力,只需要:

工具

TUP的开发工具是VSCode插件的形式。VSCode是微软推出的功能强大的编辑器,有着非常好的使用体验。 我们把TUP框架、组件和工程化开发所涉及的构建编译、真机运行、云端打包等全部封装到VSCode插件中,简化了环境配置并降低入门门槛。 而且开发者通过在线升级插件的方式就可以更新TUP,非常方便。

TUP的开发工具有Windows和Mac两个版本,主要功能: 创建基础工程和TUP页面、 启动和停止开发服务、 开始和停止编译服务、 Android和IOS的真机预览、 导出web应用、 云端打包Android和IOS端App。

开发

TUP入门简单,开发方式便捷高效。下面这个4分钟快速视频演示了如何在2个小时内搭建整个美团App主要结构、制作出首屏界面并发布为App和webApp应用。

带上耳机,点开视频开始飙车吧!

在线咨询
返回顶部