新手开发指南

欢迎来到YonBuilder移动开发平台!

YonBuilder移动开发平台将前端的跨平台技术和后端数据模型采用松耦合的方式连接,可集成企业级后端业务API,一套代码同时生成iOS、Android、小程序等多端应用,并具备高性能原生体验,并通过强扩展能力输出成熟的行业解决方案,以平台化、标准化的产品形态满足企业级商业应用的复杂需求。

如果您对使用 YonBuilder 移动开发平台开发感到无从下手,现在您可以通过阅读此文档来得到帮助。

我们根据不同的应用需要,对于Web技术为主的前端开发者,可以通过YonBuilder移动开发提供的DeepEngine引擎,使用Web相关技术进行应用客户端的开发,而同时YonBuilder移动开发提供的SuperWebView 技术,支持在原生的android或iOS应用中使用Web技术进行内嵌页面的开发。

YonBuilder移动开发主要支持以下两种类型应用开发:

1. 自定义移动应用

YonBuilder移动开发平台提供混合开发模式多端开发模式两种开发模式。

混合开发模式:使用标准HTML5(包括HTML/CSS/JS技术以及Vue/React等框架技术)进行开发,一套代码同时生成Android & iOS App,现有的1000+移动插件和20000+API可直接调用。App引擎DeepEngine提供完全原生的渲染,保障App性能和体验与原生App一致。

混合开发模式适合功能强大、对性能要求高的App开发,如果您仅有App需求,建议选择混合开发模式。

多端开发模式:多端开发模式适合小程序优先的场景(创建应用时勾选“使用AVM开发),一次开发可同时生成小程序、Android & iOS App多终端应用。如果您有小程序需求,而App端不是重点,可选择多端开发模式。开发完的小程序代码,可百分百编译为同等功能的App。

应用创建

如果使用多端开发模式(AVM)进行开发,您的App将使用无Webview的原生引擎DeepEngine进行渲染,所有组件及视图与Android & iOS系统原生组件和视图百分百对齐。例如使用list-view进行布局,意味着您的列表将具备回收能力,即使面对数以万计的列表项或者瀑布流图片,也不会产生因内存溢出而导致闪退的问题,并且在滑动性能和流畅度上远胜于Webview视图的DOM滑动。

多端开发与混合开发的区别在于,多端开发要求必须使用AVM.JS框架及语法进行开发,开发过程应使用文档中具有“通用”或者“小程序和App适用”标识的组件或者App进行开发,例如不应该在多端应用中使用list-view组件,因为list-view组件是专门为App定制的,它无法被编译为小程序(因为小程序平台并未提供类似的组件和能力)。

2.定制友空间私有版

定制友空间私有版为企业提供移动工作入口方案,帮助企业实现高效协同办公。针对企业的具体需求对公有云的功能进行私有化定制, 通过复用公有云功能可以实现程序的快速开发。

使用下述导航菜单可以更进一步使用YonBuilder移动开发平台。

一起开发第一个应用

针对从未使用过YonBuilder移动开发平台的开发者,我们以图文形式提供了详细的上手文档。参考文档 创建第一个应用了解更多。

了解开发工具使用

我们不会对开发工具做任何限制,您使用任何 HTML5 开发工具都可以进行YonBuilder移动开发应用的开发工作。

如果您对YonBuilder移动开发平台开发尚未熟悉,在众多 HTML5 开发工具中,我们更建议您选择以下开发工具:

YonStudio

  • 基于业界领先的代码编辑器-Vscode深度定制,帮助您快速轻松地构建多端应用 我们为 Windows、Mac和Linux提供了出色的开发体验,您可以使用自己喜欢的操作系统进行开发

  • YonStudio文档

  • YonStudio视频教程

新手必看视频

如果您希望通过更轻松的方式学习 YonBuilder 移动开发平台相关知识,我们也为您提供了大量的基础入门解说视频。

您可以通过这里观看更多YonBuilder视频教程

查看真实成功案例

时至今日,已经有大量使用 YonBuilder 移动开发平台开发的应用获得了成功,这些应用在体验、创新、业务上是如何做的?官方会定期更新由开发者申请展示的 成功案例

如果您也有成功案例希望展示,请联系运营人员(微信:yonyou_dev)!

查看开发者案例源码

您可以通过借鉴各大知名应用的布局、交互、体验、结构等经验为自己的应用带来高体验。

适用于多端开发模式(AVM技术):

点餐模板

《点餐》项目是一个餐饮商户单商家堂食下单应用。主要功能包括浏览商家主页信息、查看推荐菜品、下单商品、取餐等号等功能。

适用于混合开发模式(标准HTML5技术):

仿大众点评

  • 提供者:开发者
  • 大众点评在 o2o 中应该算是最成功的案例之一了,功能之复杂、使用之便利,有很多值得我们学习的地方!

仿天猫商城

  • 提供者:开发者
  • 应该没人不知道天猫了,而天猫 App 的体验无疑甩亲兄弟手机淘宝几条街,快来看看她是如何做到的吧!

仿脉脉

  • 提供者:开发者
  • 经典 社交 APP 仿脉脉,带有教程文档,欢迎大家下载体验!

仿网易新闻

  • 提供者:开发者
  • 大名鼎鼎的网易新闻,新闻类 App 的代表,有很多自己对新闻类 App 的经典理解。

仿网易云音乐

  • 提供者:开发者
  • 音乐类 App 的代表,如果您正想开发一款音乐类的 App,那么这个案例一定能给您带来很多帮助!

更多源码:https://developer.yonyou.com/developer/sourceCode

掌握文档用法,提高开发效率

我们想让开发者了解,在开发过程中借助文档解决问题才是最效率和省力的方式。

下面为您列出一些常用文档

您还可以通过手动搜索来找到需要查看的文档

  • 首先,打开 文档首页,在搜索框中输入模块中文或英文名称或模块功能描述关键字等进行搜索

    搜索

  • 在搜索结果列表中选择自己需要的文档进行阅读 搜索结果

利用社区解决疑问

如果您希望和更多 YonBuilder 移动开发平台的开发者交流经验、得到 YonBuilder 移动开发平台官方技术支持或开发者帮助,请多多利用社区论坛。社区可以为您提供大量帮助。

社区组成

社区组成

社区帖子搜索

当出现问题后,可以先在社区内搜索一下有没有一样的小伙伴也碰到了同样的疑问,往往比自己发帖更快捷有效。

社区的搜索是全站搜索哦,在搜索框可以选择搜索内容的类型,输入问题关键字进行搜索,只要选中类型中出现过的关键字都能被搜索出结果

社区搜索

前端框架选择

YonBuilder 移动开发平台并不会限制开发者使用任何前端框架,但不建议您使用体积较大的框架。为了保证应用体验,我们推荐您使用一些轻量级的、移动优先的前端框架。

下面为您推荐一些我们认为对开发有帮助的框架

apiutil.js

apiutil.js 是由 YonBuilder 移动开发平台官方为您提供的辅助脚本框架,遵循主流前端框架 jQuery 的使用习惯,您可以查看文档了解 apiutil.js 使用方法

apiutil.css

apiutil.css 是由 YonBuilder 移动开发平台官方为您提供的浏览器样式清除框架,使用它可以让我们的页面 HTML 元素在所有手机上表现一致,您可以查看文档了解 apiutil.css 使用方法

是否仍需要帮助? 请保持联络!
最后更新于 2023/01/18